/** Shopify CDN: Minification failed

Line 8487:21 Expected identifier but found whitespace
Line 8487:23 Unexpected "{"
Line 8487:32 Expected ":"
Line 8488:10 Expected identifier but found whitespace
Line 8488:12 Unexpected "{"
Line 8488:21 Expected ":"
Line 8494:41 Expected identifier but found whitespace
Line 8494:43 Unexpected "{"
Line 8494:52 Expected ":"

**/


/* CSS from section stylesheet tags */
.error-404 {
    min-height: 70vh;
    padding: 80px 20px;
    background: linear-gradient(180deg, #F7FAFB 0%, #FFFFFF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .error-404__container {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
  }
  
  .error-404__content {
    text-align: center;
    animation: fadeUp 0.8s ease-out;
  }
  
  .error-404__number {
    font-family: var(--font-primary--family);
    font-weight: 700;
    font-size: 8rem;
    line-height: 1;
    color: var(--color-emasex-blue, #00ABC7);
    margin: 20px 0 24px;
    letter-spacing: -0.05em;
    opacity: 0.9;
    animation: fadeUp 0.8s ease-out 0.2s both;
  }
  
  .error-404__headline {
    font-family: var(--font-primary--family);
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark, #101419);
    margin: 0 0 20px;
    letter-spacing: -0.02em;
    animation: fadeUp 0.8s ease-out 0.4s both;
  }
  
  .error-404__description {
    font-family: var(--font-primary--family);
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary, #4A5562);
    margin: 0 0 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    animation: fadeUp 0.8s ease-out 0.6s both;
  }
  
  .error-404__actions {
    margin-bottom: 60px;
    animation: fadeUp 0.8s ease-out 0.8s both;
  }
  
  .btn--404 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 32px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    cursor: pointer;
    font-family: var(--font-primary--family);
    margin-bottom: 24px;
  }
  
  .btn--primary {
    background-color: #00ABC7;
    color: var(--color-white, #FFFFFF);
    box-shadow: 0 4px 12px rgba(0, 171, 199, 0.25);
  }
  
  .btn--primary:hover {
    background-color: #0092A8;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 171, 199, 0.35);
  }
  
  .btn-icon {
    transition: transform 0.3s ease;
  }
  
  .btn--primary:hover .btn-icon {
    transform: translateX(4px);
  }
  
  .error-404__secondary-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
  }
  
  .error-404__link {
    color: #00ABC7;
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
    transition: color 0.3s ease;
  }
  
  .error-404__link:hover {
    color: #0092A8;
    text-decoration: underline;
  }
  
  .error-404__separator {
    color: var(--color-text-secondary, #4A5562);
    opacity: 0.5;
  }
  
  /* Popular Products Section */
  .error-404__products {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid rgba(230, 234, 238, 0.6);
    animation: fadeUp 0.8s ease-out 1s both;
  }
  
  .error-404__products-title {
    font-family: var(--font-primary--family);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--color-text-dark, #101419);
    margin: 0 0 32px;
  }
  
  .error-404__products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 24px;
    max-width: 600px;
    margin: 0 auto;
  }
  
  .error-404__product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    padding: 20px;
    border-radius: 16px;
    background: var(--color-white, #FFFFFF);
    border: 1px solid rgba(230, 234, 238, 0.6);
    transition: all 0.3s ease;
  }
  
  .error-404__product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 171, 199, 0.3);
  }
  
  .error-404__product-image {
    width: 100%;
    max-width: 120px;
    margin-bottom: 12px;
  }
  
  .error-404__product-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  
  .error-404__product-title {
    font-family: var(--font-primary--family);
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.4;
    color: var(--color-text-dark, #101419);
    margin: 0 0 8px;
    text-align: center;
  }
  
  .error-404__product-price {
    font-family: var(--font-primary--family);
    font-weight: 700;
    font-size: 1rem;
    color: var(--color-emasex-blue, #00ABC7);
    margin: 0;
  }
  
  /* Animations */
  @keyframes fadeUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .error-404 {
      padding: 60px 20px;
      min-height: auto;
    }
    
    .error-404__number {
      font-size: 6rem;
      margin: 16px 0 20px;
    }
    
    .error-404__headline {
      font-size: 2rem;
      margin-bottom: 16px;
    }
    
    .error-404__description {
      font-size: 1rem;
      margin-bottom: 32px;
    }
    
    .error-404__actions {
      margin-bottom: 48px;
    }
    
    .btn--404 {
      width: 100%;
      max-width: 300px;
      padding: 14px 28px;
    }
    
    .error-404__secondary-links {
      flex-direction: column;
      gap: 8px;
    }
    
    .error-404__separator {
      display: none;
    }
    
    .error-404__products {
      margin-top: 48px;
      padding-top: 48px;
    }
    
    .error-404__products-title {
      font-size: 1.25rem;
      margin-bottom: 24px;
    }
    
    .error-404__products-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }
    
    .error-404__product-card {
      padding: 16px;
    }
    
    .error-404__product-image {
      max-width: 100px;
    }
  }
  
  @media (max-width: 480px) {
    .error-404 {
      padding: 40px 16px;
    }
    
    .error-404__number {
      font-size: 5rem;
    }
    
    .error-404__headline {
      font-size: 1.75rem;
    }
    
    .error-404__products-grid {
      grid-template-columns: 1fr;
    }
  }
.article-page {
    background-color: var(--color-white);
    padding: 60px 0 80px;
    position: relative;
  }

  .article-page .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  /* Back to Blog Navigation */
  .article-back-nav {
    max-width: var(--content-max-width);
    margin: 0 auto 32px;
  }

  .article-back-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #6B7280;
    background: transparent;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .article-back-button:hover {
    background: #F9FAFB;
    border-color: var(--color-emerald, #10B981);
    color: var(--color-emerald, #10B981);
  }

  .article-back-button svg {
    flex-shrink: 0;
  }

  /* Back to Top Button */
  .article-back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-emerald, #10B981);
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    cursor: pointer;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 100;
  }

  .article-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .article-back-to-top:hover {
    background: #059669;
    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4);
    transform: translateY(-2px);
  }

  .article-back-to-top:active {
    transform: translateY(0);
  }

  /* Hero Section */
  .article-hero {
    max-width: var(--content-max-width);
    margin: 0 auto 40px;
    text-align: left;
  }

  .article-hero__category {
    margin-bottom: 12px;
  }

  .category-badge {
    display: inline-flex;
    padding: 6px 16px;
    background: var(--color-emerald, #10B981);
    color: var(--color-white);
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 4px;
    text-transform: capitalize;
  }

  .article-hero__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: var(--color-text-dark, #253D4E);
    margin: 0 0 28px 0;
  }

  .article-hero__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }

  .article-hero__author-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
  }

  .article-hero__author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .article-hero__meta-text {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-family: 'Lato', -apple-system, sans-serif;
    font-size: 13px;
    line-height: 1;
    color: var(--color-text-secondary, #7E7E7E);
  }

  .article-meta__separator {
    opacity: 0.5;
  }

  .article-hero__actions {
    display: flex;
    gap: 8px;
    margin-left: auto;
  }

  .article-action {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: var(--color-text-secondary);
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .article-action:hover {
    background: var(--color-background-light, #F4F6FA);
    color: var(--color-emerald);
  }

  /* Featured Image */
  .article-featured-image {
    max-width: 1052px;
    margin: 0 auto 60px;
    border-radius: var(--border-radius, 15px);
    overflow: hidden;
  }

  .article-featured-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Article Content */
  .article-content-wrapper {
    max-width: var(--content-max-width);
    margin: 0 auto;
  }

  .article-content {
    font-family: 'Lato', -apple-system, sans-serif;
    font-size: 17px;
    line-height: 1.6;
    color: var(--color-text-dark, #253D4E);
  }

  .article-content > *:first-child {
    margin-top: 0;
  }

  .article-content > *:last-child {
    margin-bottom: 0;
  }

  .article-content h2 {
    font-family: 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 40px 0 20px;
  }

  .article-content h3 {
    font-family: 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 32px 0 16px;
  }

  .article-content p {
    margin: 0 0 20px;
  }

  .article-content blockquote {
    background: var(--color-background-light, #F4F6FA);
    padding: 32px 40px;
    margin: 40px 0;
    border-radius: 15px;
    border-left: 4px solid var(--color-emerald, #10B981);
    font-size: 20px;
    line-height: 1.5;
    color: var(--color-text-secondary, #7E7E7E);
    font-style: italic;
  }

  .article-content blockquote p:last-child {
    margin-bottom: 0;
  }

  .article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    margin: 40px 0;
  }

  .article-content ul,
  .article-content ol {
    margin: 20px 0;
    padding-left: 24px;
  }

  .article-content li {
    margin-bottom: 12px;
  }

  .article-content a {
    color: var(--color-emerald, #10B981);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .article-content a:hover {
    color: #059669;
    text-decoration: underline;
  }

  /* Tags & Social Sharing */
  .article-bottom {
    max-width: var(--content-max-width);
    margin: 60px auto 0;
    padding-top: 40px;
    border-top: 1px solid var(--color-border, #ECECEC);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
  }

  .article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .tag-pill {
    display: inline-flex;
    padding: 8px 16px;
    background: var(--color-emerald, #10B981);
    color: var(--color-white);
    font-family: 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.2s ease;
  }

  .tag-pill:hover {
    background: #059669;
  }

  .article-social-share {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .article-social-share__label {
    font-family: 'Lato', -apple-system, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--color-text-secondary, #A2A2A2);
  }

  .article-social-share__icons {
    display: flex;
    gap: 8px;
  }

  .social-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: var(--color-text-dark);
    opacity: 0.6;
    transition: opacity 0.2s ease, background-color 0.2s ease;
  }

  .social-icon:hover {
    opacity: 1;
    background: var(--color-background-light, #F4F6FA);
  }

  /* Author Bio */
  .article-author-bio {
    max-width: var(--content-max-width);
    margin: 60px auto 0;
    padding: 32px;
    background: var(--color-white);
    border: 1px solid var(--color-border, #ECECEC);
    border-radius: 15px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
  }

  .author-bio__avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
  }

  .author-bio__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .author-bio__content {
    flex: 1;
  }

  .author-bio__name {
    font-family: 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 8px;
  }

  .author-bio__stats {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Lato', -apple-system, sans-serif;
    font-size: 14px;
    color: var(--color-text-secondary, #B6B6B6);
    margin-bottom: 16px;
  }

  .author-bio__stats .separator {
    opacity: 0.5;
  }

  .author-bio__text {
    font-family: 'Lato', -apple-system, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text-dark);
    margin: 0;
  }

  /* Comments Section */
  .article-comments-section {
    max-width: var(--content-max-width);
    margin: 80px auto 0;
  }

  .article-comments__title {
    font-family: 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0 0 40px;
  }

  /* Comment Form */
  .article-comment-form {
    margin-bottom: 60px;
  }

  .comment-form__title {
    font-family: 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0 0 24px;
  }

  .comment-form__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 16px;
  }

  .comment-form__field input,
  .comment-form__field textarea {
    width: 100%;
    padding: 16px 20px;
    font-family: 'Lato', -apple-system, sans-serif;
    font-size: 16px;
    color: var(--color-text-dark);
    background: var(--color-white);
    border: 1px solid var(--color-border, #ECECEC);
    border-radius: 10px;
    transition: border-color 0.2s ease;
  }

  .comment-form__field input:focus,
  .comment-form__field textarea:focus {
    outline: none;
    border-color: var(--color-emerald, #10B981);
  }

  .comment-form__field input::placeholder,
  .comment-form__field textarea::placeholder {
    color: var(--color-text-secondary, #777777);
    opacity: 0.7;
  }

  .comment-form__submit {
    margin-top: 16px;
  }

  /* Comments Display */
  .article-comments {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 40px;
    border-top: 1px solid var(--color-border, #ECECEC);
  }

  .comment-card {
    display: flex;
    gap: 24px;
    padding: 24px;
    background: var(--color-white);
    border: 1px solid var(--color-border-light, #F2F2F2);
    border-radius: 15px;
  }

  .comment-card__avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 80px;
  }

  .comment-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--color-emerald, #10B981);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
  }

  .comment-card__author-name {
    font-family: 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--color-emerald);
    text-align: center;
    line-height: 1.2;
  }

  .comment-card__content {
    flex: 1;
  }

  .comment-card__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-family: 'Lato', -apple-system, sans-serif;
    font-size: 13px;
    color: var(--color-text-secondary, #B6B6B6);
  }

  .comment-card__author {
    font-weight: 600;
    color: var(--color-text-dark);
  }

  .comment-meta__separator {
    opacity: 0.5;
  }

  .comment-card__text {
    font-family: 'Lato', -apple-system, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text-dark);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .article-page {
      padding: 40px 0 60px;
    }

    .article-hero__title {
      font-size: 32px;
      margin-bottom: 20px;
    }

    .article-hero__actions {
      margin-left: 0;
      width: 100%;
      justify-content: flex-start;
    }

    .article-featured-image {
      margin-bottom: 40px;
      border-radius: 12px;
    }

    .article-content {
      font-size: 16px;
    }

    .article-content h2 {
      font-size: 28px;
      margin: 32px 0 16px;
    }

    .article-content h3 {
      font-size: 22px;
      margin: 24px 0 12px;
    }

    .article-content blockquote {
      padding: 24px 20px;
      font-size: 18px;
      margin: 32px 0;
    }

    .article-bottom {
      flex-direction: column;
      align-items: flex-start;
      margin-top: 40px;
      padding-top: 32px;
    }

    .article-social-share {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .article-author-bio {
      flex-direction: column;
      padding: 24px;
      margin-top: 40px;
    }

    .author-bio__avatar {
      width: 60px;
      height: 60px;
    }

    .article-comments__title {
      font-size: 28px;
      margin-bottom: 32px;
    }

    .comment-form__grid {
      grid-template-columns: 1fr;
    }

    .comment-card {
      flex-direction: column;
      padding: 20px;
    }

    .comment-card__avatar {
      flex-direction: row;
      min-width: auto;
      align-items: center;
    }

    .comment-avatar {
      width: 60px;
      height: 60px;
      font-size: 24px;
    }

    /* Mobile Navigation */
    .article-back-button {
      padding: 8px 16px;
      font-size: 14px;
    }

    .article-back-to-top {
      bottom: 20px;
      right: 20px;
      width: 44px;
      height: 44px;
    }

    .article-back-to-top svg {
      width: 18px;
      height: 18px;
    }
  }
.benefits-section {
    padding: 80px 0;
    background-color: var(--color-light-gray);
  }

  .benefits__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .benefits__title {
    font-size: var(--font-size-h2);
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 16px;
  }

  .benefits__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    max-width: 600px;
    margin: 0 auto;
  }

  .benefits__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    margin-bottom: 60px;
  }

  .benefit-card {
    text-align: center;
    padding: 32px 24px;
    position: relative;
    transition: transform 0.2s ease;
  }

  .benefit-card:hover {
    transform: translateY(-4px);
  }

  .benefit-card__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-emasex-blue);
    border-radius: 50%;
    color: var(--color-white);
  }

  .benefit-card__icon svg {
    width: 32px;
    height: 32px;
  }

  .benefit-card__title {
    font-size: var(--font-size-h3);
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 16px;
  }

  .benefit-card__description {
    color: var(--color-text-secondary);
    line-height: var(--line-height-body);
    margin-bottom: 16px;
  }

  .benefit-card__badge {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--color-emerald);
    color: var(--color-white);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .benefits__cta {
    text-align: center;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .benefits-section {
      padding: 60px 0;
    }

    .benefits__grid {
      grid-template-columns: 1fr;
      gap: 24px;
    }

    .benefit-card {
      padding: 24px 20px;
    }

    .benefit-card__icon {
      width: 56px;
      height: 56px;
      margin-bottom: 20px;
    }

    .benefit-card__icon svg {
      width: 28px;
      height: 28px;
    }
  }
/* Container */
  .blog-overview {
    background: #FFFFFF;
    padding: 60px 0 80px;
  }

  .blog-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
  }

  /* Header */
  .blog-header {
    margin-bottom: 40px;
  }

  .blog-header__title {
    font-family: 'Work Sans', 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.38;
    letter-spacing: -0.64px;
    color: #242424;
    margin: 0 0 16px;
  }

  .blog-header__description {
    font-family: 'Work Sans', 'Lato', -apple-system, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6;
    color: #242424;
    margin: 0;
    max-width: 650px;
  }

  /* Search & Controls */
  .blog-controls {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
  }

  .blog-search-wrapper {
    position: relative;
  }

  .blog-search-form {
    position: relative;
  }

  .blog-search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(36, 36, 36, 0.4);
    pointer-events: none;
  }

  .blog-search-input {
    width: 100%;
    height: 50px;
    padding: 0 18px 0 48px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-size: 15px;
    color: #242424;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  .blog-search-input:focus {
    outline: none;
    border-color: var(--color-emerald, #10B981);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
  }

  .blog-search-input::placeholder {
    color: rgba(36, 36, 36, 0.6);
  }

  /* Category Navigation */
  .blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .blog-category {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #242424;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .blog-category:hover {
    border-color: #D1D5DB;
    background: #F9FAFB;
  }

  .blog-category.is-active {
    background: var(--color-emerald, #10B981);
    border-color: var(--color-emerald, #10B981);
    color: #FFFFFF;
    font-weight: 600;
  }

  /* Featured Article */
  .featured-article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 60px;
    padding: 60px;
    background: linear-gradient(135deg, #F9FAFB 0%, #FFFFFF 100%);
    border: 1px solid #E5E7EB;
    border-radius: 20px;
  }

  .featured-article__image-link {
    display: block;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }

  .featured-article__image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .featured-article__image-link:hover .featured-article__image {
    transform: scale(1.05);
  }

  .featured-article__placeholder {
    width: 100%;
    height: 400px;
    background: linear-gradient(135deg, #F3F4F6 0%, #E5E7EB 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9CA3AF;
  }

  .featured-article__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .featured-article__category {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--color-emerald, #10B981);
    background: rgba(16, 185, 129, 0.1);
    border-radius: 4px;
    width: fit-content;
  }

  .featured-article__title {
    font-family: 'Work Sans', 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: -0.72px;
    color: #242424;
    margin: 0;
  }

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

  .featured-article__title a:hover {
    color: var(--color-emerald, #10B981);
  }

  .featured-article__excerpt {
    font-family: 'Work Sans', 'Lato', -apple-system, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6;
    color: #6B7280;
    margin: 0;
  }

  .featured-article__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-size: 14px;
    color: rgba(36, 36, 36, 0.7);
  }

  .article-meta__date::after {
    content: '•';
    margin-left: 12px;
  }

  .featured-article__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
    background: var(--color-emerald, #10B981);
    border-radius: 8px;
    text-decoration: none;
    width: fit-content;
    transition: background-color 0.2s ease, transform 0.2s ease;
  }

  .featured-article__cta:hover {
    background: #059669;
    transform: translateY(-2px);
  }

  /* Article Grid */
  .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .article-card {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
  }

  .article-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  }

  .article-card__image-link {
    display: block;
    overflow: hidden;
  }

  .article-card__image {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  .article-card:hover .article-card__image {
    transform: scale(1.05);
  }

  .article-card__placeholder {
    width: 100%;
    height: 220px;
    background: linear-gradient(135deg, #F3F4F6 0%, #E5E7EB 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9CA3AF;
  }

  .article-card__content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
  }

  .article-card__meta-top {
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-size: 12px;
    color: rgba(36, 36, 36, 0.7);
    margin-bottom: 4px;
  }

  .article-card__title {
    font-family: 'Work Sans', 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #242424;
    margin: 0;
    min-height: 56px;
  }

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

  .article-card__title a:hover {
    color: var(--color-emerald, #10B981);
  }

  .article-card__excerpt {
    font-family: 'Work Sans', 'Lato', -apple-system, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    color: #242424;
    margin: 0;
    flex: 1;
  }

  .article-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #030545;
    text-decoration: none;
    margin-top: auto;
    transition: gap 0.2s ease;
  }

  .article-card__link:hover {
    gap: 10px;
  }

  /* Pagination */
  .blog-pagination {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
    padding: 20px 0;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
  }

  .pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #242424;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .pagination-arrow:hover {
    opacity: 0.6;
  }

  .pagination-arrow--disabled {
    opacity: 0.3;
    pointer-events: none;
  }

  .pagination-numbers {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-size: 13px;
    color: #242424;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .pagination-number:hover {
    color: #030545;
  }

  .pagination-number--current {
    color: #030545;
    border-bottom: 2px solid #030545;
    font-weight: 600;
  }

  .pagination-ellipsis {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-size: 17px;
    color: #030545;
  }

  /* Search Banner (Bottom) */
  .blog-search-banner {
    margin-top: 80px;
    padding: 50px;
    background: #F5F3EF;
    border-radius: 16px;
  }

  .search-banner__title {
    font-family: 'Work Sans', 'Diatype', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.38;
    letter-spacing: -0.64px;
    color: #242424;
    margin: 0 0 30px;
  }

  .search-banner__form {
    position: relative;
    max-width: 100%;
  }

  .search-banner__input {
    width: 100%;
    height: 50px;
    padding: 0 60px 0 18px;
    font-family: 'Work Sans', -apple-system, sans-serif;
    font-size: 13px;
    color: #242424;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
    transition: border-color 0.2s ease;
  }

  .search-banner__input:focus {
    outline: none;
    border-color: var(--color-emerald, #10B981);
  }

  .search-banner__input::placeholder {
    color: rgba(36, 36, 36, 0.6);
  }

  .search-banner__button {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: rgba(36, 36, 36, 0.6);
    cursor: pointer;
    transition: color 0.2s ease;
  }

  .search-banner__button:hover {
    color: #242424;
  }

  /* Responsive */
  @media (max-width: 1024px) {
    .blog-container {
      padding: 0 30px;
    }

    .featured-article {
      grid-template-columns: 1fr;
      gap: 40px;
      padding: 40px;
    }

    .featured-article__image {
      height: 300px;
    }

    .featured-article__title {
      font-size: 32px;
    }

    .blog-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }
  }

  @media (max-width: 768px) {
    .blog-overview {
      padding: 40px 0 60px;
    }

    .blog-container {
      padding: 0 20px;
    }

    .blog-header__title {
      font-size: 28px;
    }

    .blog-header__description {
      font-size: 16px;
    }

    .blog-categories {
      gap: 8px;
    }

    .blog-category {
      padding: 8px 16px;
      font-size: 13px;
    }

    .featured-article {
      padding: 30px;
      margin-bottom: 40px;
    }

    .featured-article__image,
    .featured-article__placeholder {
      height: 240px;
    }

    .featured-article__title {
      font-size: 28px;
    }

    .featured-article__excerpt {
      font-size: 16px;
    }

    .blog-grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .article-card__image,
    .article-card__placeholder {
      height: 200px;
    }

    .article-card__content {
      padding: 24px;
    }

    .article-card__title {
      font-size: 18px;
      min-height: auto;
    }

    .blog-search-banner {
      padding: 30px 20px;
      margin-top: 60px;
    }

    .search-banner__title {
      font-size: 24px;
      margin-bottom: 20px;
    }
  }
.clinical-hero {
    padding: 28px 0; /* tighter vertical space */
    background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
    position: relative;
    overflow: hidden;
  }

  /* Restore subtle overlay on right for depth (kept light) */
  .clinical-hero::before {
    content: '';
    position: absolute;
    top: 0; right: 0; width: 50%; height: 100%;
    background: linear-gradient(135deg, rgba(0, 171, 199, 0.03) 0%, rgba(207, 25, 112, 0.03) 100%);
    z-index: 0;
  }

  .hero__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: stretch; /* allow visual to fill column */
    position: relative;
    z-index: 1;
  }

  /* Large screen adjustments */
  @media (min-width: 1200px) {
    .hero__content {
      gap: 100px;
    }
  }

  @media (min-width: 1400px) {
    .hero__content {
      gap: 120px;
    }
  }

  .hero__headline {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--color-emasex-blue); /* brand blue */
    margin-bottom: 16px;
    letter-spacing: -0.02em;
  }

  /* Eyebrow styles now in global snippet */

  .hero__subline {
    font-size: 1.05rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin-bottom: 18px;
    max-width: 600px;
  }

  .hero__cta-group {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
  }

  .hero__cta-row { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
  .hero__social-proof { display: flex; align-items: center; gap: 12px; }
  .avatars { display: flex; }
  .avatar { display: inline-flex; width: 36px; height: 36px; border-radius: 999px; overflow: hidden; border: 2px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,.08); margin-left: -10px; }
  .avatar:first-child { margin-left: 0; }
  .avatar img { width: 100%; height: 100%; object-fit: cover; }
  .happy-text { color: var(--color-text-secondary); font-weight: 600; display: flex; flex-direction: column; line-height: 1.1; }
  .happy-count { font-size: 1.05rem; font-weight: 800; color: var(--color-text-dark); }
  .happy-label { font-size: .9rem; color: var(--color-text-secondary); margin-top: 2px; }

  .hero__trust {
    display: grid;
    grid-auto-rows: min-content;
    gap: 10px;
    margin: 20px 0 28px;
  }
  .trust-item { display: flex; align-items: center; gap: 10px; color: var(--color-text-secondary); font-weight: 600; }
  .trust-item .ti { width: 8px; height: 8px; border-radius: 999px; background: #00abc7; box-shadow: 0 0 0 6px rgba(0,171,199,.12); }

  .btn--large {
    padding: 16px 32px;
    font-size: 1.125rem;
    font-weight: 600;
  }

  /* Visual sits in the grid, fills its column */
  .hero__visual {
    position: relative;
    min-height: 460px;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    z-index: 0;
    border: 6px solid #ffffff; /* white frame similar to Men Hero */
    box-shadow: 0 24px 60px rgba(0,0,0,.12);
  }

  /* Ensure single image fills the framed container */
  .hero__image { position: absolute; inset: 0; width: 100%; height: 100%; }
  .hero__image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; display: block; }

  /* Slideshow */
  .hero-slideshow { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 460px; }
  .hero-slideshow .slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .6s ease; }
  .hero-slideshow .slide.is-active { opacity: 1; }

  /* Product Render Stack */
  .product-render-stack {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  .product-render {
    position: relative;
    transition: transform 0.3s ease;
  }

  .product-render:hover {
    transform: translateY(-8px);
  }

  .product-bottle {
    width: 120px;
    height: 280px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 60px 60px 20px 20px;
    position: relative;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-bottle::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 200px;
    background: linear-gradient(135deg, #ffffff 0%, #f1f3f4 100%);
    border-radius: 40px 40px 15px 15px;
  }

  .bottle-label {
    position: relative;
    z-index: 2;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-dark);
    text-align: center;
  }

  .product-render--libo .bottle-label {
    color: var(--color-emasex-blue);
  }

  .product-render--femina .bottle-label {
    color: var(--color-magenta);
  }

  .product-render--arginin .bottle-label {
    color: var(--color-teal-deep);
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .clinical-hero { padding: 24px 0; }
    
    /* Hide blue background overlay on mobile */
    .clinical-hero::before {
      display: none;
    }

    /* Force single column layout with flexbox */
    .hero__content { 
      display: flex;
      flex-direction: column;
      gap: 28px; 
    }
    
    .hero__text { order: 1; }
    
    /* Image below text - smaller square on mobile */
    .hero__visual { 
      position: relative !important; 
      width: 80% !important;
      max-width: 320px !important;
      margin: 0 auto !important;
      min-height: 0 !important;
      height: auto !important;
      aspect-ratio: 1 / 1 !important; /* Square on mobile */
      order: 2; 
      border-radius: 12px; 
      margin-top: 0;
      border: 4px solid #ffffff;
      box-shadow: 0 12px 30px rgba(0,0,0,.1);
    }
    .hero-slideshow { 
      position: absolute !important; 
      inset: 0 !important; 
      min-height: 0 !important;
      width: 100% !important;
      height: 100% !important;
    }
    .hero-slideshow .slide {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
    }
    .hero__image { 
      position: absolute !important; 
      inset: 0 !important; 
      width: 100% !important; 
      height: 100% !important; 
    }
    .hero__image img { 
      width: 100% !important; 
      height: 100% !important; 
      object-fit: cover !important; 
      object-position: center !important; 
      display: block;
    }

    .hero__eyebrow { font-size: .78rem; padding: 4px 10px; margin-bottom: 10px; }
    .hero__headline { font-size: 2rem; line-height: 1.15; margin-bottom: 10px; }
    .hero__subline { font-size: 1rem; margin-bottom: 16px; max-width: none; }

    .hero__cta-row { flex-direction: column; align-items: stretch; gap: 12px; }
    .btn--large { width: 100%; }

    .hero__social-proof { justify-content: center; gap: 10px; }
    .avatars .avatar { width: 30px; height: 30px; margin-left: -8px; }
    .happy-count { font-size: .95rem; }
    .happy-label { font-size: .8rem; }

    .product-render-stack { flex-direction: row; justify-content: center; gap: 14px; }
    .product-bottle { width: 70px; height: 170px; }
    .product-bottle::before { width: 50px; height: 120px; }
    .bottle-label { font-size: .9rem; }
  }

  @media (max-width: 480px) {
    .hero__headline { font-size: 1.75rem; }
    .hero__subline { font-size: .95rem; }
    .hero__cta-row { gap: 10px; }
    .btn--large { width: 100%; max-width: none; }
  }
.clinical-studies {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .clinical-studies__content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .clinical-studies__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .clinical-studies__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .clinical-studies__subheadline {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0;
  }

  .clinical-data-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
  }

  .clinical-data-point {
    background-color: #F8F9FA;
    border-radius: var(--border-radius);
    padding: 32px 24px;
    text-align: center;
    border: 1px solid var(--color-border-gray);
  }

  .data-point__number {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    color: var(--color-emasex-blue);
    margin-bottom: 12px;
  }

  .data-point__description {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-text-dark);
    margin-bottom: 8px;
    font-weight: 500;
  }

  .data-point__ingredient {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-bottom: 12px;
  }

  .data-point__footnote {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    font-style: italic;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .clinical-studies {
      padding: 60px 0;
    }

    .clinical-studies__header {
      margin-bottom: 40px;
    }

    .clinical-studies__headline {
      font-size: 1.875rem;
    }

    .clinical-data-grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }

    .clinical-data-point {
      padding: 24px 20px;
    }

    .data-point__number {
      font-size: 2rem;
    }
  }
.collection-avea {
  background: #FFFFFF;
  padding: 80px 0 100px;
  position: relative;
}

.collection-avea__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 50px;
}

/* Header */
.collection-avea__header {
  text-align: left;
  margin-bottom: 56px;
  max-width: 900px;
}

.collection-avea__title {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-weight: var(--font-weight-semibold, 600);
  font-size: 48px;
  line-height: 1.15;
  color: var(--color-text-dark, #101419);
  margin: 0 0 24px;
  letter-spacing: -0.8px;
}

.collection-avea__description {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-text-secondary, #4A5562);
  margin: 0 0 28px;
}

.collection-avea__read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 16px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-emasex-blue, #00ABC7);
  text-decoration: none;
  transition: gap 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
}

.collection-avea__read-more:hover {
  gap: 12px;
  color: var(--color-teal-deep, #0D6E7A);
}

.collection-avea__read-more svg {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.collection-avea__read-more:hover svg {
  transform: translateX(2px);
}

/* Trust Bar */
.collection-avea__trust-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 24px 0;
  margin-bottom: 48px;
  border-top: 1px solid var(--color-border-gray, #E5E8EC);
  border-bottom: 1px solid var(--color-border-gray, #E5E8EC);
  flex-wrap: wrap;
}

.trust-badge-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.trust-badge-item__icon {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.trust-badge-item__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.trust-badge-item__text {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 14px;
  font-weight: var(--font-weight-regular, 400);
  color: var(--color-text-secondary, #4A5562);
  white-space: nowrap;
}

/* Controls */
.collection-avea__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
  flex-wrap: wrap;
  gap: 20px;
}

.sort-controls {
  display: flex;
  align-items: center;
  gap: 14px;
}

.sort-label {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 14px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-secondary, #4A5562);
  white-space: nowrap;
}

.sort-select {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 14px;
  font-weight: var(--font-weight-regular, 400);
  color: var(--color-text-dark, #101419);
  padding: 11px 40px 11px 16px;
  border: 1.5px solid var(--color-border-gray, #E5E8EC);
  border-radius: 10px;
  background: #FFFFFF;
  cursor: pointer;
  appearance: none;
  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 1.5L6 6.5L11 1.5' stroke='%23101419' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 200px;
}

.sort-select:hover {
  border-color: var(--color-emasex-blue, #00ABC7);
  box-shadow: 0 0 0 3px rgba(0, 171, 199, 0.08);
}

.sort-select:focus {
  outline: none;
  border-color: var(--color-emasex-blue, #00ABC7);
  box-shadow: 0 0 0 4px rgba(0, 171, 199, 0.12);
}

.product-count {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 14px;
  font-weight: var(--font-weight-regular, 400);
  color: var(--color-text-secondary, #4A5562);
}

/* Products Grid */
.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 44px 36px;
  margin-bottom: 80px;
}

/* Product Item */
.product-item {
  display: flex;
  flex-direction: column;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.product-item:hover {
  transform: translateY(-8px);
}

.product-item__image-wrapper {
  position: relative;
  aspect-ratio: 1;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 24px;
  background: linear-gradient(180deg, #F8F9FA 0%, #F1F3F5 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.product-item:hover .product-item__image-wrapper {
  box-shadow: 0 8px 24px rgba(0, 171, 199, 0.12);
}

.product-item__image-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.product-item__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-item__image--hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-item:hover .product-item__image--hover {
  opacity: 1;
}

.product-item:hover .product-item__image:not(.product-item__image--hover) {
  opacity: 0;
}

.product-item__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9CA3AF;
}

/* Product Badge */
.product-item__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 6px 14px;
  background: var(--color-emasex-blue, #00ABC7);
  border-radius: 20px;
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 12px;
  font-weight: var(--font-weight-semibold, 600);
  line-height: 1.4;
  color: #FFFFFF;
  text-align: center;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(0, 171, 199, 0.25);
}

/* Quick Add Button */
.product-item__quick-add {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-emasex-blue, #00ABC7);
  border: none;
  border-radius: 50%;
  color: #FFFFFF;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.85) translateY(8px);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 3;
  box-shadow: 0 4px 16px rgba(0, 171, 199, 0.3);
}

.product-item:hover .product-item__quick-add {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.product-item__quick-add:hover {
  background: var(--color-teal-deep, #0D6E7A);
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 171, 199, 0.4);
}

.product-item__quick-add:active {
  transform: scale(0.95);
}

/* Product Content */
.product-item__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

/* Product Title */
.collection-avea .products-grid .product-item .product-title {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
  font-weight: var(--font-weight-semibold, 600) !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  color: var(--color-text-dark, #101419) !important;
  margin: 0 !important;
  letter-spacing: -0.2px !important;
}

.product-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}

.product-title a:hover {
  color: var(--color-emasex-blue, #00ABC7);
}

/* Product Description */
.collection-avea .products-grid .product-item .product-description,
.product-description {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--color-text-secondary, #4A5562) !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Product Footer */
.product-item__footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--color-border-gray, #E5E8EC);
  gap: 16px;
}

.product-price-wrapper {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

/* Product Price */
.collection-avea .products-grid .product-item .product-price,
.product-price {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
  font-weight: var(--font-weight-bold, 700) !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  color: var(--color-text-dark, #101419) !important;
}

.product-price-compare {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 16px;
  font-weight: var(--font-weight-regular, 400);
  color: var(--color-text-secondary, #4A5562);
  text-decoration: line-through;
}

/* Product Link - Jetzt ansehen */
.product-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
  font-size: 15px !important;
  font-weight: var(--font-weight-medium, 500) !important;
  color: var(--color-emasex-blue, #00ABC7) !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

.product-link:hover {
  color: var(--color-teal-deep, #0D6E7A) !important;
  gap: 10px;
}

.product-link svg {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-link:hover svg {
  transform: translateX(3px);
}

/* Empty State */
.collection-avea__empty {
  text-align: center;
  padding: 80px 20px;
}

.collection-avea__empty-text {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 18px;
  color: var(--color-text-secondary, #4A5562);
  margin: 0;
}

/* Quiz Card - Conversion CTA */
.quiz-card {
  margin-top: 80px;
  padding: 48px 40px;
  background: linear-gradient(135deg, rgba(0, 171, 199, 0.06) 0%, rgba(0, 171, 199, 0.02) 100%);
  border: 1.5px solid rgba(0, 171, 199, 0.12);
  border-radius: 20px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.quiz-card:hover {
  border-color: rgba(0, 171, 199, 0.2);
  box-shadow: 0 8px 24px rgba(0, 171, 199, 0.1);
}

.quiz-card__content {
  max-width: 650px;
  margin: 0 auto;
}

.quiz-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  background: var(--color-emasex-blue, #00ABC7);
  border-radius: 50%;
  color: #FFFFFF;
}

.quiz-card__text {
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 20px;
  line-height: 1.6;
  color: var(--color-text-dark, #101419);
  margin: 0 0 28px;
  font-weight: var(--font-weight-medium, 500);
}

.quiz-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 36px;
  background: var(--color-emasex-blue, #00ABC7);
  color: #FFFFFF;
  font-family: var(--font-primary--family, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 16px;
  font-weight: var(--font-weight-semibold, 600);
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(0, 171, 199, 0.3);
}

.quiz-card__button:hover {
  background: var(--color-teal-deep, #0D6E7A);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 171, 199, 0.4);
  gap: 14px;
}

.quiz-card__button:active {
  transform: translateY(0);
}

.quiz-card__button svg {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.quiz-card__button:hover svg {
  transform: translateX(3px);
}

/* Responsive */
@media (max-width: 1200px) {
  .collection-avea__container {
    padding: 0 40px;
  }
  
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 28px;
  }
  
  .collection-avea__trust-bar {
    gap: 32px;
  }
}

@media (max-width: 768px) {
  .collection-avea {
    padding: 60px 0 80px;
  }
  
  .collection-avea__container {
    padding: 0 24px;
  }
  
  .collection-avea__title {
    font-size: 36px;
    letter-spacing: -0.5px;
  }
  
  .collection-avea__description {
    font-size: 16px;
  }
  
  .collection-avea__header {
    margin-bottom: 40px;
  }
  
  .collection-avea__trust-bar {
    gap: 24px;
    padding: 20px 0;
    margin-bottom: 36px;
  }
  
  .trust-badge-item {
    flex: 1;
    min-width: 140px;
    justify-content: center;
  }
  
  .trust-badge-item__text {
    font-size: 13px;
  }
  
  .collection-avea__controls {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 36px;
  }
  
  .sort-controls {
    width: 100%;
  }
  
  .sort-select {
    width: 100%;
    min-width: auto;
  }
  
  .products-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  
  .quiz-card {
    margin-top: 60px;
    padding: 36px 24px;
  }
  
  .quiz-card__text {
    font-size: 18px;
  }
  
  .quiz-card__button {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .collection-avea__title {
    font-size: 32px;
  }
  
  .collection-avea__trust-bar {
    flex-direction: column;
    gap: 16px;
  }
  
  .trust-badge-item {
    width: 100%;
    justify-content: flex-start;
  }
}
/* Container */
  .collection-page {
    background: #FFFFFF;
    padding: 60px 0 80px;
  }

  .collection-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 50px;
  }

  /* Header */
  .collection-header {
    margin-bottom: 40px;
    text-align: left;
  }

  .collection-header__title {
    font-family: 'Inter', 'Work Sans', -apple-system, sans-serif;
    font-weight: 600;
    font-size: 41px;
    line-height: 1.26;
    color: #000413;
    margin: 0 0 16px;
  }

  .collection-header__description {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #494C57;
    max-width: 800px;
  }

  /* Category Filters */
  .collection-filters {
    margin-bottom: 40px;
    border-bottom: 2px solid #E1E4E7;
  }

  .collection-filters__scroll {
    display: flex;
    gap: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .collection-filters__scroll::-webkit-scrollbar {
    display: none;
  }

  .collection-filter {
    flex-shrink: 0;
    padding: 16px 28px;
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
    color: #6B6E76;
    text-decoration: none;
    text-align: center;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
    position: relative;
    top: 2px;
  }

  .collection-filter:hover {
    color: #000413;
  }

  .collection-filter.is-active {
    color: #000413;
    font-weight: 700;
    border-bottom-color: var(--color-emerald, #10B981);
  }

  /* Sort Dropdown */
  .collection-sort {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 32px;
    margin-top: -8px;
  }

  .collection-sort__label {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #6B6E76;
    white-space: nowrap;
  }

  .collection-sort__select {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000413;
    padding: 8px 32px 8px 12px;
    border: 1px solid #E1E4E7;
    border-radius: 6px;
    background: #FFFFFF;
    cursor: pointer;
    appearance: none;
    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 1.5L6 6.5L11 1.5' stroke='%23000413' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  .collection-sort__select:hover {
    border-color: #000413;
  }

  .collection-sort__select:focus {
    outline: none;
    border-color: var(--color-emasex-blue, #00ABC7);
    box-shadow: 0 0 0 3px rgba(0, 171, 199, 0.1);
  }

  /* Products Grid */
  .collection-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
    margin-bottom: 60px;
  }

  /* Product Card */
  .product-card {
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
  }

  .product-card:hover {
    transform: translateY(-4px);
  }

  .product-card__image-wrapper {
    position: relative;
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
    background: #F6F6F6;
  }

  .product-card__image-link {
    display: block;
    width: 100%;
    height: 100%;
  }

  .product-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s ease;
  }

  .product-card__image--hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .product-card:hover .product-card__image--hover {
    opacity: 1;
  }

  .product-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9CA3AF;
  }

  /* Product Badge */
  .product-card__badge {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 16px;
    background: #FFFFFF;
    border-radius: 32px;
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.54;
    color: #000000;
    text-align: center;
    z-index: 2;
  }

  /* Quick Add Button */
  .product-card__quick-add {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000413;
    border: none;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: pointer;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease;
    z-index: 2;
  }

  .product-card:hover .product-card__quick-add {
    opacity: 1;
    transform: scale(1);
  }

  .product-card__quick-add:hover {
    background: var(--color-emerald, #10B981);
  }

  /* Wishlist Button */
  .product-card__wishlist {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: #000000;
    cursor: pointer;
    transition: color 0.2s ease;
    z-index: 2;
  }

  .product-card__wishlist:hover {
    color: var(--color-emerald, #10B981);
  }

  /* Product Content */
  .product-card__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .product-card__title {
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.75;
    text-transform: uppercase;
    color: #000413;
    margin: 0;
  }

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

  .product-card__title a:hover {
    color: var(--color-emerald, #10B981);
  }

  /* Rating */
  .product-card__rating {
    margin: 4px 0;
  }

  .product-rating {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .product-rating__star {
    width: 16px;
    height: 16px;
  }

  .product-rating__star path {
    fill: #E1E4E7;
  }

  .product-rating__star.is-filled path {
    fill: #EF4123;
  }

  .product-rating__score {
    margin-left: 8px;
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #000413;
  }

  /* Description */
  .product-card__description {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #494C57;
    margin: 0;
  }

  /* Price */
  .product-card__price {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
  }

  .product-card__price .price,
  .product-card__price .price-from {
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 17.5px;
    line-height: 1.66;
    color: #000413;
  }

  .product-card__price .price-compare {
    font-size: 14px;
    color: #9CA3AF;
    text-decoration: line-through;
  }

  .product-card__price-daily {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #6B6E76;
  }

  /* Featured Banner */
  .featured-banner {
    grid-column: 1 / -1;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    min-height: 400px;
    display: flex;
    align-items: center;
    background: #000000;
  }

  .featured-banner__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .featured-banner__video,
  .featured-banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .featured-banner__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }

  .featured-banner__content {
    position: relative;
    z-index: 2;
    padding: 60px;
    max-width: 600px;
  }

  /* Eyebrow styles now in global snippet */

  .featured-banner__title {
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 41px;
    line-height: 1.26;
    color: #FFFFFF;
    margin: 0 0 32px;
  }

  .featured-banner__cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 32px;
    background: #DB2100;
    border-radius: 34px;
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease;
  }

  .featured-banner__cta:hover {
    background: #C01D00;
    transform: translateY(-2px);
  }

  /* Pagination */
  .collection-pagination {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 0;
  }

  .pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #000413;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .pagination-arrow:hover {
    opacity: 0.6;
  }

  .pagination-numbers {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 14px;
    color: #6B6E76;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .pagination-number:hover {
    color: #000413;
  }

  .pagination-number.is-active {
    color: #000413;
    font-weight: 700;
  }

  .pagination-ellipsis {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 16px;
    color: #000413;
  }

  /* Trust Badges */
  .collection-trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    padding: 40px 0;
    border-top: 2px solid #E1E4E7;
    margin-top: 40px;
  }

  .trust-badge {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .trust-badge__dot {
    width: 6px;
    height: 6px;
    background: #000000;
    border-radius: 50%;
    flex-shrink: 0;
  }

  .trust-badge__text {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 15.5px;
    line-height: 1.8;
    color: #000413;
  }

  /* SEO Content */
  .collection-seo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    padding: 80px 0;
    background: #F6F6F6;
    border-radius: 16px;
    margin-top: 80px;
    padding: 80px 60px;
  }

  /* Eyebrow styles now in global snippet */

  .collection-seo__title {
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.44;
    color: #000413;
    margin: 0 0 24px;
  }

  .collection-seo__text {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #000413;
  }

  .collection-seo__text p {
    margin: 0 0 16px;
  }

  .collection-seo__text p:last-child {
    margin-bottom: 0;
  }

  .collection-seo__image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  /* Responsive */
  @media (max-width: 1200px) {
    .collection-container {
      padding: 0 40px;
    }

    .collection-products {
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 24px;
    }
  }

  @media (max-width: 768px) {
    .collection-page {
      padding: 40px 0 60px;
    }

    .collection-container {
      padding: 0 20px;
    }

    .collection-header__title {
      font-size: 32px;
    }

    .collection-filters {
      margin-bottom: 32px;
    }

    .collection-filter {
      padding: 12px 20px;
      font-size: 14px;
    }

    .collection-sort {
      margin-bottom: 24px;
      flex-wrap: wrap;
    }

    .collection-sort__label {
      font-size: 13px;
    }

    .collection-sort__select {
      font-size: 13px;
      padding: 6px 28px 6px 10px;
    }

    .collection-products {
      grid-template-columns: 1fr;
      gap: 24px;
    }

    .featured-banner {
      min-height: 300px;
    }

    .featured-banner__content {
      padding: 40px 24px;
    }

    .featured-banner__eyebrow {
      font-size: 24px;
    }

    .featured-banner__title {
      font-size: 32px;
    }

    .collection-trust {
      gap: 24px;
    }

    .collection-seo {
      grid-template-columns: 1fr;
      gap: 40px;
      padding: 60px 32px;
      margin-top: 60px;
    }

    .collection-seo__title {
      font-size: 28px;
    }
  }
.collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--collection-card-size), 100%), 1fr));
    gap: var(--grid-gap);
  }
  .collections--compact {
    --collection-card-size: 160px;
  }
  .collections--full {
    --collection-card-size: 280px;
  }
  .collection-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
.comparison-table {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .comparison-table__content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .comparison-table__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .comparison-table__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0;
  }

  .comparison-wrapper {
    overflow-x: auto;
    border: 1px solid var(--color-border-gray);
    border-radius: var(--border-radius);
  }

  .comparison-table__table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--color-white);
  }

  .table-header {
    padding: 24px 20px;
    text-align: center;
    border-bottom: 1px solid var(--color-border-gray);
    border-right: 1px solid var(--color-border-gray);
    background-color: #F8F9FA;
  }

  .table-header--empty {
    background-color: var(--color-white);
    border-right: none;
  }

  .table-header:last-child {
    border-right: none;
  }

  .product-image {
    width: 60px;
    height: 60px;
    margin: 0 auto 12px;
    border-radius: var(--border-radius);
    overflow: hidden;
    background-color: var(--color-light-gray);
  }

  .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .product-name {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--color-text-dark);
    display: block;
  }

  .table-cell {
    padding: 20px;
    border-bottom: 1px solid var(--color-border-gray);
    border-right: 1px solid var(--color-border-gray);
    vertical-align: top;
  }

  .table-cell:last-child {
    border-right: none;
  }

  .table-cell--header {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--color-text-dark);
    background-color: #F8F9FA;
    border-right: none;
  }

  .feature-indicator {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }

  .feature-indicator--has svg {
    color: var(--color-emerald);
    flex-shrink: 0;
    margin-top: 2px;
  }

  .feature-indicator--missing svg {
    color: var(--color-red);
    flex-shrink: 0;
    margin-top: 2px;
  }

  .feature-indicator span {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--color-text-secondary);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .comparison-table {
      padding: 60px 0;
    }

    .comparison-table__header {
      margin-bottom: 40px;
    }

    .comparison-table__headline {
      font-size: 1.875rem;
    }

    .table-header {
      padding: 16px 12px;
    }

    .table-cell {
      padding: 16px 12px;
    }

    .product-image {
      width: 50px;
      height: 50px;
      margin-bottom: 8px;
    }

    .product-name {
      font-size: 0.8rem;
    }

    .feature-indicator span {
      font-size: 0.8rem;
    }
  }
.contact-section { padding: 60px 0; background: #fff; }
  .contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
  /* Eyebrow styles now in global snippet */
  .contact__headline { font-size: 2.5rem; font-weight: 800; color: var(--color-text-dark); margin: 0 0 10px; }
  .contact__sub { color: var(--color-text-secondary); font-size: 1.05rem; margin: 0 0 20px; max-width: 620px; }
  .contact__details .detail { margin: 8px 0; color: var(--color-text-dark); }
  .contact__details a { color: var(--color-emasex-blue); text-decoration: none; }

  .contact-form { background:#f9fbfc; border:1px solid var(--color-border-gray); border-radius: 12px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,.06); }
  .form-row { display:flex; flex-direction:column; gap:8px; margin-bottom:16px; }
  .form-row label { font-weight:600; color: var(--color-text-dark); }
  .form-row input, .form-row textarea {
    appearance:none; border:1px solid var(--color-border-gray); border-radius:10px; padding:12px 14px; font-size:1rem; font-family: inherit; outline:none; background:#fff;
  }
  .form-row input:focus, .form-row textarea:focus { border-color: var(--color-emasex-blue); box-shadow: 0 0 0 4px rgba(0,171,199,.12); }
  .contact__success { background:#ecfdf5; border:1px solid #bbf7d0; color:#065f46; padding:12px 14px; border-radius:10px; margin-bottom:16px; }
  .contact__errors { background:#fff7f7; border:1px solid #fecaca; color:#991b1b; padding:12px 14px; border-radius:10px; margin-bottom:16px; }

  @media (max-width: 900px) { .contact__grid { grid-template-columns: 1fr; gap: 32px; } }
.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;
  }
.doctor-quote { padding: 72px 0; background: linear-gradient(180deg,#ffffff 0%, #f7fafc 100%); }
  .dq__container { max-width: 1140px; margin: 0 auto; padding: 0 22px; }
  .dq__card {
    position: relative; border-radius: 22px; padding: 44px; overflow: hidden;
    background: radial-gradient(120% 120% at 10% 10%, #ffffff 0%, #f1f6fb 75%);
    box-shadow: 0 22px 60px rgba(14,17,22,.07);
  }
  .dq__card::after { /* faint corner sheen */
    content:""; position:absolute; inset:-1px; pointer-events:none;
    background: linear-gradient(135deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.6) 40%, rgba(255,255,255,0) 60%);
    mask: radial-gradient(160px 160px at 0% 0%, #000 0%, transparent 70%);
  }

  .dq__grid { display: grid; grid-template-columns: 1.25fr .95fr; gap: 56px; align-items: center; }

  .dq__left { position: relative; padding-left: 20px; }
  .dq__left::before {
    content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 2px;
    background: linear-gradient(180deg, #00abc7, rgba(0,171,199,0.15)); border-radius: 2px;
  }
  .dq__glyph {
    display: inline-block; font-size: 86px; line-height: .62; margin-left: -6px;
    background: linear-gradient(180deg, rgba(0,171,199,.28), rgba(0,171,199,0));
    -webkit-background-clip: text; color: transparent; user-select: none;
    filter: drop-shadow(0 4px 14px rgba(0,171,199,.15));
  }
  .dq__quote {
    margin: 14px 0 0; font-size: 30px; line-height: 1.33; letter-spacing: -.012em;
    font-weight: 700; color: #3c3c3c; font-family: var(--font-heading);
  }
  .dq__footnote { margin-top: 12px; color: #6b7b86; font-size: 14px; }

  .dq__avatar-wrap {
    width: 240px; height: 240px; border-radius: 24px; overflow: hidden; margin: 0 auto 16px; position: relative;
    box-shadow: 0 24px 50px rgba(14,17,22,.12);
    background: radial-gradient(120% 120% at 80% 20%, rgba(0,171,199,.07), transparent 60%);
  }
  .dq__avatar { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.98) contrast(1.02); }

  .dq__author { text-align: center; }
  .dq__name { font-size: 22px; font-weight: 800; letter-spacing: -.012em; color: #0e1116; font-family: var(--font-heading); }
  .dq__role { font-variant-caps: all-small-caps; letter-spacing: .08em; color: #5a6772; margin-top: 6px; font-size: 13px; }
  .dq__source { margin-top: 12px; color: #44515c; font-size: 14px; }
  .dq__chip { display: inline-block; padding: 3px 9px; border-radius: 999px; background: rgba(0,171,199,.12); color: #00abc7; font-weight: 800; font-size: 12px; margin-right: 6px; }
  .dq__pub { font-weight: 800; }
  .dq__signature { margin-top: 12px; opacity: .85; }

  @media (max-width: 980px) {
    .dq__grid { grid-template-columns: 1fr; gap: 32px; }
    .dq__avatar-wrap { width: 190px; height: 190px; border-radius: 20px; }
    .dq__quote { font-size: 26px; }
  }

  /* Reveal animation (safe default: visible) */
  @media (prefers-reduced-motion: no-preference) {
    .dq__card { opacity: 1; transform: none; transition: opacity .55s ease, transform .55s ease; }
    .doctor-quote.is-visible .dq__card { opacity: 1; transform: translateY(0); }
  }

  /* Ensure visibility inside the Theme Editor (no scrolling -> IO may not fire) */
  .shopify-design-mode .doctor-quote .dq__card { opacity: 1 !important; transform: none !important; }
.expected-benefits {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .expected-benefits__content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .expected-benefits__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
  }

  .expected-benefits__header {
    margin-bottom: 0;
  }

  .expected-benefits__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 24px 0;
  }

  .expected-benefits__description {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
  }

  .benefits-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .timeline-item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
  }

  .timeline-item__marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
  }

  .timeline-marker {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--color-emasex-blue) 0%, #00A0B8 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 171, 199, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .timeline-marker:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 171, 199, 0.4);
  }

  .timeline-marker__icon {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
  }

  .timeline-line {
    width: 3px;
    height: 40px;
    background: linear-gradient(180deg, var(--color-emasex-blue) 0%, rgba(0,171,199,0.25) 100%);
    margin-top: 8px;
    border-radius: 2px;
    transform-origin: top;
    transform: scaleY(0);
    transition: transform .4s ease;
  }

  .timeline-item:last-child .timeline-line {
    display: none;
  }

  .timeline-item__content {
    flex: 1;
    padding-top: 4px;
  }

  .timeline-item__header {
    margin-bottom: 12px;
  }

  .timeline-item__period {
    font-size: 0.875rem;
    color: var(--color-emasex-blue);
    font-weight: 500;
    margin-right: 8px;
  }

  .timeline-item__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0;
    display: inline;
  }

  .timeline-item__description {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0;
  }

  .benefits-disclaimer {
    margin-top: 40px;
    text-align: right;
  }

  .disclaimer-text {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    font-style: italic;
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .expected-benefits {
      padding: 60px 0;
    }

    .expected-benefits__grid {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .expected-benefits__header {
      margin-bottom: 0;
    }

    .expected-benefits__headline {
      font-size: 1.875rem;
    }

    .benefits-timeline {
      gap: 32px;
    }

    .timeline-item {
      gap: 16px;
    }

    .timeline-marker {
      width: 36px;
      height: 36px;
    }

    .timeline-marker__icon {
      width: 18px;
      height: 18px;
    }

    .timeline-line {
      height: 32px;
    }

    .timeline-item__title {
      font-size: 1.125rem;
    }

    .benefits-disclaimer {
      text-align: left;
      margin-top: 32px;
    }
  }
.emasex-footer {
    background-color: var(--color-emasex-blue);
    color: var(--color-white);
    padding: 60px 0 20px;
    margin-top: 80px;
  }

  .footer__content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 48px;
  }

  .footer__brand {
    max-width: 300px;
  }

  .footer__logo {
    margin-bottom: 16px;
  }

  .footer__logo .logo__text {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-white);
    line-height: 1;
  }

  .footer__logo-image {
    max-height: 60px;
    width: auto;
    object-fit: contain;
  }

  .footer__logo .logo__tagline {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    margin-top: 2px;
  }

  .footer__description {
    color: rgba(255, 255, 255, 0.9);
    line-height: var(--line-height-body);
    margin-bottom: 24px;
  }

  .footer__social {
    display: flex;
    gap: 16px;
  }

  .social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: var(--color-white);
    text-decoration: none;
    transition: background-color 0.2s ease;
  }

  .social-link:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }

  .footer__heading {
    font-size: var(--font-size-h3);
    font-weight: 600;
    color: var(--color-white);
    margin-bottom: 20px;
  }

  .footer__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .footer__list li {
    margin-bottom: 12px;
  }

  .footer__list a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .footer__list a:hover {
    color: var(--color-white);
  }

  .footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    flex-wrap: wrap;
    gap: 24px;
  }

  .footer__copyright p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--font-size-caption);
  }

  .footer__disclaimer {
    margin-top: 8px !important;
    font-size: 0.75rem !important;
    opacity: 0.8;
  }

  .footer__payment {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .payment-label {
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--font-size-caption);
  }

  .payment-icons {
    display: flex;
    gap: 8px;
  }

  .payment-icon {
    width: 32px;
    height: 20px;
    background-color: var(--color-white);
    border-radius: 4px;
    padding: 2px;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .emasex-footer {
      padding: 40px 0 20px;
    }

    .footer__content {
      grid-template-columns: 1fr;
      gap: 32px;
      text-align: center;
    }

    .footer__brand {
      max-width: none;
    }

    .footer__social {
      justify-content: center;
    }

    .footer__bottom {
      flex-direction: column;
      text-align: center;
      gap: 16px;
    }

    .footer__payment {
      flex-direction: column;
      gap: 12px;
    }
  }
/* Premium Good News Section - EMASEX Brand Style */
  .good-news {
    padding: 120px 20px 80px;
    background: rgba(0, 174, 199, 0.03);
    position: relative;
    border: none;
    margin: 0;
  }

  .good-news__content {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }

  /* Eyebrow Wrapper with Optional Icon */
  .good-news__eyebrow-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
  }

  .good-news__icon {
    color: var(--color-emasex-blue, #00AEC7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
  }

  .good-news__icon svg {
    width: 20px;
    height: 20px;
  }

  /* Headline with Subtle Radial Glow */
  .good-news__headline {
    position: relative;
    margin: 0 0 28px 0;
    padding: 0;
  }

  .good-news__headline::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(0, 174, 199, 0.01) 0%, transparent 70%);
    z-index: -1;
    pointer-events: none;
  }

  .good-news__headline-text {
    font-family: var(--font-heading, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-weight: 700;
    font-size: 2.75rem;
    line-height: 1.15;
    color: var(--color-text-dark, #0E1116);
    letter-spacing: -0.02em;
    display: block;
  }

  /* Body Text - Extremely Concise */
  .good-news__body {
    font-family: var(--font-body, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--color-text-secondary, #4B5563);
    margin: 0;
    font-weight: 400;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .good-news {
      padding: 100px 20px 60px;
    }

    .good-news__eyebrow-wrapper {
      margin-bottom: 14px;
    }

    .good-news__icon svg {
      width: 18px;
      height: 18px;
    }

    .good-news__headline-text {
      font-size: 2.25rem;
      line-height: 1.2;
    }

    .good-news__headline {
      margin-bottom: 24px;
    }

    .good-news__body {
      font-size: 1rem;
      line-height: 1.55;
    }
  }

  @media (max-width: 480px) {
    .good-news {
      padding: 80px 16px 50px;
    }

    .good-news__headline-text {
      font-size: 1.875rem;
      line-height: 1.25;
    }

    .good-news__headline {
      margin-bottom: 20px;
    }

    .good-news__body {
      font-size: 0.9375rem;
    }
  }
.emasex-header {
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-border-gray);
    position: sticky;
    top: 0;
    z-index: 100;
  }

  .header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    min-height: 100px;
  }

  /* Logo */
  .logo {
    text-decoration: none;
    color: var(--color-text-dark);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .logo__image {
    height: 60px;
    width: auto;
    object-fit: contain;
  }

  .logo__text {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-emasex-blue);
    line-height: 1;
  }

  .logo__tagline {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    font-weight: 500;
    margin-top: 2px;
  }

  /* Navigation */
  .nav__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 32px;
  }

  .nav__link {
    text-decoration: none;
    color: var(--color-text-dark);
    font-weight: 500;
    font-size: var(--font-size-body);
    transition: color 0.2s ease;
    position: relative;
  }

  .nav__link:hover {
    color: var(--color-emasex-blue);
  }

  .nav__link--men:hover {
    color: var(--color-emasex-blue);
  }

  .nav__link--women:hover {
    color: var(--color-magenta);
  }

  /* Header Actions */
  .header__actions {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  /* Buy Now Dropdown - Elegant Design */
  .buy-now-dropdown {
    position: relative;
  }

  .buy-now-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    font-size: 0.9rem;
    font-weight: 600;
    background: linear-gradient(135deg, var(--color-emasex-blue) 0%, #0088A3 100%);
    border: none;
    border-radius: 50px;
    color: var(--color-white);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 171, 199, 0.15);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    min-height: 48px;
  }

  .buy-now-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
  }

  .buy-now-btn:hover::before {
    left: 100%;
  }

  .buy-now-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 171, 199, 0.25);
    background: linear-gradient(135deg, #0088A3 0%, var(--color-emasex-blue) 100%);
  }

  .buy-now-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 171, 199, 0.2);
  }

  .dropdown-arrow {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 14px;
    height: 14px;
  }

  .buy-now-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
  }

  .dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background-color: var(--color-white);
    border: 1px solid rgba(0, 171, 199, 0.1);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px) scale(0.95);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1000;
    backdrop-filter: blur(10px);
  }

  .buy-now-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }

  .dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    text-decoration: none;
    color: var(--color-text-dark);
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    border-bottom: 1px solid rgba(0, 171, 199, 0.05);
    position: relative;
  }

  .dropdown-item:last-child {
    border-bottom: none;
    border-radius: 0 0 16px 16px;
  }

  .dropdown-item:first-child {
    border-radius: 16px 16px 0 0;
  }

  .dropdown-item:hover {
    background: linear-gradient(135deg, rgba(0, 171, 199, 0.05) 0%, rgba(0, 171, 199, 0.02) 100%);
    color: var(--color-emasex-blue);
    transform: translateX(4px);
  }

  .dropdown-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--color-emasex-blue);
    transform: scaleY(0);
    transition: transform 0.2s ease;
  }

  .dropdown-item:hover::before {
    transform: scaleY(1);
  }

  /* Header Icons */
  .header__icons {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .icon-link {
    position: relative;
    text-decoration: none;
    color: var(--color-text-dark);
    transition: color 0.2s ease;
    background-color: transparent;
    border: none;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .icon-link:hover {
    color: var(--color-emasex-blue);
    background-color: rgba(0, 171, 199, 0.1);
  }

  .icon-link svg {
    width: 24px;
    height: 24px;
  }

  .cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: var(--color-emerald);
    color: var(--color-white);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 18px;
    text-align: center;
  }

  /* Announcement Bar */
  .announcement-bar {
    background-color: var(--color-emasex-blue);
    color: var(--color-white);
    padding: 8px 0;
    text-align: center;
  }

  .announcement-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
  }

  /* Removed announcement icon (star) */

  .announcement-text {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--color-white);
    margin: 0;
    line-height: 1.4;
  }

  .announcement-link {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-white);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
  }

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

  /* Mobile Responsive */
  @media (max-width: 768px) {
    .header__content {
      flex-wrap: wrap;
      gap: 16px;
    }

    .nav__list {
      gap: 20px;
    }

    .header__actions { gap: 16px; }
    /* Hide Buy Now button on mobile */
    .buy-now-dropdown { display: none; }

    .buy-now-btn {
      padding: 12px 20px;
      font-size: 0.85rem;
      gap: 6px;
      border-radius: 40px;
      min-height: 44px;
    }

    .dropdown-menu {
      min-width: 200px;
      right: -10px;
    }

    .dropdown-item {
      padding: 14px 18px;
      font-size: 0.85rem;
    }
  }

  @media (max-width: 768px) {
    .header__content {
      padding: 16px 0;
      min-height: 80px;
    }

    .logo__image {
      height: 50px;
    }

    .announcement-content {
      gap: 8px;
      flex-direction: column;
    }

    .announcement-text {
      font-size: 0.8rem;
    }

    .announcement-link {
      font-size: 0.8rem;
    }
  }

  @media (max-width: 480px) {
    /* Ensure Buy Now remains hidden on small screens */
    .buy-now-dropdown { display: none; }

    .dropdown-arrow {
      width: 12px;
      height: 12px;
    }

    .dropdown-menu {
      min-width: 180px;
      right: -20px;
    }

    .dropdown-item {
      padding: 12px 16px;
      font-size: 0.8rem;
    }
  }

  @media (max-width: 480px) {
    .nav__list {
      display: none;
    }

    .header__content {
      justify-content: space-between;
      padding: 12px 0;
      min-height: 70px;
    }

    .logo__image {
      height: 45px;
    }

    .announcement-bar {
      padding: 12px 0;
    }

    .announcement-content {
      gap: 6px;
    }

    .announcement-text {
      font-size: 0.75rem;
      text-align: center;
    }
  }

  /* Cart Modal Styles */
  /* ====================================
     CART MODAL - REDESIGNED
     ==================================== */
  
  /* Modal Container */
  .cart-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
  }

  .cart-modal.active {
    display: flex;
  }

  .cart-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
  }

  .cart-modal__content {
    position: absolute;
    top: 0;
    right: 0;
    width: 490px;
    max-width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .cart-modal.active .cart-modal__content {
    transform: translateX(0);
  }

  /* Scrollable wrapper for entire cart */
  .cart-modal__scroll-wrapper {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* Modal Header */
  .cart-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 32px 32px 24px;
    border-bottom: 1px solid #E5E7EB;
  }

  .cart-modal__header-content {
    flex: 1;
  }

  .cart-modal__title {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #000413;
    margin: 0 0 8px 0;
  }

  .cart-modal__shipping-banner {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #00aec7;
    margin: 0;
  }

  .cart-modal__close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
    color: #6B6E76;
    flex-shrink: 0;
  }

  .cart-modal__close:hover {
    background-color: #F3F4F6;
    color: #000413;
  }

  /* Cart Sections */
  .cart-section {
    padding: 24px 32px;
    border-bottom: 1px solid #E5E7EB;
  }

  .cart-section:last-child {
    border-bottom: none;
  }

  .cart-section__header {
    margin-bottom: 20px;
  }

  .cart-section__header h3 {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #000413;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .cart-section__items {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* Cart Item */
  .cart-item {
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 16px;
    position: relative;
  }

  .cart-item__image {
    width: 108px;
    height: 108px;
    border-radius: 12px;
    background-color: #F3F4F6;
    overflow: hidden;
    flex-shrink: 0;
  }

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

  .cart-item__image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9CA3AF;
  }

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

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

  .cart-item__title {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #000413;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .cart-item__title:hover {
    color: #00aec7;
  }

  .cart-item__variant {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #6B6E76;
    margin: 0;
  }

  .cart-item__description {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #9CA3AF;
    margin: 0;
  }

  /* Cart Item Pricing */
  .cart-item__pricing {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cart-item__discount {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    background-color: #EFF6FF;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    color: #00aec7;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: fit-content;
  }

  .cart-item__gift-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    background-color: #FEF3C7;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    color: #D97706;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: fit-content;
  }

  .cart-item__price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
  }

  .cart-item__price {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #000413;
  }

  .cart-item__price-original {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #9CA3AF;
    text-decoration: line-through;
  }

  /* Quantity Controls */
  .cart-item__quantity {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .cart-item__qty-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background-color: #FFFFFF;
  }

  .cart-item__qty-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    color: #6B6E76;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cart-item__qty-btn:hover {
    background-color: #F3F4F6;
    color: #000413;
  }

  .cart-item__qty-input {
    width: 40px;
    height: 32px;
    text-align: center;
    border: none;
    background: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000413;
  }

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

  .cart-item__remove {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.2s ease;
    color: #9CA3AF;
  }

  .cart-item__remove:hover {
    background-color: #FEF2F2;
    color: #DC2626;
  }

  .cart-item__remove--gift {
    position: absolute;
    top: 0;
    right: 0;
  }

  /* Subscription Abo Switch */
  .cart-item__abo-switch {
    margin-top: 12px;
    position: relative;
  }

  .cart-abo-switch__button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #6B6E76;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .cart-abo-switch__button:hover {
    background-color: #F3F4F6;
    border-color: #D1D5DB;
  }

  .cart-abo-switch__arrow {
    transition: transform 0.2s ease;
    color: #9CA3AF;
  }

  .cart-abo-switch__button[aria-expanded="true"] .cart-abo-switch__arrow {
    transform: rotate(180deg);
  }

  .cart-abo-switch__dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .cart-abo-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: none;
    background-color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #F3F4F6;
  }

  .cart-abo-option:last-child {
    border-bottom: none;
  }

  .cart-abo-option:hover {
    background-color: #F9FAFB;
  }

  .cart-abo-option.active {
    background-color: #EFF6FF;
  }

  .cart-abo-option__checkmark {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #E5E7EB;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    flex-shrink: 0;
  }

  .cart-abo-option.active .cart-abo-option__checkmark {
    background-color: #00aec7;
    border-color: #00aec7;
    color: #FFFFFF;
  }

  .cart-abo-option__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .cart-abo-option__label {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #000413;
  }

  .cart-abo-option__price {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #6B6E76;
  }

  /* Subscription Benefits */
  .cart-subscription-benefits {
    margin-top: 24px;
    padding: 20px;
    background-color: #F9FAFB;
    border-radius: 12px;
  }

  .cart-benefits__message {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background-color: #EFF6FF;
    border-radius: 8px;
    margin-bottom: 20px;
  }

  .cart-benefits__message-icon {
    color: #00aec7;
    flex-shrink: 0;
  }

  .cart-benefits__message-text {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #6B6E76;
    margin: 0;
  }

  .cart-benefits__heading {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #000413;
    margin: 0 0 16px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .cart-benefits__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
  }

  .cart-benefits__item:last-child {
    margin-bottom: 0;
  }

  .cart-benefits__icon {
    color: #00aec7;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .cart-benefits__content {
    flex: 1;
  }

  .cart-benefits__title {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    color: #000413;
    margin: 0 0 4px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .cart-benefits__text {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #6B6E76;
    margin: 0;
  }

  /* Product Recommendations */
  .cart-recommendations {
    padding: 24px 32px;
  }

  .cart-recommendations__title {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #000413;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .cart-recommendations__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .cart-recommendation-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background-color: #F9FAFB;
    border-radius: 12px;
    position: relative;
    transition: box-shadow 0.2s ease;
  }

  .cart-recommendation-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .cart-recommendation__image {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 8px;
    background-color: #FFFFFF;
    overflow: hidden;
    display: block;
  }

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

  .cart-recommendation__image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D1D5DB;
  }

  .cart-recommendation__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .cart-recommendation__title {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #000413;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .cart-recommendation__title:hover {
    color: #00aec7;
  }

  .cart-recommendation__subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #9CA3AF;
    margin: 0;
  }

  .cart-recommendation__price {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #000413;
    margin-top: 4px;
  }

  .cart-recommendation__add-btn {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00aec7;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #FFFFFF;
  }

  .cart-recommendation__add-btn:hover {
    background-color: #0088A3;
    transform: scale(1.05);
  }

  /* Empty Cart */
  .cart-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 40px;
    text-align: center;
  }

  .cart-empty__icon {
    width: 80px;
    height: 80px;
    color: #D1D5DB;
    margin-bottom: 24px;
  }

  .cart-empty__text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #6B6E76;
    margin: 0 0 24px 0;
  }

  .cart-empty__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    background-color: #00aec7;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    transition: background-color 0.2s ease;
  }

  .cart-empty__button:hover {
    background-color: #0088A3;
  }

  /* Cart Summary */
  .cart-summary {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .cart-summary__heading {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #000413;
    margin: 0 0 8px 0;
  }

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

  .cart-summary__label {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #6B6E76;
  }

  .cart-summary__value {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #000413;
  }

  .cart-summary__value--free {
    color: #10B981;
  }

  .cart-summary__value--savings {
    color: #10B981;
  }

  .cart-summary__savings .cart-summary__value,
  .cart-summary__discount-savings .cart-summary__value {
    color: #10B981;
  }

  .cart-summary__free-shipping-message {
    margin-top: 8px;
    padding: 10px 12px;
    background-color: #F0FDF4;
    border: 1px solid #86EFAC;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #166534;
    text-align: center;
  }

  .cart-summary__total {
    padding-top: 16px;
    border-top: 2px solid #E5E7EB;
    margin-top: 8px;
  }

  .cart-summary__total .cart-summary__label {
    font-size: 16px;
    font-weight: 600;
    color: #000413;
  }

  .cart-summary__total .cart-summary__value {
    font-size: 20px;
    font-weight: 700;
    color: #000413;
  }

  .cart-summary__tax-note {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #9CA3AF;
    margin: -12px 0 0 0;
    text-align: right;
  }

  /* Discount Input */
  .cart-summary__discount {
    margin: 8px 0;
  }

  .cart-discount-input {
    display: flex;
    gap: 8px;
  }

  .cart-discount-input__field {
    flex: 1;
    padding: 14px 16px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000413;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
  }

  .cart-discount-input__field:focus {
    outline: none;
    border-color: #00aec7;
    box-shadow: 0 0 0 3px rgba(0, 174, 199, 0.1);
  }

  .cart-discount-input__field::placeholder {
    color: #9CA3AF;
  }

  .cart-discount-input__button {
    padding: 14px 20px;
    background-color: #F3F4F6;
    border: none;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #6B6E76;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
  }

  .cart-discount-input__button:hover {
    background-color: #E5E7EB;
    color: #000413;
  }

  .cart-discount__message {
    margin-top: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    padding: 8px 12px;
    border-radius: 6px;
    display: none;
    transition: all 0.3s ease;
  }

  .cart-discount__message.success {
    color: #10B981;
    background-color: #ECFDF5;
    border: 1px solid #10B981;
  }

  .cart-discount__message.error {
    color: #DC2626;
    background-color: #FEF2F2;
    border: 1px solid #DC2626;
  }

  .cart-discount-input__button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  /* Discount Tag */
  .cart-discount-tag {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 12px;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
  }

  .cart-discount-tag__icon {
    width: 16px;
    height: 16px;
    color: #6B6E76;
    flex-shrink: 0;
  }

  .cart-discount-tag__code {
    font-weight: 600;
    color: #000413;
  }

  .cart-discount-tag__amount {
    color: #10B981;
    font-weight: 600;
  }

  .cart-discount-tag__remove {
    margin-left: auto;
    padding: 4px;
    background: none;
    border: none;
    cursor: pointer;
    color: #6B6E76;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
  }

  .cart-discount-tag__remove:hover {
    color: #000413;
  }

  /* Checkout Button */
  .cart-summary__checkout {
    margin-top: 8px;
  }

  .cart-checkout-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    background-color: #00aec7;
    border: none;
    border-radius: 12px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .cart-checkout-btn:hover {
    background-color: #0088A3;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 174, 199, 0.3);
  }

  .cart-checkout__delivery-promise {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #6B6E76;
    text-align: center;
    margin: 12px 0 0 0;
  }

  .cart-checkout__delivery-promise strong {
    font-weight: 600;
    color: #000413;
  }
  
  .cart-discount-notice {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    background: linear-gradient(135deg, #e0f7fa 0%, #f0f9ff 100%);
    border: 1px solid #00abc7;
    border-radius: 8px;
    margin: 12px 0;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #000413;
  }
  
  .cart-discount-notice svg {
    flex-shrink: 0;
  }
  
  .cart-discount-notice strong {
    font-weight: 700;
    color: #00abc7;
  }

  /* Express Checkout */
  .cart-express-divider {
    display: flex;
    align-items: center;
    margin: 20px 0;
  }

  .cart-express-divider::before,
  .cart-express-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #E5E7EB;
  }

  .cart-express-divider__text {
    padding: 0 16px;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #9CA3AF;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .cart-express-checkout {
    display: flex;
    gap: 12px;
  }

  .cart-express-btn {
    flex: 1;
    padding: 0;
    margin: 0;
    min-height: 48px;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .cart-express-btn:hover {
    border-color: #D1D5DB;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }

  .cart-express-btn img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    margin: 0;
    padding: 0;
  }

  /* Shopify Payment Buttons Styling */
  .cart-express-checkout .shopify-payment-buttons {
    display: flex;
    gap: 12px;
    width: 100%;
  }

  .cart-express-checkout .shopify-payment-button {
    flex: 1;
  }

  .cart-express-checkout .shopify-payment-button__button {
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
  }

  .cart-express-checkout .shopify-payment-button__button:hover {
    border-color: #D1D5DB;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }

  .cart-express-checkout .shopify-payment-button__button--unbranded {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Payment Methods */
  .cart-payment-methods {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #E5E7EB;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }

  .cart-payment-methods__label {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #6B6E76;
    text-align: center;
  }

  .cart-payment-methods__icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    align-items: center;
  }

  .cart-payment-icon {
    width: 40px;
    height: 24px;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 3px;
    border: 1px solid #E5E7EB;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cart-payment-icon svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  /* Responsive */
  @media (max-width: 640px) {
    .cart-payment-methods {
      margin-top: 20px;
      padding-top: 16px;
    }
    
    .cart-payment-methods__icons {
      gap: 6px;
    }
    
    .cart-payment-icon {
      width: 36px;
      height: 22px;
    }
  }

  /* Trust Badges */
  .cart-trust-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #E5E7EB;
  }

  .cart-trust-badge {
    flex: 0 0 auto;
  }

  .cart-trust-badge__image {
    height: 32px;
    width: auto;
    object-fit: contain;
  }

  .cart-trust-badge__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 12px;
    background-color: #F3F4F6;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: #6B6E76;
    text-transform: uppercase;
  }

  /* Modal Footer - Contains full checkout section */
  .cart-modal__footer {
    padding: 24px 32px 32px;
    background-color: #FFFFFF;
    border-top: 1px solid #E5E7EB;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .cart-modal__content {
      width: 100%;
      max-width: 100%;
    }

    .cart-modal__scroll-wrapper {
      padding-bottom: 20px;
    }

    .cart-modal__header {
      padding: 24px 20px 20px;
    }

    .cart-modal__title {
      font-size: 20px;
    }

    .cart-section {
      padding: 20px;
    }

    .cart-modal__footer {
      padding: 20px;
    }

    .cart-recommendations__grid {
      grid-template-columns: 1fr;
    }

    .cart-item {
      grid-template-columns: 88px 1fr;
    }

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

    .cart-item__title {
      font-size: 14px;
    }

    .cart-item__price {
      font-size: 16px;
    }
  }
.welcome {
    display: grid;
    grid-template-columns: var(--content-grid);
    background-color: #f6f6f7;
    padding: 72px 0;
  }

  .welcome-content {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0 24px;
  }

  .welcome-description {
    max-width: 80ch;
    line-height: 1.4;
    margin-top: 1.5rem;
  }

  .icon {
    width: 300px;
  }

  .highlights {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
  }

  @media (max-width: 1100px) {
    .highlights {
      grid-template-columns: 1fr;
    }
  }

  .highlight {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    border-radius: 8px;
    background-color: #eef3ff;
    color: rgb(92, 95, 98);
    line-height: 1.4;
  }

  .highlight > * + * {
    margin-top: 1rem;
  }

  .highlight h3 {
    font-size: 1rem;
    color: rgb(32, 34, 35);
  }

  .highlight-description {
    flex: 1 1;
  }

  .highlight a {
    display: flex;
    width: fit-content;
    background-color: rgb(250, 251, 251);
    box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.9) 0px 2px 0px 0px inset;
    border: 1px solid rgb(140, 145, 150);
    border-radius: 4px;
    color: rgb(92, 95, 98);
    padding: 3px 10px 5px;
    text-decoration: none;
  }
.hero-premium {
    min-height: 70vh;
    background: linear-gradient(180deg, #F7FAFB 0%, #FFFFFF 100%);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 60px 0;
  }
  
  .hero-premium__container {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    align-items: center;
    position: relative;
    z-index: 1;
  }
  
  /* Left Side - Text Card */
  .hero-premium__content {
    display: flex;
    align-items: center;
    animation: fadeUp 0.8s ease-out;
  }
  
  .hero-premium__card {
    background: var(--color-white);
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.04);
    padding: 48px 56px;
    width: 100%;
    animation: fadeUp 0.8s ease-out;
  }
  
  .hero-premium__headline {
    font-family: var(--font-primary--family);
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.15;
    color: var(--color-text-dark);
    margin: 0 0 20px 0;
    letter-spacing: -0.02em;
    animation: fadeUp 0.8s ease-out 0.2s both;
  }
  
  .hero-premium__subheading {
    font-family: var(--font-primary--family);
    font-size: 1.0625rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 32px 0;
    animation: fadeUp 0.8s ease-out 0.4s both;
  }
  
  /* CTA Buttons */
  .hero-premium__cta-group {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 40px;
    animation: fadeUp 0.8s ease-out 0.6s both;
  }
  
  .btn--hero {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 32px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
    cursor: pointer;
    font-family: var(--font-primary--family);
  }
  
  .btn--primary {
    background-color: #00ABC7;
    color: var(--color-white);
    box-shadow: 0 4px 12px rgba(0, 171, 199, 0.25);
  }
  
  .btn--primary:hover {
    background-color: #0092A8;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 171, 199, 0.35);
  }
  
  .btn--secondary {
    background-color: transparent;
    color: #00ABC7;
    border-color: #00ABC7;
  }
  
  .btn--secondary:hover {
    background-color: rgba(0, 171, 199, 0.05);
    color: #0092A8;
    border-color: #0092A8;
  }
  
  .btn-icon {
    transition: transform 0.3s ease;
  }
  
  .btn--primary:hover .btn-icon {
    transform: translateX(4px);
  }
  
  /* Trust Bar */
  .hero-premium__trust-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    padding-top: 28px;
    border-top: 1px solid rgba(230, 234, 238, 0.6);
    animation: fadeUp 0.8s ease-out 0.8s both;
  }
  
  .trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4A5A68;
    font-size: 0.875rem;
    font-weight: 500;
    flex-shrink: 0;
  }
  
  .trust-item--social {
    gap: 12px;
  }
  
  .trust-avatars {
    display: flex;
    gap: 0;
  }
  
  .trust-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--color-white);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-left: -8px;
  }
  
  .trust-avatar:first-child {
    margin-left: 0;
  }
  
  .trust-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* Improved Icon Styling */
  .trust-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(74, 90, 104, 0.08);
    border-radius: 8px;
    flex-shrink: 0;
  }
  
  .trust-icon-wrapper--swiss {
    background: transparent;
    padding: 0;
  }
  
  .trust-icon {
    width: 20px;
    height: 20px;
    color: #4A5A68;
    opacity: 0.9;
  }
  
  .trust-icon-wrapper--swiss .trust-icon {
    width: 24px;
    height: 24px;
    opacity: 1;
  }
  
  .trust-text {
    white-space: nowrap;
  }
  
  /* Right Side - Visual with Products */
  .hero-premium__visual {
    position: relative;
    height: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .hero-premium__background-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    opacity: 0.2;
  }
  
  .hero-premium__background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* Floating Products */
  .hero-premium__products {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  
  .product-float {
    position: absolute;
    animation: float 6s ease-in-out infinite;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));
    transition: transform 0.3s ease;
  }
  
  .product-float:hover {
    transform: scale(1.05);
  }
  
  .product-float--1 {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
    z-index: 3;
  }
  
  .product-float--2 {
    top: 45%;
    right: 10%;
    animation-delay: 2s;
    z-index: 2;
  }
  
  .product-float--3 {
    bottom: 10%;
    left: 15%;
    animation-delay: 4s;
    z-index: 1;
  }
  
  .product-float__image {
    max-width: 220px;
    height: auto;
    display: block;
  }
  
  /* Animations */
  @keyframes fadeUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes float {
    0%, 100% {
      transform: translateY(0px) rotate(0deg);
    }
    50% {
      transform: translateY(-20px) rotate(2deg);
    }
  }
  
  /* Responsive */
  @media (max-width: 1200px) {
    .hero-premium {
      min-height: 65vh;
      padding: 50px 0;
    }
    
    .hero-premium__container {
      gap: 48px;
      padding: 0 32px;
    }
    
    .hero-premium__card {
      padding: 40px 48px;
    }
    
    .hero-premium__headline {
      font-size: 2.5rem;
    }
    
    .product-float__image {
      max-width: 180px;
    }
  }
  
  @media (max-width: 968px) {
    .hero-premium {
      min-height: auto;
      padding: 50px 0;
    }
    
    .hero-premium__container {
      grid-template-columns: 1fr;
      gap: 40px;
      padding: 0 24px;
    }
    
    .hero-premium__card {
      padding: 40px 32px;
      max-width: 100%;
    }
    
    .hero-premium__headline {
      font-size: 2.25rem;
    }
    
    .hero-premium__visual {
      min-height: 400px;
      order: -1;
    }
    
    .hero-premium__trust-bar {
      flex-wrap: wrap;
      gap: 20px;
      justify-content: flex-start;
    }
    
    .product-float__image {
      max-width: 150px;
    }
    
    .product-float--1 {
      top: 8%;
      left: 3%;
    }
    
    .product-float--2 {
      top: 40%;
      right: 8%;
    }
    
    .product-float--3 {
      bottom: 8%;
      left: 12%;
    }
  }
  
  @media (max-width: 640px) {
    .hero-premium {
      padding: 40px 0;
    }
    
    .hero-premium__container {
      padding: 0 20px;
      gap: 32px;
    }
    
    .hero-premium__card {
      padding: 32px 24px;
      border-radius: 20px;
    }
    
    .hero-premium__headline {
      font-size: 1.875rem;
      margin-bottom: 16px;
    }
    
    .hero-premium__subheading {
      font-size: 0.9375rem;
      margin-bottom: 28px;
    }
    
    .hero-premium__cta-group {
      margin-bottom: 32px;
      gap: 12px;
    }
    
    .btn--hero {
      width: 100%;
      padding: 14px 28px;
      font-size: 0.875rem;
    }
    
    .hero-premium__trust-bar {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      padding-top: 24px;
    }
    
    .trust-item {
      width: 100%;
    }
    
    .hero-premium__visual {
      min-height: 300px;
    }
    
    .product-float__image {
      max-width: 120px;
    }
    
    .trust-icon-wrapper {
      width: 28px;
      height: 28px;
    }
    
    .trust-icon {
      width: 18px;
      height: 18px;
    }
    
    .trust-icon-wrapper--swiss .trust-icon {
      width: 20px;
      height: 20px;
    }
  }
.ingredient-benefit {
  padding: 100px 0 0 0;
  background: linear-gradient(90deg, var(--color-emasex-blue) 0%, #0088a3 50%, var(--color-emasex-blue) 100%);
  color: var(--color-white);
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
  padding-bottom: 0;
}

.ingredient-benefit__container {
  padding-bottom: 0;
  position: relative;
}

.ingredient-benefit__left {
  padding-bottom: 0;
  margin-bottom: 0;
}

.ingredient-benefit__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}

.ingredient-benefit__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: stretch;
  position: relative;
  min-height: 600px;
}

/* Left Side: Headline + Image */
.ingredient-benefit__left {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 20px;
  padding-bottom: 0;
  position: relative;
  align-items: flex-start;
  min-height: 100%;
  justify-content: flex-start;
}

.ingredient-benefit__headline {
  font-family: var(--font-primary--family);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-white);
  margin: 0;
  letter-spacing: -0.03em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.ingredient-benefit__description {
  font-family: var(--font-primary--family);
  font-size: 1.125rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  font-weight: 400;
  max-width: 90%;
}

/* Desktop Image Wrapper */
.ingredient-benefit__image-wrapper--desktop {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 850px;
  margin: 0;
  padding: 0;
  z-index: 1;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Mobile Image Wrapper - hidden by default */
.ingredient-benefit__image-wrapper--mobile {
  display: none;
}

.ingredient-benefit__image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: bottom;
}

.ingredient-benefit__image {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 20px 60px rgba(0, 0, 0, 0.15));
  border-radius: 0;
  object-fit: contain;
  margin: 0;
  padding: 0;
}

/* Right Side: Accordion Cards */
.ingredient-benefit__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ingredient-benefit__accordions {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.ingredient-benefit .benefit-card {
  position: relative;
  background: transparent !important;
  backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(0);
}

.ingredient-benefit .benefit-card:not(.active) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.ingredient-benefit .benefit-card:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ingredient-benefit .benefit-card.active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ingredient-benefit .benefit-card__separator {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  width: 100%;
}

.ingredient-benefit .benefit-card__separator--top {
  margin-bottom: 0;
}

.ingredient-benefit .benefit-card__separator--bottom {
  margin-top: 0;
}

.ingredient-benefit .benefit-card__header {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 28px 0;
  background: none !important;
  border: none !important;
  outline: none !important;
  cursor: pointer;
  text-align: left;
  color: var(--color-white);
  transition: all 0.3s ease;
}

.ingredient-benefit .benefit-card__header:hover {
  opacity: 0.9;
}

.ingredient-benefit .benefit-card__icon-wrapper {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ingredient-benefit .benefit-card:hover .benefit-card__icon-wrapper {
  transform: scale(1.05);
}

.ingredient-benefit .benefit-card.active .benefit-card__icon-wrapper {
  transform: scale(1.1);
}

.ingredient-benefit .benefit-card__icon {
  width: 32px;
  height: 32px;
  stroke: rgba(255, 255, 255, 0.95);
  stroke-width: 1.5;
  transition: stroke 0.4s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ingredient-benefit .benefit-card.active .benefit-card__icon {
  stroke: var(--color-white);
  transform: scale(1.05);
}

.ingredient-benefit .benefit-card__icon-img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.95;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ingredient-benefit .benefit-card.active .benefit-card__icon-img {
  opacity: 1;
  transform: scale(1.05);
}

.ingredient-benefit .benefit-card__title {
  flex: 1;
  font-family: var(--font-primary--family);
  font-size: 1.8125rem !important; /* Reduced by 3px from 2rem (32px) to 29px */
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-white) !important;
  margin: 0;
  padding: 0;
  letter-spacing: -0.01em;
  align-self: center;
}

.ingredient-benefit .benefit-card__arrow {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  stroke: rgba(255, 255, 255, 0.8);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.4s ease;
}

.ingredient-benefit .benefit-card.active .benefit-card__arrow {
  transform: rotate(180deg);
  stroke: var(--color-white);
}

.ingredient-benefit .benefit-card__content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 !important;
  margin-left: 72px !important;
  will-change: max-height, opacity, padding;
  transform: translateZ(0);
}

.ingredient-benefit .benefit-card.active .benefit-card__content {
  max-height: 600px;
  opacity: 1;
  padding-top: 0px !important;
  padding-bottom: 24px !important;
}

/* First card is only open if it has the active class */

.ingredient-benefit .benefit-card__content-inner {
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 4px !important;
  color: var(--color-white) !important;
  font-family: var(--font-primary--family);
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 400;
  transition: opacity 0.3s ease 0.1s;
  text-align: left;
}

.ingredient-benefit .benefit-card__content-inner p {
  margin: 0 0 12px 0;
  color: var(--color-white) !important;
}

.ingredient-benefit .benefit-card__content-inner p:last-child {
  margin-bottom: 0;
}

.ingredient-benefit .benefit-card__content-inner ul,
.ingredient-benefit .benefit-card__content-inner ol {
  margin: 12px 0;
  padding-left: 24px;
  color: var(--color-white) !important;
}

.ingredient-benefit .benefit-card__content-inner li {
  margin-bottom: 8px;
  color: var(--color-white) !important;
}

.ingredient-benefit .benefit-card__content-inner strong,
.ingredient-benefit .benefit-card__content-inner b {
  color: var(--color-white) !important;
}

.ingredient-benefit .benefit-card__content-inner em,
.ingredient-benefit .benefit-card__content-inner i {
  color: var(--color-white) !important;
}

.ingredient-benefit .benefit-card__content-inner a {
  color: var(--color-white) !important;
}

/* Mobile Layout */
@media (max-width: 1024px) {
  .ingredient-benefit__grid {
    gap: 60px;
  }
  
  .ingredient-benefit__headline {
    font-size: 3rem;
  }
}

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

  .ingredient-benefit__container {
    padding: 0 24px;
  }

  .ingredient-benefit__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .ingredient-benefit__left {
    gap: 20px;
    padding-top: 0;
  }

  .ingredient-benefit__headline {
    font-size: 2.25rem;
    text-align: center;
    line-height: 1.2;
    margin: 0;
  }

  .ingredient-benefit__description {
    text-align: center;
    max-width: 100%;
    margin: 0;
    font-size: 1rem;
  }

  /* Hide desktop image on mobile */
  .ingredient-benefit__image-wrapper--desktop {
    display: none;
  }

  /* Show mobile image at bottom */
  .ingredient-benefit__image-wrapper--mobile {
    display: block;
    position: relative;
    width: 100%;
    max-width: 85%;
    margin: 48px auto 0;
    padding: 0;
    text-align: center;
  }

  .ingredient-benefit__right {
    width: 100%;
  }

  .benefit-card {
    width: 100%;
  }

  .benefit-card__header {
    padding: 20px 0;
    gap: 16px;
  }

  .benefit-card__icon-wrapper {
    width: 40px;
    height: 40px;
  }

  .benefit-card__icon {
    width: 28px;
    height: 28px;
  }

  .benefit-card__icon-img {
    width: 32px;
    height: 32px;
  }

  .ingredient-benefit .benefit-card__title {
    font-size: 1.5rem !important; /* Reduced by 3px from 1.625rem (26px) to 23px */
  }

  .ingredient-benefit .benefit-card__content {
    margin-left: 56px !important;
  }

  .ingredient-benefit .benefit-card.active .benefit-card__content {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
  }

  .ingredient-benefit .benefit-card__content-inner {
    margin-top: 4px !important;
  }

  .benefit-card__content-inner {
    padding: 0;
    font-size: 0.95rem;
  }
}

@media (max-width: 480px) {
  .ingredient-benefit {
    padding: 48px 0 0 0;
  }

  .ingredient-benefit__container {
    padding: 0 20px;
  }

  .ingredient-benefit__headline {
    font-size: 1.875rem;
  }

  /* Mobile image adjustments for smaller screens */
  .ingredient-benefit__image-wrapper--mobile {
    max-width: 90%;
    margin-top: 40px;
  }

  .benefit-card__header {
    padding: 18px 0;
    gap: 12px;
  }

  .benefit-card__icon-wrapper {
    width: 36px;
    height: 36px;
  }

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

  .benefit-card__icon-img {
    width: 28px;
    height: 28px;
  }

  .ingredient-benefit .benefit-card__title {
    font-size: 1.3125rem !important; /* Reduced by 3px from 1.5rem (24px) to 21px */
  }

  .ingredient-benefit .benefit-card__content {
    margin-left: 48px !important;
  }

  .ingredient-benefit .benefit-card.active .benefit-card__content {
    padding-top: 0px !important;
    padding-bottom: 18px !important;
  }

  .ingredient-benefit .benefit-card__content-inner {
    margin-top: 4px !important;
  }

  .benefit-card__content-inner {
    padding: 0;
    font-size: 0.9rem;
  }
}
.jdgm-section { padding: 72px 0; background: #fff; }
  .jdgm-section .container { max-width: 1200px; margin: 0 auto; }

  .jdgm-header { text-align: center; margin-bottom: 32px; }
  /* Eyebrow styles now in global snippet */
  .jdgm-heading { font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 2rem; font-weight: 700; color: var(--color-text-dark); margin: 0 0 10px; }
  .jdgm-subheading { color: var(--color-text-secondary); font-size: 1rem; margin: 0 auto; max-width: 720px; }

  .jdgm-carousel-card { background: #fff; border-radius: 16px; border: 1px solid var(--color-border-gray); box-shadow: 0 12px 30px rgba(0,0,0,.06); padding: 20px 20px 8px; }
  .jdgm-carousel-title-row { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 10px; border-bottom: 1px solid var(--color-border-gray); padding-bottom: 12px; }
  .jdgm-carousel-title { font-size: 1.25rem; font-weight: 700; color: var(--color-text-dark); margin: 0; }
  .jdgm-all-reviews-link { color: var(--color-emasex-blue); text-decoration: none; font-weight: 600; }
  .jdgm-all-reviews-link:hover { text-decoration: underline; }
  .jdgm-carousel-left { display: flex; align-items: center; gap: 18px; }
  .jdgm-all-reviews-rating-wrapper { display: flex; align-items: center; gap: 10px; color: var(--color-text-secondary); font-size: .95rem; }
  .jdgm-carousel-number-of-reviews { display: block; }

  /* Judge.me embed tweaks */
  .jdgm-carousel-wrap .jdgm-carousel__inner,
  .jdgm-carousel-wrap .jdgm-carousel__item { box-shadow: none !important; }
  .jdgm-carousel-wrap .jdgm-carousel__item { border-radius: 12px; border: 1px solid var(--color-border-gray); overflow: hidden; }
  .jdgm-carousel-wrap .jdgm-carousel__item-content { padding: 16px 18px; }
  .jdgm-carousel-wrap .jdgm-star { color: #f5a623 !important; }

  @media (max-width: 768px) {
    .jdgm-section { padding: 56px 0; }
    .jdgm-heading { font-size: 1.75rem; }
    .jdgm-carousel-card { padding: 16px 16px 4px; }
  }
:root {
    --color-emasex-blue: #00ABC7;
    --color-emasex-magenta: #CF1970;
    --color-text-dark: #0E1116;
    --color-text-secondary: #4B5563;
    --color-border-gray: #E6EAEF;
    --color-white: #FFFFFF;
    --color-light-gray: #F8F9FA;
  }

  .main-hero {
    min-height: 100vh;
    background: linear-gradient(120deg, #F8FBFC 0%, #FFFFFF 50%, #FFF0F6 100%);
    position: relative;
    overflow: hidden;
  }

  .hero__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh;
    max-width: 1400px;
    margin: 0 auto;
  }

  .hero__content {
    display: flex;
    align-items: center;
    padding: 6rem 2rem;
    position: relative;
    z-index: 2;
  }

  .hero__text {
    max-width: 500px;
    animation: fadeUp 0.8s ease-out;
  }

  .hero__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 700;
    font-size: 3.5rem;
    line-height: 1.15;
    color: var(--color-text-dark);
    margin: 0 0 1.5rem 0;
    letter-spacing: -0.02em;
  }

  .flip-wrapper {
    display: inline-block;
    perspective: 1000px;
    margin-left: 0.5rem;
  }

  .flip-box {
    display: inline-block;
    min-width: 13ch;
    text-align: center;
    padding: 0.28em 0.6em;
    border: 2px solid var(--color-emasex-blue);
    color: var(--color-emasex-blue);
    border-radius: 0.6rem;
    background: var(--color-white);
    transform-style: preserve-3d;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.06);
    will-change: transform, color, border-color, background;
    transition: all 0.3s ease;
  }

  .hero__subtitle {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 2.5rem 0;
    animation: fadeUp 0.8s ease-out 0.2s both;
  }

  .hero__cta-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    animation: fadeUp 0.8s ease-out 0.4s both;
  }

  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }

  .btn--primary {
    background: var(--color-emasex-blue);
    color: var(--color-white);
    border-color: var(--color-emasex-blue);
  }

  .btn--primary:hover {
    background: #0088A3;
    border-color: #0088A3;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 171, 199, 0.3);
  }

  .btn--secondary {
    background: transparent;
    color: var(--color-emasex-blue);
    border-color: var(--color-emasex-blue);
  }

  .btn--secondary:hover {
    background: var(--color-emasex-blue);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 171, 199, 0.2);
  }

  .hero__visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero__image {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .hero__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%);
    border: 2px dashed var(--color-border-gray);
  }

  .placeholder-content {
    text-align: center;
    color: var(--color-text-secondary);
  }

  .placeholder-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--color-emasex-blue);
  }

  /* Floating Product Jars */
  .hero__products {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 3;
    animation: fadeInUp 1s ease-out 1s both;
  }

  .product-jar {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--color-text-dark);
    transition: all 0.3s ease;
  }

  .product-jar:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  }

  .jar-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    flex-shrink: 0;
  }

  .product-jar--libo .jar-icon {
    background: var(--color-emasex-blue);
  }

  .product-jar--femina .jar-icon {
    background: var(--color-emasex-magenta);
  }

  .product-jar--arginin .jar-icon {
    background: #10B981;
  }

  /* Gradient Divider */
  .hero__divider {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--color-emasex-blue) 0%, var(--color-emasex-magenta) 100%);
  }

  /* Flip Animation */
  .flip-out {
    animation: flipOut 0.42s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  }

  .flip-in {
    animation: flipIn 0.42s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  }

  @keyframes flipOut {
    0% { transform: rotateX(0deg); }
    100% { transform: rotateX(90deg); opacity: 0.6; }
  }

  @keyframes flipIn {
    0% { transform: rotateX(-90deg); opacity: 0.6; }
    100% { transform: rotateX(0deg); opacity: 1; }
  }

  /* Color Themes */
  .flip-box[data-color="blue"] {
    border-color: var(--color-emasex-blue);
    color: var(--color-emasex-blue);
  }

  .flip-box[data-color="magenta"] {
    border-color: var(--color-emasex-magenta);
    color: var(--color-emasex-magenta);
  }

  /* Animations */
  @keyframes fadeUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Responsive Design */
  @media (max-width: 1024px) {
    .hero__container {
      grid-template-columns: 1fr;
      min-height: auto;
    }

    .hero__content {
      padding: 4rem 2rem 2rem;
      order: 1;
    }

    .hero__visual {
      order: 2;
      min-height: 50vh;
    }

    .hero__headline {
      font-size: 2.75rem;
    }

    .hero__cta-group {
      flex-direction: row;
      gap: 1rem;
    }

    .btn {
      flex: 1;
      justify-content: center;
    }

    .hero__products {
      bottom: 1rem;
      right: 1rem;
      flex-direction: row;
      gap: 0.75rem;
    }

    .product-jar {
      padding: 0.5rem 0.75rem;
      font-size: 0.75rem;
    }

    .jar-icon {
      width: 24px;
      height: 24px;
    }
  }

  @media (max-width: 768px) {
    .hero__content {
      padding: 3rem 1.5rem 2rem;
    }

    .hero__headline {
      font-size: 2.25rem;
    }

    .hero__subtitle {
      font-size: 1rem;
    }

    .hero__cta-group {
      flex-direction: column;
    }

    .btn {
      padding: 0.875rem 1.5rem;
    }

    .hero__products {
      position: static;
      justify-content: center;
      margin-top: 2rem;
      animation: none;
    }
  }

  @media (max-width: 480px) {
    .hero__headline {
      font-size: 1.875rem;
    }

    .flip-box {
      min-width: 10ch;
      padding: 0.2em 0.4em;
    }

    .hero__products {
      flex-wrap: wrap;
      gap: 0.5rem;
    }

    .product-jar {
      padding: 0.4rem 0.6rem;
      font-size: 0.7rem;
    }
  }

  /* Reduced Motion Support */
  @media (prefers-reduced-motion: reduce) {
    .flip-out,
    .flip-in {
      animation: none;
    }

    .flip-box {
      transition: opacity 0.2s;
    }

    .hero__text,
    .hero__subtitle,
    .hero__cta-group,
    .hero__products {
      animation: none;
    }
  }
.media-logos-banner {
    padding: 60px 0;
    background-color: var(--color-white);
    border-top: 1px solid var(--color-border-gray);
    border-bottom: 1px solid var(--color-border-gray);
    overflow: hidden;
    position: relative;
  }

  .banner__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }

  .banner__text {
    text-align: center;
  }

  .banner__label {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
  }

  .logos-container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .logos-track {
    display: flex;
    align-items: center;
    gap: 40px; /* Even spacing between all logos */
    animation: scroll 30s linear infinite;
    white-space: nowrap;
    will-change: transform;
  }

  .logo-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px 12px 20px; /* Padding bottom to reduce image size */
    opacity: 0.6;
    transition: opacity 0.3s ease;
    margin: 0;
    box-sizing: border-box;
  }

  .logo-item:hover {
    opacity: 1;
  }

  .media-logo {
    height: 28px;
    width: auto;
    max-width: 100px;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
  }

  .logo-item:hover .media-logo {
    filter: grayscale(0%);
  }

  .logo-text {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--color-text-dark);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-100% / 4)); /* Scroll 1/4 of total width (1 original + 3 duplicates = 4 sets) */
    }
  }

  /* Pause animation on hover */
  .logos-container:hover .logos-track {
    animation-play-state: paused;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .media-logos-banner {
      padding: 40px 0;
    }

    .banner__content {
      gap: 24px;
    }

    .logos-track { animation-duration: 25s; }

    .logo-item { height: 32px; padding: 0 16px 10px 16px; }
    .logos-track { gap: 32px; }

    .media-logo {
      height: 20px;
      max-width: 70px;
    }

    .logo-text {
      font-size: 1rem;
    }
  }

  @media (max-width: 480px) {
    .logos-track { animation-duration: 20s; }

    .media-logo {
      height: 18px;
      max-width: 55px;
    }
    .logo-item { padding: 0 12px 8px 12px; }
    .logos-track { gap: 24px; }

    .logo-text {
      font-size: 0.875rem;
    }
  }

  /* Accessibility - Respect reduced motion preferences */
  @media (prefers-reduced-motion: reduce) {
    .logos-track {
      animation: none;
      transform: none;
    }
  }
/* Medical Info Comparison Section */
  .medical-info {
    padding: 100px 20px;
    background: linear-gradient(180deg, rgba(0, 174, 199, 0.02) 0%, rgba(255, 255, 255, 1) 100%);
    position: relative;
  }

  .medical-info__header {
    max-width: 900px;
    margin: 0 auto 48px;
    text-align: center;
  }

  .medical-info__headline {
    font-family: var(--font-heading, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--color-text-dark, #0F2D57);
    margin: 0 0 20px 0;
    letter-spacing: -0.02em;
  }

  .medical-info__subheadline {
    font-family: var(--font-body, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-size: 1.0625rem;
    line-height: 1.6;
    color: var(--color-text-secondary, #4B5563);
    margin: 0;
    font-weight: 400;
  }

  .medical-info__divider {
    width: 80px;
    height: 2px;
    background: var(--color-emasex-blue, #00AEC7);
    margin: 0 auto 60px;
    border-radius: 2px;
  }

  .medical-info__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Medical Card */
  .medical-card {
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFD 100%);
    border: 1px solid #E6EAEE;
    border-radius: 20px;
    padding: 40px 36px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .medical-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 15px 35px rgba(0, 174, 199, 0.12);
  }

  .medical-card__header {
    margin-bottom: 28px;
  }

  .medical-card__title {
    font-family: var(--font-heading, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--color-text-dark, #0F2D57);
    margin: 0 0 12px 0;
    letter-spacing: -0.01em;
  }

  .medical-card__subtitle {
    font-family: var(--font-body, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--color-text-secondary, #6C7480);
    margin: 0;
    font-weight: 400;
  }

  .medical-card__list {
    list-style: none;
    padding: 0;
    margin: 0 0 auto 0;
    flex-grow: 1;
  }

  .medical-card__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
    font-family: var(--font-body, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text-dark, #1A1A1A);
    font-weight: 400;
  }

  .medical-card__item:last-child {
    margin-bottom: 0;
  }

  .medical-card__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-emasex-blue, #00AEC7);
    margin-top: 2px;
  }

  .medical-card__footer {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid rgba(230, 234, 238, 0.6);
  }

  .medical-card__footer p {
    font-family: var(--font-body, 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--color-text-secondary, #4B5563);
    margin: 0;
    font-weight: 400;
    font-style: italic;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .medical-info {
      padding: 80px 20px;
    }

    .medical-info__header {
      margin-bottom: 40px;
    }

    .medical-info__headline {
      font-size: 1.875rem;
      line-height: 1.25;
      margin-bottom: 16px;
    }

    .medical-info__subheadline {
      font-size: 1rem;
    }

    .medical-info__divider {
      margin-bottom: 48px;
    }

    .medical-info__cards {
      grid-template-columns: 1fr;
      gap: 32px;
    }

    .medical-card {
      padding: 32px 28px;
    }

    .medical-card__title {
      font-size: 1.375rem;
    }

    .medical-card__item {
      font-size: 0.9375rem;
      margin-bottom: 16px;
    }

    .medical-card__footer {
      margin-top: 28px;
      padding-top: 24px;
    }
  }

  @media (max-width: 480px) {
    .medical-info {
      padding: 60px 16px;
    }

    .medical-info__headline {
      font-size: 1.625rem;
    }

    .medical-card {
      padding: 28px 24px;
    }

    .medical-card__title {
      font-size: 1.25rem;
    }
  }
.men40 { padding: 68px 0; background: #fff; }
  .men40 .container { max-width: 1200px; margin: 0 auto; }
  .men40__header { text-align: center; margin-bottom: 28px; }
  /* Eyebrow styles now in global snippet */
  .men40__heading { font-size: 2.1rem; font-weight: 800; letter-spacing: -.01em; margin: 0 0 8px; color: var(--color-text-dark); font-family: var(--font-heading); }
  .men40__subheading { color: var(--color-text-secondary); max-width: 780px; margin: 0 auto; font-family: var(--font-body); }

  .men40__stack { display: grid; gap: 28px; }
  .men40__chart { width: 100%; }
  .men40__image { width: 100%; height: auto; display: block; border-radius: 16px; }

  .fact { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px; align-items: center; padding: 12px 0; opacity: 1; transform: none; min-height: 220px; }
  .fact.is-visible { opacity: 1; transform: none; }
  .fact--left { grid-template-columns: 1.1fr 1fr; }
  .fact--right { grid-template-columns: 1fr 1.1fr; }
  .fact__img { width: 100%; height: auto; object-fit: cover; display: block; border: none; box-shadow: 0 18px 34px rgba(0,0,0,.08); border-radius: 16px; }
  .fact__icon-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
  .fact__icon { width: 36px; height: 36px; object-fit: contain; border-radius: 10px; }
  .fact__badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; background: rgba(0,171,199,.12); color: var(--color-emasex-blue); font-size: 1.6rem; font-weight: 800; line-height: 1; }
  .fact__title { margin: 0 0 10px; font-size: 1.25rem; font-weight: 700; color: var(--color-text-dark); letter-spacing: -.015em; line-height: 1.25; word-break: break-word; font-family: var(--font-heading); }
  .fact__text { margin: 0 0 12px; color: var(--color-text-secondary); line-height: 1.6; word-break: break-word; font-family: var(--font-body); }
  .fact__stat { color: var(--color-text-dark); font-weight: 700; font-family: var(--font-body); }

  /* Why-box styling */
  .fact__why { background: #f8f9fb; border-left: 4px solid #00abc7; border-radius: 10px; padding: 12px 14px; margin-top: 10px; box-shadow: 0 8px 18px rgba(0,0,0,.04); }
  .fact__why-title { font-weight: 800; font-size: .95rem; color: #0e1116; margin-bottom: 6px; letter-spacing: .01em; font-family: var(--font-heading); }
  .fact__why-text { color: #4a5562; font-size: .95rem; line-height: 1.55; }

  /* --- Elegant scroll animations (safe defaults visible immediately) --- */
  @media (prefers-reduced-motion: no-preference) {
    .fact__content .stage { opacity: 0; transform: translateY(12px); transition: opacity .5s ease, transform .5s ease; }
    .fact.in-view .stage { opacity: 1; transform: translateY(0); }
    .fact.in-view .stage:nth-child(1) { transition-delay: .02s; }
    .fact.in-view .stage:nth-child(2) { transition-delay: .08s; }
    .fact.in-view .stage:nth-child(3) { transition-delay: .14s; }
    .fact.in-view .stage:nth-child(4) { transition-delay: .18s; }

    .fact__img { will-change: transform; transition: transform .35s ease; }
    .fact.in-view .fact__img { transform: translateY(var(--parallax, 0px)); }

    .fact__stat { position: relative; display: inline-block; }
    .fact__stat:after { content: ""; position: absolute; left: 0; bottom: -4px; height: 2px; width: 100%; background: var(--color-emasex-blue); transform: scaleX(0); transform-origin: left; transition: transform .5s ease .18s; }
    .fact.in-view .fact__stat:after { transform: scaleX(1); }
  }

  .men40__closing { margin-top: 26px; padding-top: 8px; text-align: center; }
  .men40__closing-head { margin: 0 0 6px; color: var(--color-text-dark); font-size: 1.2rem; font-weight: 800; }
  .men40__closing-text { margin: 0 auto; max-width: 820px; color: var(--color-text-secondary); }

  @media (max-width: 980px) {
    .fact { grid-template-columns: 1fr; }
    /* refine sizes on mobile */
    .fact__badge { font-size: 1.3rem; }
    .fact__title { font-size: 1.2rem; margin-bottom: 8px; }
    .fact__text { margin-bottom: 10px; }
    /* Always show image below the text on mobile */
    .fact--left .fact__media { order: 2; }
    .fact--left .fact__content { order: 1; }
    .fact--right .fact__content { order: 1; }
    .fact--right .fact__media { order: 2; }
  }
.men-benefits {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .men-benefits__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .men-benefits__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .men-benefits__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .men-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .benefit-card {
    background-color: var(--color-white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
  }

  .benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  }

  .benefit-card__image {
    position: relative;
    height: 200px;
    overflow: hidden;
  }

  .benefit-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .benefit-card:hover .benefit-card__image img {
    transform: scale(1.05);
  }


  .benefit-card__content {
    padding: 24px;
  }

  .benefit-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--color-text-dark);
    margin: 0 0 12px 0;
    line-height: 1.3;
  }

  .benefit-card__description {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0;
  }


  /* Responsive */
  @media (max-width: 768px) {
    .men-benefits {
      padding: 60px 0;
    }

    .men-benefits__title {
      font-size: 2rem;
    }

    .men-benefits__grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .benefit-card__image {
      height: 160px;
    }
  }

  @media (max-width: 1024px) {
    .men-benefits__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }
  }

  @media (max-width: 768px) {
    .men-benefits__grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }
  }
.men-problem { padding: 72px 0; background: #fff; }
  .men-problem .container { max-width: 1200px; margin: 0 auto; }
  .men-problem__header { text-align: center; margin-bottom: 28px; }
  /* Eyebrow styles now in global snippet */
  .men-problem__heading { font-size: 2.1rem; font-weight: 800; letter-spacing: -.01em; margin: 0 0 8px; color: var(--color-text-dark); font-family: var(--font-heading); }
  .men-problem__subheading { max-width: 760px; margin: 0 auto; color: var(--color-text-secondary); font-family: var(--font-body); }

  .men-problem__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
  .pain-card { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border: 1px solid var(--color-border-gray); border-radius: 14px; background: linear-gradient(135deg, rgba(0,171,199,.04) 0%, rgba(0,171,199,.08) 100%); box-shadow: 0 10px 24px rgba(0,0,0,.06); }
  .pain-card__icon { width: 56px; height: 56px; border-radius: 12px; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0,171,199,.2); color: var(--color-emasex-blue); flex-shrink: 0; }
  .pain-card__icon img { max-width: 28px; max-height: 28px; object-fit: contain; }
  .pain-card__title { margin: 2px 0 6px; font-size: 1.05rem; font-weight: 700; color: var(--color-text-dark); font-family: var(--font-heading); }
  .pain-card__caption { margin: 0; color: var(--color-text-secondary); font-family: var(--font-body); }

  .men-problem__note { margin-top: 18px; text-align: center; color: var(--color-text-secondary); font-weight: 600; }

  @media (max-width: 900px) {
    .men-problem__grid { grid-template-columns: 1fr; }
  }
.men-select { background:#fff; padding:80px 40px; }
  .men-select__inner { max-width:1080px; margin:0 auto; } /* Slimmer container for smaller cards */
  .men-select__header { text-align:center; margin-bottom:40px; } /* More compact */
  .men-select__header .eyebrow {
    margin-bottom: 16px;
  }
  .men-select__title { 
    font-weight: 700; 
    font-size: 42px; 
    color: #1A1A1A; 
    letter-spacing: -0.8px; 
    margin: 0 0 18px; 
    font-family: var(--font-heading); 
    line-height: 1.2;
  }
  .men-select__subtitle { 
    font-size: 18px; 
    color: #6C7480; 
    line-height: 1.6; 
    margin: 0 auto; 
    max-width: 800px; 
    font-family: var(--font-body); 
    font-weight: 400;
  }

  .men-select__grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 28px; /* Reduced gap for slimmer cards */
    align-items: stretch; 
  }
  @media (max-width:1024px){ 
    .men-select__grid { 
      grid-template-columns: 1fr; 
      gap: 32px; 
    } 
  }

  /* === PHASE 11: Edge-to-Edge Product Images + Compact Layout === */
  .p-card { 
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFD 100%); 
    border: 1px solid #E6EAEE; 
    border-radius: 18px; 
    padding: 0; /* Remove padding for edge-to-edge effect */
    position: relative; 
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); 
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.06);
    overflow: hidden; /* Ensure image stays within rounded corners */
  }
  .p-card:hover { 
    transform: translateY(-8px); 
    box-shadow: 0px 20px 40px rgba(0, 174, 199, 0.15); 
    border-color: rgba(0, 174, 199, 0.3);
  }
  /* Unified cyan aesthetic - no accent color variations */

  .p-card__badge { 
    position: absolute; 
    top: 12px; 
    right: 12px; 
    background: rgba(232, 239, 245, 0.95); /* Slightly transparent over image */
    backdrop-filter: blur(8px); /* Blur effect for premium feel */
    color: #4A6580; 
    padding: 5px 14px; 
    border-radius: 12px; 
    font-weight: 500; 
    font-size: 11px; 
    letter-spacing: 0.3px; 
    text-transform: uppercase;
    z-index: 3; /* Above image */
    pointer-events: none; 
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  }
  /* Bestseller variant - soft amber */
  .p-card__badge[style*="f3a847"],
  .p-card__badge[style*="F3A847"] {
    background: rgba(255, 244, 230, 0.95) !important;
    color: #D97706 !important;
  }
  /* Premium/Add-on variant - soft cyan */
  .p-card__badge[style*="00aec7"],
  .p-card__badge[style*="00AEC7"] {
    background: rgba(240, 249, 255, 0.95) !important;
    color: #0284C7 !important;
  }
  .p-card__media { 
    position: relative; 
    text-align: center; 
    margin-bottom: 0; /* Remove bottom margin for seamless transition */
    padding: 24px 20px 20px 20px; /* Elegant padding: top, sides, bottom for spacing to title */
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(248, 251, 253, 0.4) 100%);
    border-radius: 0; /* Remove inner border radius */
  }
  /* Smooth fade transition to content area */
  .p-card__media::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to bottom, transparent, #FFFFFF);
    pointer-events: none;
    z-index: 2;
  }
  .p-card__media img { 
    width: 100%; /* Full width of card */
    max-width: 200px; /* Limit image size - make smaller */
    height: auto; 
    max-height: 180px; /* Limit height - make smaller */
    display: block; 
    margin: 0 auto; /* Center the smaller image */
    position: relative; 
    z-index: 1; 
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.08));
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    object-fit: contain; /* Maintain aspect ratio */
  }
  .p-card:hover .p-card__media img {
    transform: scale(1.03);
  }
  .p-card__premium { 
    display: none; /* Hide premium label for cleaner edge-to-edge design */
  }
  .p-card__content {
    padding: 0 28px 32px 28px; /* Restore padding to content area only */
    position: relative;
    z-index: 2;
  }
  .p-card__title { 
    font-weight: 700; 
    font-size: 22px; /* Slightly smaller */
    color: #1A1A1A; 
    text-align: center; 
    margin: 0 0 6px; /* Reduced */
    font-family: var(--font-heading); 
    letter-spacing: -0.3px;
    line-height: 1.3;
  }
  .p-card__subtitle { 
    font-size: 13px; /* Slightly smaller */
    color: #6C7480; 
    text-align: center; 
    margin: 0 0 18px; /* Reduced */
    font-weight: 400;
    letter-spacing: 0.2px;
    font-family: var(--font-body); 
  }
  .p-card__divider { 
    width: 36px; /* Slightly smaller */
    height: 2px; 
    border-radius: 2px; 
    margin: 0 auto 18px; /* Reduced */
    background: #E6EAEE; 
    opacity: 0.6;
  }
  .p-card__main { 
    background: transparent; /* Remove gray background for elegance */
    padding: 14px 16px; /* Reduced padding */
    border-radius: 12px; 
    margin-bottom: 16px; /* Reduced */
    border-left: 3px solid #00AEC7; /* Keep accent border only */
    border-top: none;
    border-right: none;
    border-bottom: none;
  }
  .p-card__main-h { 
    font-weight: 600; 
    font-size: 12px; /* Slightly smaller */
    color: #6C7480; 
    margin-bottom: 8px; /* Reduced */
    font-family: var(--font-heading); 
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .p-card__list { 
    list-style: none; 
    padding-left: 0; 
    margin: 0; 
  }
  .p-card__list li { 
    font-size: 13px; /* Slightly smaller */
    line-height: 1.7; /* Tighter */
    color: #3F4652; 
    font-family: var(--font-body); 
    margin-bottom: 3px; /* Reduced */
  }
  .p-card__ideal { 
    margin-bottom: 16px; /* Reduced */
  }
  .p-card__ideal-h { 
    font-weight: 600; 
    font-size: 12px; /* Slightly smaller */
    color: #6C7480; 
    margin-bottom: 10px; /* Reduced */
    font-family: var(--font-heading); 
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .p-card__list--ideal li { 
    color: #3F4652; 
    line-height: 1.8; /* Slightly tighter */
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
  .p-card__list--ideal .tick { 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px; /* Slightly smaller */
    height: 15px;
    flex-shrink: 0;
    color: #00AEC7;
    font-weight: 600;
    font-size: 13px;
    margin-top: 2px; /* Align with first line of text */
  }
  .p-card__list--ideal li > *:not(.tick) {
    flex: 1;
  }
  .p-card__price { 
    margin-top: 20px; /* Reduced */
    padding-top: 18px; /* Reduced */
    border-top: 1px solid #E6EAEE; 
    text-align: center; 
  }
  .p-card__price-old { 
    color: #9CA3AF; 
    text-decoration: line-through; 
    font-size: 15px; /* Slightly smaller */
    margin-bottom: 5px; /* Reduced */
    font-weight: 400;
  }
  .p-card__price-now { 
    font-weight: 700; 
    font-size: 32px; /* Slightly smaller */
    color: #00AEC7; 
    margin-bottom: 5px; /* Reduced */
    letter-spacing: -1px;
    line-height: 1;
  }
  .p-card__price-note { 
    font-size: 12px; /* Slightly smaller */
    color: #9CA3AF; 
    font-weight: 400;
  }
  .p-card__disc { 
    display: inline-block; 
    margin-top: 8px; /* Reduced */
    padding: 5px 12px; /* Reduced */
    border-radius: 8px; 
    color: #fff; 
    font-size: 11px; /* Slightly smaller */
    font-weight: 600; 
    background: linear-gradient(135deg, #00AEC7 0%, #0098AA 100%); 
    box-shadow: 0 4px 12px rgba(0, 174, 199, 0.2);
  }
  .p-card__usp { 
    background: #F0F9FB; 
    padding: 10px 16px; /* Reduced */
    border-radius: 10px; 
    font-weight: 500; 
    font-size: 12px; /* Slightly smaller */
    color: #00AEC7; 
    text-align: center; 
    margin-bottom: 14px; /* Reduced */
    border: 1px solid rgba(0, 174, 199, 0.15);
  }
  .p-card__actions { display:flex; flex-direction:column; gap:10px; margin-top:16px; } /* Reduced gaps */

  .btn { 
    display: inline-block; 
    padding: 13px 28px; /* More compact */
    border-radius: 12px; /* Slightly smaller */
    font-weight: 600; 
    font-size: 14px; /* Slightly smaller */
    text-align: center; 
    cursor: pointer; 
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); 
    text-decoration: none; 
    border: none; 
    letter-spacing: 0.2px;
  }
  .btn--primary { 
    color: #fff; 
    background: linear-gradient(135deg, #00AEC7 0%, #0098AA 100%); 
    border: none; 
    box-shadow: 0 8px 24px rgba(0, 174, 199, 0.25); 
  }
  .btn--primary:hover { 
    transform: translateY(-3px); 
    box-shadow: 0 16px 40px rgba(0, 174, 199, 0.35); 
    filter: brightness(1.05);
  }
  .btn--primary:disabled,
  .btn--disabled { background:#e9ecef; color:#999; cursor:not-allowed; box-shadow:none; transform:none !important; }
  .btn--outline { 
    background: transparent; 
    color: #00AEC7; 
    border: 1.5px solid #00AEC7; 
  }
  .btn--outline:hover { 
    background: #00AEC7; 
    color: #fff; 
    transform: translateY(-2px); 
    box-shadow: 0 8px 20px rgba(0, 174, 199, 0.2);
  }
  .btn--small { 
    padding: 12px 24px; 
    font-size: 13px; 
  }
  .btn--secondary { 
    background: #F8FBFD; 
    color: #00AEC7; 
    border: 1.5px solid #E6EAEE; 
  }
  .btn--secondary:hover { 
    background: #E6EAEE; 
    border-color: #D5EDF2; 
    transform: translateY(-2px); 
  }

  /* Quick Buy Link */
  .p-card__quick-buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    background: transparent;
    border: none;
    color: #00AEC7;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-top: 6px;
    border-radius: 8px;
  }

  .p-card__quick-buy:hover {
    color: #0098AA;
    background: rgba(0, 174, 199, 0.05);
  }

  .p-card__quick-buy svg {
    flex-shrink: 0;
  }

  .p-card__quick-buy.is-loading {
    opacity: 0.6;
    cursor: wait;
  }

  .p-card__quick-buy.is-loading span::after {
    content: '...';
    animation: dots 1.5s steps(4, end) infinite;
  }

  @keyframes dots {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
  }

  /* Pharmacy Link */
  .p-card__pharmacy-link {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #6C7480;
    text-decoration: none;
    margin-top: 10px;
    padding: 8px;
    transition: all 0.3s ease;
    border-radius: 6px;
  }

  .p-card__pharmacy-link:hover {
    color: #00AEC7;
    background: rgba(0, 174, 199, 0.05);
  }

  /* Quick-Buy Panel */
  .qb-overlay { 
    position: fixed; 
    inset: 0; 
    background: rgba(0, 0, 0, 0.5); 
    opacity: 0; 
    pointer-events: none; 
    transition: opacity .4s ease; 
    z-index: 9998; 
    backdrop-filter: blur(2px);
  }
  .qb-overlay.is-active { 
    opacity: 1; 
    pointer-events: all; 
  }
  .qb { 
    position: fixed; 
    top: 0; 
    right: -600px; 
    width: 600px; 
    height: 100vh; 
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFD 100%); 
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.12); 
    z-index: 9999; 
    transition: right .4s cubic-bezier(.4,0,.2,1); 
    overflow-y: auto; 
  }
  .qb.is-active { 
    right: 0; 
  }
  .qb__head { 
    position: sticky; 
    top: 0; 
    background: rgba(255, 255, 255, 0.98); 
    backdrop-filter: blur(10px);
    padding: 28px 32px; 
    border-bottom: 1px solid #E6EAEE; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    z-index: 10; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  }
  .qb__title { 
    font-weight: 700; 
    font-size: 22px; 
    color: #1A1A1A; 
    letter-spacing: -0.3px;
  }
  .qb__close { 
    background: none; 
    border: none; 
    font-size: 32px; 
    color: #9CA3AF; 
    cursor: pointer; 
    padding: 0; 
    line-height: 1; 
    transition: all 0.2s ease;
  }
  .qb__close:hover { 
    color: #00AEC7; 
    transform: scale(1.1);
  }
  .qb__body { padding:32px; }
  .qb__media { text-align:center; margin-bottom:24px; }
  .qb__media img { max-width:200px; height:auto; margin:0 auto; display:block; }
  .qb__info { text-align:center; margin-bottom:32px; }
  .qb__name { font-weight:800; font-size:24px; color:#1a1a1a; margin-bottom:8px; }
  .qb__sub { font-size:16px; color:#666; font-style:italic; }
  .qb__price { background:linear-gradient(135deg,#f8f9fa 0%, #e9ecef 100%); padding:20px; border-radius:12px; text-align:center; margin-bottom:24px; }
  .qb__benefits { margin-bottom:28px; }
  .qb__options { margin-bottom:24px; }
  .qb__opt { 
    border: 1px solid #E6EAEE; 
    border-radius: 14px; 
    padding: 18px 20px; 
    cursor: pointer; 
    transition: all .3s ease; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 14px; 
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  }
  .qb__opt:hover { 
    border-color: #00AEC7; 
    background: #F8FBFD; 
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 174, 199, 0.1);
  }
  .qb__opt.is-selected { 
    border-color: #00AEC7; 
    background: linear-gradient(135deg, #F8FBFD 0%, #F0F9FB 100%); 
    box-shadow: 0 6px 20px rgba(0, 174, 199, 0.15); 
    border-width: 1.5px;
  }
  .qb__opt-l { display:flex; flex-direction:column; }
  .qb__opt-title { font-weight:700; font-size:15px; color:#1a1a1a; margin-bottom:4px; }
  .qb__opt-sub { font-size:13px; color:#666; }
  .qb__opt-r { text-align:right; }
  .qb__opt-price { 
    font-weight: 700; 
    font-size: 20px; 
    color: #00AEC7; 
    letter-spacing: -0.5px;
  }
  .qb__opt-badge { 
    display: inline-block; 
    margin-top: 6px; 
    padding: 4px 12px; 
    border-radius: 8px; 
    font-size: 10px; 
    font-weight: 600; 
    background: linear-gradient(135deg, #00AEC7 0%, #0098AA 100%); 
    color: #fff; 
    letter-spacing: 0.3px;
    text-transform: uppercase;
  }
  .qb__trust { display:flex; justify-content:space-around; flex-wrap:wrap; gap:16px; padding:20px 0; margin-bottom:24px; border-top:1px solid #e9ecef; border-bottom:1px solid #e9ecef; }
  .trust__item { display:flex; flex-direction:column; align-items:center; gap:8px; }
  .trust__icon { 
    font-size: 24px; 
    color: #00AEC7; 
  }
  .trust__txt { font-size:12px; color:#666; text-align:center; }
  .qb__cta { 
    width: 100%; 
    background: linear-gradient(135deg, #00AEC7 0%, #0098AA 100%); 
    color: #fff; 
    border: none; 
    padding: 18px 32px; 
    border-radius: 14px; 
    font-weight: 600; 
    font-size: 16px; 
    cursor: pointer; 
    box-shadow: 0 8px 24px rgba(0, 174, 199, 0.3); 
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); 
    letter-spacing: 0.3px;
  }
  .qb__cta:hover { 
    transform: translateY(-3px); 
    box-shadow: 0 16px 40px rgba(0, 174, 199, 0.4); 
    filter: brightness(1.05);
  }
  .qb__back { 
    display: block; 
    text-align: center; 
    margin-top: 18px; 
    color: #6C7480; 
    text-decoration: none; 
    font-size: 14px;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
  }
  .qb__back:hover {
    color: #00AEC7;
    background: rgba(0, 174, 199, 0.05);
  }

  @media (max-width:768px){
    .men-select { padding:32px 24px; }
    .men-select__header { margin-bottom: 32px; }
    .men-select__title { font-size: 32px; }
    .p-card__media { padding: 20px 16px 16px 16px; } /* Elegant padding on mobile */
    .p-card__media img { width: 100%; max-width: 160px; max-height: 140px; } /* Smaller images on mobile */
    .p-card__content { padding: 0 20px 24px 20px; }
    .p-card__badge { top: 10px; right: 10px; font-size: 10px; padding: 4px 11px; }
    .qb { width:100vw; }
    .qb__body { padding:24px 20px; }
  }
.men-products {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .men-products__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .men-products__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .men-products__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .men-products__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .product-card {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
  }

  .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  }

  .product-card--featured {
    border: 2px solid var(--color-emasex-blue);
    background: linear-gradient(180deg, rgba(0,171,199,.06) 0%, rgba(0,171,199,.02) 100%);
  }

  .product-card--bundle {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  }

  .product-card__image {
    position: relative;
    height: 200px;
    background-color: var(--color-light-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .product-card__image img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
  }

  .product-card__badges {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .product-badge--save {
    background-color: var(--color-red);
    color: var(--color-white);
  }

  .bundle-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  .bundle-product {
    width: 60px;
    height: 80px;
    object-fit: contain;
  }

  .bundle-product--primary {
    transform: rotate(-10deg);
  }

  .bundle-product--secondary {
    transform: rotate(10deg);
    margin-left: -20px;
  }

  .bundle-plus {
    position: absolute;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-emasex-blue);
    background-color: var(--color-white);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .product-card__content {
    padding: 24px;
  }

  .product-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--color-text-dark);
    margin: 0 0 12px 0;
  }

  .product-card__description {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0 0 20px 0;
  }

  .product-card__benefits {
    margin-bottom: 24px;
  }

  .benefit-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }

  .benefit-item__icon {
    color: var(--color-emerald);
    flex-shrink: 0;
  }

  .benefit-item span {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  .product-card__price {
    margin-bottom: 24px;
  }

  .price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-emasex-blue);
  }

  .price-old {
    font-size: 1rem;
    color: var(--color-text-secondary);
    text-decoration: line-through;
    margin-right: 8px;
  }

  .price-unit {
    display: block;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-top: 4px;
  }

  .product-card__actions {
    display: flex;
    gap: 12px;
  }

  .product-card__actions .btn { flex: 1; }

  /* Elegant buttons (customizable colors) */
  .btn.btn--primary {
    background-color: {{ section.settings.btn_primary_bg | default: '#00ABC7' }};
    color: {{ section.settings.btn_primary_text | default: '#ffffff' }};
    border: none; border-radius: 12px; padding: 12px 16px; font-weight: 700;
    box-shadow: 0 6px 18px rgba(0,171,199,.25); transition: transform .15s ease, box-shadow .2s ease;
  }
  .btn.btn--primary:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,171,199,.32); }
  .btn.btn--outline {
    background-color: transparent; color: {{ section.settings.btn_outline_text | default: '#00ABC7' }}; border: 2px solid currentColor; border-radius: 12px; padding: 10px 16px; font-weight: 700; transition: background .2s ease, color .2s ease;
  }
  .btn.btn--outline:hover { background-color: rgba(0,171,199,.08); }

  /* Responsive */
  @media (max-width: 768px) {
    .men-products {
      padding: 60px 0;
    }

    .men-products__title {
      font-size: 2rem;
    }

    .men-products__grid {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .product-card__actions {
      flex-direction: column;
    }
  }

  @media (min-width: 1200px) {
    .men-products__grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
.men-science {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .men-science__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .men-science__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .men-science__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .science-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
  }

  .science-card {
    background-color: var(--color-white);
    border: 1px solid var(--color-border-gray);
    border-radius: var(--border-radius-large);
    padding: 32px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .science-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  }

  .science-card__header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
  }

  .science-card__icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--color-emasex-blue) 0%, var(--color-emerald) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    flex-shrink: 0;
  }

  .science-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--color-text-dark);
    margin: 0;
    flex: 1;
  }

  .science-card__badge {
    background-color: var(--color-emerald);
    color: var(--color-white);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .science-card__description {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 24px 0;
  }

  .science-card__benefits {
    margin-bottom: 24px;
  }

  .benefit-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
  }

  .benefit-item__icon {
    color: var(--color-emerald);
    flex-shrink: 0;
  }

  .benefit-item span {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  .science-card__stats {
    display: flex;
    gap: 24px;
  }

  .stat-item {
    text-align: center;
  }

  .stat-number {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-emasex-blue);
    line-height: 1;
  }

  .stat-label {
    display: block;
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    margin-top: 4px;
  }

  /* Science Infographic */
  .science-infographic {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-radius: var(--border-radius-large);
    padding: 40px;
    text-align: center;
  }

  .infographic-header {
    margin-bottom: 40px;
  }

  .infographic-title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--color-text-dark);
    margin: 0 0 8px 0;
  }

  .infographic-subtitle {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
  }

  .infographic-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .flow-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    min-width: 150px;
  }

  .flow-step__icon {
    width: 64px;
    height: 64px;
    background-color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-emasex-blue);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }

  .flow-step__title {
    font-weight: 600;
    font-size: 1rem;
    color: var(--color-text-dark);
    margin: 0 0 4px 0;
  }

  .flow-step__description {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin: 0;
    text-align: center;
  }

  .flow-arrow {
    color: var(--color-emasex-blue);
    flex-shrink: 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .men-science {
      padding: 60px 0;
    }

    .men-science__title {
      font-size: 2rem;
    }

    .science-grid {
      grid-template-columns: 1fr;
      gap: 30px;
      margin-bottom: 60px;
    }

    .science-card {
      padding: 24px;
    }

    .science-card__header {
      flex-direction: column;
      text-align: center;
      gap: 12px;
    }

    .science-card__stats {
      justify-content: center;
    }

    .infographic-flow {
      flex-direction: column;
      gap: 30px;
    }

    .flow-arrow {
      transform: rotate(90deg);
    }

    .science-infographic {
      padding: 30px 20px;
    }
  }

  @media (min-width: 1200px) {
    .science-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
.men-testimonials {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  }

  .men-testimonials__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .men-testimonials__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .men-testimonials__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .men-testimonials__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
  }

  .testimonial-card {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  }

  .testimonial-card__rating {
    margin-bottom: 20px;
  }

  .rating-stars {
    display: flex;
    gap: 2px;
  }

  .rating-star {
    color: var(--color-amber);
  }

  .testimonial-card__quote {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text-dark);
    margin: 0 0 24px 0;
    font-style: italic;
    position: relative;
  }

  .testimonial-card__quote::before {
    content: '"';
    font-size: 3rem;
    color: var(--color-emasex-blue);
    position: absolute;
    top: -10px;
    left: -10px;
    font-family: serif;
  }

  .testimonial-card__author {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .author-info {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
  }

  .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .author-name {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--color-text-dark);
    margin: 0 0 2px 0;
  }

  .author-age {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    margin: 0;
  }

  .testimonial-product {
    flex-shrink: 0;
  }

  .product-tag {
    background-color: var(--color-emasex-blue);
    color: var(--color-white);
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
  }

  /* Trust Indicators */
  .men-testimonials__trust {
    text-align: center;
  }

  .trust-stats {
    display: flex;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
  }

  .trust-stat {
    text-align: center;
  }

  .trust-stat__number {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-emasex-blue);
    line-height: 1;
  }

  .trust-stat__label {
    display: block;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-top: 8px;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .men-testimonials {
      padding: 60px 0;
    }

    .men-testimonials__title {
      font-size: 2rem;
    }

    .men-testimonials__grid {
      grid-template-columns: 1fr;
      gap: 20px;
      margin-bottom: 40px;
    }

    .testimonial-card {
      padding: 24px;
    }

    .testimonial-card__author {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .trust-stats {
      gap: 40px;
    }

    .trust-stat__number {
      font-size: 1.5rem;
    }
  }

  @media (min-width: 1200px) {
    .men-testimonials__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
.men-women-split {
    padding: 100px 0;
    background-color: var(--color-light-gray);
  }

  .split__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
  }

  .split__section {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .split__image {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  }

  .split__image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
  }

  .lifestyle-placeholder {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px dashed var(--color-border-gray);
  }

  .lifestyle-placeholder--men {
    background: linear-gradient(135deg, rgba(0, 171, 199, 0.1) 0%, rgba(0, 171, 199, 0.05) 100%);
  }

  .lifestyle-placeholder--women {
    background: linear-gradient(135deg, rgba(207, 25, 112, 0.1) 0%, rgba(207, 25, 112, 0.05) 100%);
  }

  .placeholder-content {
    text-align: center;
    color: var(--color-text-secondary);
  }

  .placeholder-icon {
    font-size: 3rem;
    margin-bottom: 16px;
  }

  .split__text {
    padding: 0 16px;
  }

  .split__headline {
    font-size: 2rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 20px;
    line-height: 1.2;
  }

  .split__description {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin-bottom: 32px;
  }

  .split__benefits {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
    font-size: 1.125rem; /* match description size on desktop */
  }

  .benefit-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    color: var(--color-text-dark);
    font-size: inherit; /* inherit from container to stay in sync */
  }

  .benefit-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    color: #0e1116;
  }

  .split__section--men .benefit-icon { background-color: rgba(0,171,199,.15); box-shadow: 0 0 0 6px rgba(0,171,199,.08); }
  .split__section--men .benefit-icon svg { stroke: #00ABC7; fill: none; }

  .split__section--women .benefit-icon { background-color: rgba(207,25,112,.15); box-shadow: 0 0 0 6px rgba(207,25,112,.08); }
  .split__section--women .benefit-icon svg { stroke: #CF1970; fill: none; }

  /* Responsive Design */
  @media (max-width: 768px) {
    .men-women-split {
      padding: 60px 0;
    }

    .split__content {
      grid-template-columns: 1fr;
      gap: 60px;
    }

    .split__headline {
      font-size: 1.75rem;
    }

    .split__description { font-size: 1rem; }
    .split__benefits { font-size: 1rem; }

    .split__image img,
    .lifestyle-placeholder {
      height: 300px;
    }
  }

  @media (max-width: 480px) {
    .split__text {
      padding: 0;
    }

    .split__headline {
      font-size: 1.5rem;
    }

    .split__benefits { gap: 12px; }
  }
.prob {  
  --accent: var(--color-emasex-blue, #00abc7);
  /* Force men gradient to blue (no pink carryover) */
  background: linear-gradient(180deg, rgba(0,171,199,.08) 0%, #ffffff 70%);
  padding: 64px 0;
}
.prob__container { max-width: 1140px; margin: 0 auto; padding: 0 22px; }
/* Eyebrow styles now in global snippet */
/* Match headline scale with other section headings */
.prob__headline { font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 800; letter-spacing: -.02em; color: #0e1116; margin: 0 0 24px; }

.prob__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: start; }

.kpi-card { background: radial-gradient(120% 120% at 0% 0%, #ffffff 0%, color-mix(in srgb, var(--accent) 10%, #eef6f9) 80%); border-radius: 18px; padding: 28px; box-shadow: 0 18px 50px rgba(14,17,22,.08); border: 1px solid rgba(0,0,0,.05); width: min(420px, 100%); }
.kpi__num { display: flex; align-items: baseline; gap: 6px; font-weight: 900; color: #0e1116; }
.kpi__val { font-size: clamp(3rem, 10vw, 5rem); line-height: .9; }
.kpi__unit { font-size: clamp(1.25rem, 4vw, 2rem); }
.kpi__text { margin-top: 10px; color: #4b5563; font-size: 1.05rem; }

.prob__list { list-style: none; margin: 0; padding: 0; border-left: 2px solid #e5e7eb; }
.prob__item { position: relative; display: flex; align-items: center; gap: 12px; padding: 16px 14px 16px 18px; transform: none; opacity: 1; border-left: 2px solid transparent; transition: transform .35s ease, opacity .35s ease, border-color .2s ease, box-shadow .2s ease; }
.prob__item:hover { border-left-color: var(--accent); transform: translateX(6px); box-shadow: 0 10px 26px rgba(0,171,199,.10); }
.prob__icon { width: 26px; height: 26px; border-radius: 999px; background: var(--accent); color: #fff; display: inline-grid; place-items: center; font-weight: 800; }
.prob__content { display: flex; flex-direction: column; }
.prob__title { color: #0e1116; font-weight: 700; }
.prob__desc { color: #5b6470; font-size: .95rem; margin-top: 2px; }

.prob__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; }
.prob__footnote { color: #6b7280; font-size: .95rem; }
.prob__cta { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 22px; border-radius: 12px; background: var(--accent); color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 12px 30px rgba(0,171,199,.28); }
.prob__cta:hover { transform: translateY(-1px); box-shadow: 0 16px 34px rgba(0,171,199,.35); }

@media (max-width: 980px) {
  .prob { padding: 48px 0; }
  .prob__grid { grid-template-columns: 1fr; gap: 28px; }
  .prob__footer { flex-direction: column; align-items: flex-start; }
  .prob__cta { width: 100%; }
}

/* Scoped hard overrides to avoid bleed from other sections (e.g., Product Hero 2) */
.prob.prob--men { 
  background: linear-gradient(180deg, rgba(0,171,199,.08) 0%, #ffffff 70%) !important;
}
/* Eyebrow styles now in global snippet */
/* Prevent inherited color overrides from global rules */
.prob.prob--men * { color: inherit; }
/* Ensure items are visible even if an external rule hides them */
.prob.prob--men .prob__item { opacity: 1 !important; transform: none !important; }
/* Guard left border color if a global style overrides it */
.prob.prob--men .prob__list { border-left: 2px solid #e5e7eb !important; }
/* KPI card and CTA/button/icon enforce EMASEX blue (override any pink theme bleed) */
.prob.prob--men .kpi-card {
  background: radial-gradient(120% 120% at 0% 0%, #ffffff 0%, rgba(0,171,199,0.12) 80%) !important;
  border: 1px solid rgba(0,171,199,0.18) !important;
  box-shadow: 0 18px 50px rgba(0,171,199,0.12) !important;
}
.prob.prob--men .kpi__num, .prob.prob--men .kpi__val, .prob.prob--men .kpi__unit { color: #00abc7 !important; }
.prob.prob--men .prob__cta { 
  background: #00abc7 !important; 
  box-shadow: 0 12px 30px rgba(0,171,199,.28) !important; 
}
.prob.prob--men .prob__cta:hover { 
  box-shadow: 0 16px 34px rgba(0,171,199,.35) !important; 
}
.prob.prob--men .prob__icon { background: #00abc7 !important; color: #ffffff !important; }
.prob { --accent: var(--color-magenta, #CF1970); background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, #ffffff) 0%, #ffffff 70%); padding: 64px 0; }
.prob__container { max-width: 1140px; margin: 0 auto; padding: 0 22px; }
.prob__eyebrow { text-transform: uppercase; letter-spacing: .1em; color: #4b5563; font-weight: 700; font-size: .8rem; margin-bottom: 8px; }
.prob__headline { font-size: clamp(2rem, 6vw, 3.5rem); font-weight: 800; letter-spacing: -.02em; color: #0e1116; margin: 0 0 24px; }
.prob__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: start; }
.kpi-card { background: radial-gradient(120% 120% at 0% 0%, #ffffff 0%, color-mix(in srgb, var(--accent) 10%, #fff0f6) 80%); border-radius: 18px; padding: 28px; box-shadow: 0 18px 50px rgba(14,17,22,.08); border: 1px solid rgba(0,0,0,.05); width: min(420px, 100%); }
.kpi__num { display: flex; align-items: baseline; gap: 6px; font-weight: 900; color: #0e1116; }
.kpi__val { font-size: clamp(3rem, 10vw, 5rem); line-height: .9; }
.kpi__unit { font-size: clamp(1.25rem, 4vw, 2rem); }
.kpi__text { margin-top: 10px; color: #4b5563; font-size: 1.05rem; }
.prob__list { list-style: none; margin: 0; padding: 0; border-left: 2px solid #e5e7eb; }
.prob__item { position: relative; display: flex; align-items: center; gap: 12px; padding: 16px 14px 16px 18px; transform: translateX(10px); opacity: 0; border-left: 2px solid transparent; transition: transform .35s ease, opacity .35s ease, border-color .2s ease, box-shadow .2s ease; }
.prob__item:hover { border-left-color: var(--accent); transform: translateX(6px); box-shadow: 0 10px 26px rgba(207,25,112,.10); }
.prob__icon { width: 26px; height: 26px; border-radius: 999px; background: var(--accent); color: #fff; display: inline-grid; place-items: center; font-weight: 800; }
.prob__content { display: flex; flex-direction: column; }
.prob__title { color: #0e1116; font-weight: 700; }
.prob__desc { color: #5b6470; font-size: .95rem; margin-top: 2px; }
.prob__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; }
.prob__footnote { color: #6b7280; font-size: .95rem; }
.prob__cta { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 22px; border-radius: 12px; background: var(--accent); color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 12px 30px rgba(207,25,112,.28); }
.prob__cta:hover { transform: translateY(-1px); box-shadow: 0 16px 34px rgba(207,25,112,.35); }
@media (max-width: 980px) { .prob { padding: 48px 0; } .prob__grid { grid-template-columns: 1fr; gap: 28px; } .prob__footer { flex-direction: column; align-items: flex-start; } .prob__cta { width: 100%; } }
.product-benefits {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .product-benefits__content {
    max-width: 1200px;
    margin: 0 auto;
  }

  .product-benefits__header {
    text-align: center;
    margin-bottom: 60px;
  }

  /* Eyebrow styles now in global snippet */

  .product-benefits__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 20px 0;
  }

  .product-benefits__description {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .benefits-slider {
    max-width: 1200px;
    margin: 0 auto;
  }

  .benefits-slider__container {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding: 0 40px 0 20px; /* extra right pad to reveal a partial next card */
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
  }

  .benefits-slider__container::-webkit-scrollbar {
    display: none;
  }

  .benefit-tile {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 171, 199, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex: 0 0 300px;
    scroll-snap-align: start;
    border: 1px solid rgba(0, 171, 199, 0.1);
    min-width: 300px;
  }

  .benefit-tile:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 171, 199, 0.2);
  }

  .benefit-tile__image {
    position: relative;
    height: 200px;
    overflow: hidden;
  }

  .benefit-tile__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .benefit-tile:hover .benefit-tile__image img {
    transform: scale(1.05);
  }

  .benefit-tile__placeholder {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--color-emasex-blue) 0%, #0088a3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .benefit-tile__icon {
    color: var(--color-white);
  }

  .benefit-tile__content {
    padding: 24px;
  }

  .benefit-tile__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0 0 12px 0;
  }

  .benefit-tile__description {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0;
  }

  /* Slider Controls */
  .benefits-slider__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
  }

  .slider-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--color-emasex-blue);
    background-color: var(--color-white);
    color: var(--color-emasex-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .slider-btn:hover {
    background-color: var(--color-emasex-blue);
    color: var(--color-white);
  }

  .slider-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .slider-dots {
    display: flex;
    gap: 8px;
  }

  .slider-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background-color: rgba(0, 171, 199, 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .slider-dot--active {
    background-color: var(--color-emasex-blue);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .product-benefits {
      padding: 60px 0;
    }

    .product-benefits__header {
      margin-bottom: 40px;
    }

    .product-benefits__headline {
      font-size: 2rem;
    }

    .benefit-tile { flex: 0 0 260px; }

    .benefit-tile__content {
      padding: 20px;
    }
  }

  @media (min-width: 1200px) {
    .benefit-tile { flex: 0 0 340px; }
  }
.product-faq {
    padding: 80px 0;
    background-color: var(--color-light-gray);
  }

  .product-faq__content {
    max-width: 800px;
    margin: 0 auto;
  }

  .product-faq__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .product-faq__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0;
  }

  .faq-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .faq-item {
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s ease;
  }

  .faq-item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  }

  .faq-item__question {
    width: 100%;
    padding: 24px 32px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: background-color 0.2s ease;
  }

  .faq-item__question:hover {
    background-color: var(--color-light-gray);
  }

  .faq-item__question-text {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.4;
    color: var(--color-text-dark);
    flex: 1;
  }

  .faq-item__icon {
    color: var(--color-emasex-blue);
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }

  .faq-item.active .faq-item__icon {
    transform: rotate(180deg);
  }

  .faq-item__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }

  .faq-item.active .faq-item__answer {
    max-height: 200px;
  }

  .faq-item__answer-content {
    padding: 0 32px 24px 32px;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .product-faq {
      padding: 60px 0;
    }

    .product-faq__header {
      margin-bottom: 40px;
    }

    .product-faq__headline {
      font-size: 1.875rem;
    }

    .faq-item__question {
      padding: 20px 24px;
    }

    .faq-item__question-text {
      font-size: 1rem;
    }

    .faq-item__answer-content {
      padding: 0 24px 20px 24px;
    }
  }
.product-hero-2 {
    padding: 40px 0;
    background-color: var(--color-white);
    /* overflow-x removed - it breaks position: sticky */
}

  /* Align section with global container */
  .product-hero-2 .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.product-hero-2__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
    gap: 60px;
  align-items: start;
}

  .product-hero-2__image {
    position: sticky;
    top: 20px;
    align-self: flex-start;
  }

  /* Removed parallax transform for clean sticky behavior */

  .product-image {
  width: 100%;
  height: auto;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }

  .product-image-frame { position: relative; width: 100%; max-width: 100%; }
  .image-nav { position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; transition: opacity .2s ease; background: rgba(14,17,22,.6); color: #fff; border: 0; width: 36px; height: 36px; border-radius: 9999px; display: grid; place-items: center; cursor: pointer; }
  .image-nav--prev { left: 10px; }
  .image-nav--next { right: 10px; }
  .product-image-frame:hover .image-nav { opacity: 1; }
  .product-thumbs { display: grid; grid-auto-flow: column; gap: 10px; margin-top: 10px; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .thumb { border: 2px solid transparent; padding: 0; background: transparent; border-radius: 8px; overflow: hidden; cursor: pointer; }
  .thumb.active { border-color: var(--color-emasex-blue, #00abc7); }
  .thumb img { display: block; width: 64px; height: 64px; object-fit: cover; }

  .product-image-placeholder {
    width: 100%;
    height: 400px;
    background-color: var(--color-light-gray);
    border-radius: 12px;
  display: flex;
  align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
  }

  .product-hero-2__content {
    padding: 20px 0;
  }

  /* Trust Badge Hero - Minimalistisch dezent */
  .trust-badge-hero {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: transparent;
    border: 1px solid rgba(74, 85, 98, 0.2);
    border-radius: 5px;
    box-shadow: none;
    backdrop-filter: none;
    margin-bottom: 10px;
    margin-top: 0;
    transition: opacity 0.2s ease, border-color 0.2s ease;
    max-width: fit-content;
    width: auto;
    position: relative;
    z-index: 1;
    /* Isolated - does not affect grid layout */
    flex-shrink: 0;
    vertical-align: top;
    opacity: 0.75;
  }

  .trust-badge-hero:hover {
    opacity: 1;
    border-color: rgba(74, 85, 98, 0.35);
  }

  .trust-badge-hero__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    opacity: 0.8;
  }

  .trust-badge-hero__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .trust-badge-hero__text {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-secondary, #4A5562);
    letter-spacing: 0.01em;
    line-height: 1.4;
    font-family: var(--font-primary--family);
    white-space: nowrap;
  }

  /* Guard against overflow from long headings and app widgets */
  .product-title { word-break: break-word; overflow-wrap: anywhere; }
  .product-hero-2__content, .product-hero-2__content * { max-width: 100%; }
  .product-hero-2__content [data-shopify],
  .product-hero-2__content [data-block],
  .product-hero-2__content .loop-widget,
  .product-hero-2__content .loop-block-tight { width: 100% !important; overflow: hidden; }

  /* Judge.me rating badge spacing above the title */
  .product-hero__rating-badge {
    margin-bottom: 12px;
  }
  
  /* Hide the preview widget (shows "3 sample reviews") */
  .product-hero__rating-badge.jdgm-preview-badge[data-auto-install="false"] {
    display: none !important;
  }
  
  /* Style the real widget container */
  #judge-me-rating-under-title {
    margin-bottom: 12px;
  }
  
  /* Ensure real widget is visible when moved */
  #judge-me-rating-under-title .jdgm-widget {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Pharmacy CTA */
  /* Trust Shipping Text - Elegant, compact design */
  .trust-shipping {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0;
    padding: 0;
    background: transparent;
    border: none;
  }

  .trust-shipping__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    opacity: 0.7;
  }

  .trust-shipping__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .trust-shipping__text {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-secondary, #4A5562);
    line-height: 1.4;
    font-family: var(--font-primary--family);
    letter-spacing: 0.01em;
  }

  .pharmacy-cta { margin: 8px 0 16px; }
  .pharmacy-toggle {
    display: inline-flex;
    gap: 8px;
  align-items: center;
    justify-content: center;
    width: 100%;
    border: 2px solid var(--color-emasex-blue);
    background: transparent;
    color: var(--color-emasex-blue);
    border-radius: 8px;
    transition: box-shadow .2s ease, background-color .2s ease;
  }
  .pharmacy-toggle:hover { box-shadow: 0 0 0 4px rgba(0,171,199,.08); background: rgba(0,171,199,.04); }
  
  /* Elegantes Arrow Icon Styling - Verbesserte Version */
  .pharmacy-cta .toggle-icon { 
    flex-shrink: 0 !important;
    width: 14px !important; /* Etwas kleiner für Eleganz */
    height: 14px !important;
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s ease !important;
    opacity: 0.75 !important; /* Deutlicher sichtbarer Unterschied */
    margin-left: 4px !important; /* Mehr Abstand zum Text */
  }
  
  .pharmacy-toggle:hover .toggle-icon {
    opacity: 1 !important;
    transform: translateY(1px); /* Leichte Bewegung beim Hover */
  }
  
  .pharmacy-cta.is-open .toggle-icon { 
    transform: rotate(180deg) !important;
    opacity: 1 !important;
  }

  /* Ausverkauft Button Styling */
  .btn--out-of-stock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 24px;
    border: 2px solid #D1D5DB;
    background: #F9FAFB;
    color: #6B7280;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    cursor: not-allowed;
    transition: all 0.2s ease;
    opacity: 0.7;
  }
  .btn--out-of-stock:hover {
    opacity: 0.8;
    box-shadow: none;
  }

  .pharmacy-logos-collapsed {
  display: flex;
  align-items: center;
    gap: 18px;
    margin-top: 10px;
  }
  .pharmacy-logo { width: 120px; height: 30px; display: inline-flex; align-items: center; justify-content: center; }
  .pharmacy-logo img { max-height: 24px; max-width: 100%; object-fit: contain; filter: grayscale(100%) opacity(.8); transition: filter .2s ease; }
  .pharmacy-logo:hover img { filter: none; }
  .pharmacy-more { margin-left: auto; font-size: .8rem; color: var(--color-text-secondary); cursor: pointer; text-decoration: underline; }

  .pharmacy-panel { 
    overflow: hidden;
    transition: opacity .26s ease;
    opacity: 1;
    margin-top: 10px;
  }
  .pharmacy-note { margin: 0 0 8px; color: var(--color-text-secondary); font-size: .9rem; }
  .pharmacy-note--visible { margin: 16px 0 12px; display: block; }
  .pharmacy-cta.is-open .pharmacy-note--visible { display: none; }
  .pharmacy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .pharmacy-card { display: flex; align-items: center; justify-content: center; height: 60px; padding: 8px 12px; border: 1px solid var(--color-border-gray); border-radius: 10px; text-decoration: none; color: var(--color-text-dark); transition: transform .2s ease, box-shadow .2s ease; background-color: #fff; }
  .pharmacy-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.06); }
  .pharmacy-card img { max-height: 36px; max-width: 90%; object-fit: contain; }
  .pharmacy-close { margin-top: 10px; background: none; border: none; color: var(--color-emasex-blue); font-weight: 600; cursor: pointer; }
  /* Hide collapsed logos when panel open */
  .pharmacy-cta.is-open .pharmacy-logos-collapsed { display: none; }

  /* Quality Promise Box */
  .quality-promise { display: flex; gap: 12px; padding: 16px 18px; border: none; border-radius: 12px; background: #f6f7f9; box-shadow: none; margin: 16px 0; }
  .quality-promise__icon { color: var(--color-text-secondary); flex-shrink: 0; display: flex; align-items: start; }
  .quality-promise__title { margin: 0 0 6px 0; font-weight: 700; font-size: 1rem; color: var(--color-text-dark); }
  .quality-promise__text { color: var(--color-text-secondary); font-size: .95rem; line-height: 1.6; }

  @media (max-width: 768px) {
    .pharmacy-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 480px) {
    .pharmacy-grid { grid-template-columns: 1fr; }
  }

  .product-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
    line-height: 1.2;
  }

  .product-rating {
  display: flex;
  align-items: center;
  gap: 8px;
    margin-bottom: 20px;
}

  .stars {
  display: flex;
  gap: 2px;
}

.star {
    color: #fbbf24;
    font-size: 1.2rem;
}

.rating-text {
    color: var(--color-text-secondary);
    font-size: 0.9rem;
  }

  .product-description {
    font-size: 1.1rem;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin-bottom: 12px; /* add breathing room below description */
  }

  .product-hero__eyebrow {
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-emasex-blue, #00ABC7);
    margin-bottom: 8px;
    font-weight: 600;
  }

  .product-hero__subheading {
    font-size: 1.05rem;
    color: var(--color-text-secondary, #4A5562);
    line-height: 1.6;
    margin: 12px 0 20px;
  }

  .product-hero__primary-cta {
    margin: 20px 0 12px;
  }

  .product-hero__cta-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
  }

  .product-hero__cta-link {
    border: 1px solid rgba(0, 171, 199, 0.3);
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 0.95rem;
    color: var(--color-text-dark, #101419);
    text-decoration: none;
    background: #ffffff;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
  }

  .product-hero__cta-link:hover {
    border-color: var(--color-emasex-blue, #00ABC7);
    color: var(--color-emasex-blue, #00ABC7);
  }
  /* Reset RTE paragraph margins within description - ensure p tags match description */
  .product-hero-2__content .product-description p {
    margin: 0 0 4px !important;
    font-size: 1.1rem !important; /* match description size exactly */
    line-height: 1.3 !important; /* match description line-height */
    color: var(--color-text-dark) !important;
    font-weight: 400 !important;
  }
  .product-hero-2__content .product-description p:last-child {
    margin-bottom: 0 !important;
  }

  .product-bullets {
    margin-top: 8px; /* spacing between description and bullets */
    margin-bottom: 8px;
    padding: 0;
    list-style: none;
  }

.benefit-item {
  display: flex;
  align-items: center;
  gap: 10px;
    margin-bottom: 4px; /* tighter */
  }

  .benefit-icon {
    --magenta: #CF1970;
    display: inline-flex;
  align-items: center;
  justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 9999px;
    background: var(--magenta);
    color: #fff !important; /* force white checkmark */
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
  }

  .benefit-text {
    color: var(--color-text-dark) !important; /* match description color exactly */
    font-size: 1.1rem !important; /* match description size exactly */
    line-height: 1.6 !important; /* bullets only - different from description */
    font-weight: 400 !important; /* ensure same weight as description */
    font-family: inherit !important; /* ensure same font family */
  }

  .product-price {
    margin-bottom: 32px;
  }

  .price-current {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text-dark);
  }

  .price-compare {
    font-size: 1.2rem;
    color: var(--color-text-secondary);
    text-decoration: line-through;
    margin-left: 12px;
  }

  .product-form { margin-bottom: 4px; }

  /* JS helpers for image switching */
  .js-main-image { transition: opacity .15s ease; }

  /* Nudge Loop app block closer to bullets */
  .product-hero-2__content .product-hero__loop-widget,
  .product-hero-2__content [data-shopify],
  .product-hero-2__content [data-block],
  .product-hero-2__content .loop-widget,
  .product-hero-2__content .loop-block-tight,
  .product-hero-2__content > div:has(script[src*="loop"]) {
    margin-top: 4px !important;
    padding-top: 0 !important;
  }

  /* Defensive reset for unknown app-block wrappers above widget */
  .product-hero-2__content > .shopify-block, 
  .product-hero-2__content > .shopify-app-block,
  .product-hero-2__content > .apps,
  .product-hero-2__content > [class*="app" i] {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Try to remove space inserted by immediate sibling before widget */
  .product-hero-2__content .product-bullets + * { margin-top: 4px !important; padding-top: 0 !important; }
  .product-hero-2__content .product-bullets + div > *:first-child { margin-top: 0 !important; }
  .product-hero-2__content .product-bullets + .loop-block-tight { margin-top: 4px !important; }

  /* Hide Loop Subscription Widget and Buy Now Button (only when toggle is enabled) */
  .product-hero-2--hide-loop .product-hero-2__content .loop-block-tight,
  .product-hero-2--hide-loop .product-hero-2__content [data-loop-wrapper],
  .product-hero-2--hide-loop .product-hero-2__content .loop-widget,
  .product-hero-2--hide-loop .product-hero-2__content > div:has(script[src*="loop"]),
  .product-hero-2--hide-loop .product-hero-2__content > div:has(script[src*="loopify"]),
  .product-hero-2--hide-loop .product-hero-2__content .btn--add-to-cart,
  .product-hero-2--hide-loop .product-hero-2__content #add-to-cart-btn {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Remove row-gap or global gaps from content stack */
  .product-hero-2__content { row-gap: 0 !important; gap: 0 !important; }
  .product-hero-2__content > * { margin-top: 0 !important; }

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  padding: 16px 32px;
  border-radius: 8px;
    font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
    border: none;
  cursor: pointer;
    transition: all 0.3s ease;
  width: 100%;
    margin-bottom: 12px;
}

.btn--primary {
    background-color: var(--color-emasex-blue);
    color: var(--color-white);
}

.btn--primary:hover {
    background-color: #0088A3;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 171, 199, 0.3);
}

.btn--secondary {
    background-color: transparent;
    color: var(--color-emasex-blue);
    border: 2px solid var(--color-emasex-blue);
}

.btn--secondary:hover {
    background-color: var(--color-emasex-blue);
    color: var(--color-white);
  }
  .btn { max-width: 100%; }

  .trust-badges {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 32px 0;
  }

  .trust-badge {
  display: flex;
  align-items: center;
  gap: 12px;
    padding: 12px 16px;
    background-color: #f8f9fa;
  border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--color-text-dark);
  }

  .product-details {
    margin-top: 32px;
  }

  .detail-item {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 16px;
  }

  .detail-summary {
  display: flex;
    justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  cursor: pointer;
  font-weight: 500;
    color: var(--color-text-dark);
    list-style: none;
  }

  .detail-summary::-webkit-details-marker {
    display: none;
  }

  .detail-icon {
    transition: transform 0.3s ease;
  }

  .detail-item[open] .detail-icon {
  transform: rotate(180deg);
}

  .detail-content {
  padding: 0 0 16px 0;
    color: var(--color-text-secondary);
  line-height: 1.6;
  }

  .detail-content__rich-text {
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

  .detail-content__rich-text p {
    margin: 0 0 12px 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

  .detail-content__rich-text p:last-child {
    margin-bottom: 0;
  }

  .detail-content__rich-text ul,
  .detail-content__rich-text ol {
    margin: 12px 0;
    padding-left: 24px;
    color: var(--color-text-secondary);
  }

  .detail-content__rich-text li {
    margin-bottom: 8px;
    line-height: 1.6;
  }

  .detail-content__rich-text strong,
  .detail-content__rich-text b {
    font-weight: 600;
    color: var(--color-text-dark);
  }

  .detail-content__rich-text em,
  .detail-content__rich-text i {
    font-style: italic;
  }

  .detail-content__rich-text a {
    color: var(--color-emasex-blue, #00AEC7);
    text-decoration: underline;
    transition: color 0.2s ease;
  }

  .detail-content__rich-text a:hover {
    color: var(--color-teal-deep, #0D6E7A);
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .product-hero-2__grid {
      grid-template-columns: 1fr;
      gap: 28px;
    }

    .product-title {
      font-size: 2rem;
    }

    .product-hero-2__image {
      position: static;
    }

    /* Ensure product image scales nicely and is centered */
    .product-image-frame { max-width: 420px; width: 100%; margin: 0 auto; }
    .product-image { width: 100%; height: auto; border-radius: 12px; }
    .product-thumbs { justify-content: center; grid-auto-flow: column; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; padding-bottom: 6px; }
    .thumb img { width: 56px; height: 56px; }

    /* Trust Badge Hero Tablet */
    .trust-badge-hero {
      padding: 3px 8px;
      gap: 5px;
      margin-bottom: 8px;
    }
    .trust-badge-hero__icon {
      width: 15px;
      height: 15px;
    }
    .trust-badge-hero__text {
      font-size: 11.5px;
    }

    .btn {
      padding: 14px 24px;
      font-size: 1rem;
    }

  .trust-badges {
    flex-direction: column;
    }
  }

  @media (max-width: 480px) {
    .product-hero-2 {
      padding: 20px 0;
    }

    .product-hero-2 .container { padding: 0 16px; max-width: 100%; }

    .product-title {
      font-size: 1.8rem;
    }

    /* Trust Badge Hero Small Mobile */
    .trust-badge-hero {
      padding: 3px 7px;
      gap: 5px;
      margin-bottom: 8px;
    }
    .trust-badge-hero__icon {
      width: 14px;
      height: 14px;
    }
    .trust-badge-hero__text {
      font-size: 11px;
    }

    /* Trust Shipping Mobile */
    .trust-shipping {
      gap: 6px;
      margin: 10px 0;
    }
    .trust-shipping__icon {
      width: 16px;
      height: 16px;
    }
    .trust-shipping__text {
      font-size: 12px;
    }

    .product-description {
      font-size: 1rem;
      line-height: 1.3;
    }
    .product-hero-2__content .product-description p {
      font-size: 1rem !important; /* match description size exactly on mobile */
      line-height: 1.3 !important;
    }

    /* Tighter layout on small phones */
    .product-image-frame { max-width: 360px; width: 100%; }
    .benefit-icon { width: 20px; height: 20px; font-size: 12px; }
    .benefit-text { 
      font-size: 1rem !important; /* match description size exactly on mobile */
      line-height: 1.6 !important; /* bullets only - different from description */
      color: var(--color-text-dark) !important; /* match description color exactly */
    }
  }

  /* Ensure Loop App Block visibility inside the product form */
  .product-form [data-shopify],
  .product-form [data-block],
  .product-form .loop-widget,
  .product-form > div:not([class]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 16px 0;
  }

  /* Extra mobile overflow guards */
  @media (max-width: 768px) {
    .product-hero-2,
    .product-hero-2 .container,
    .product-hero-2__grid,
    .product-hero-2__content { overflow-x: hidden; }

    .product-hero-2__content,
    .product-hero-2__content > * { max-width: 100%; width: 100%; }

    .product-hero-2__content .jdgm-widget,
    .product-hero-2__content .jdgm-preview-badge { max-width: 100%; }

    .product-hero-2__content .loop-block-tight,
    .product-hero-2__content [data-shopify],
    .product-hero-2__content [data-block],
    .product-hero-2__content .shopify-block,
    .product-hero-2__content .shopify-app-block {
      width: 100% !important;
      max-width: 100% !important;
      overflow: hidden;
    }

    .product-hero-2__content form,
    .product-hero-2__content form > *,
    .product-hero-2__content .subscription,
    .product-hero-2__content .subscription-group,
    .product-hero-2__content .purchase-options {
      width: 100% !important;
      max-width: 100% !important;
    }

    .product-hero-2 .btn { max-width: 100%; }
  }

  /* ============================================
     EMASEX Upsell Component
     ============================================ */
  .emasex-upsell {
    margin-top: 32px;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
  }
  
  /* Upsell sollte die gleiche Breite wie product-details haben */
  .product-hero-2__content .emasex-upsell {
    width: 100%;
    max-width: 100%;
  }
  
  /* Stelle sicher, dass Upsell nicht breiter als Accordion ist */
  .product-details + .emasex-upsell {
    width: 100%;
    max-width: 100%;
  }

  .emasex-upsell__card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 24px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f0f9fb 0%, #e8f5f8 100%);
    border: 1px solid rgba(0, 171, 199, 0.1);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .emasex-upsell__card:hover {
    box-shadow: 0 4px 20px rgba(0, 171, 199, 0.12);
    transform: translateY(-2px);
  }

  .emasex-upsell__image {
    flex-shrink: 0;
  }

  .emasex-upsell__image img {
    display: block;
    width: 90px;
    height: 90px;
    object-fit: contain;
    border-radius: 12px;
    background: #fff;
    padding: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }

  .emasex-upsell__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
  }

  .emasex-upsell__eyebrow {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-emasex-blue, #00abc7);
    margin: 0;
    line-height: 1.2;
  }

  .emasex-upsell__title {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
  }

  .emasex-upsell__title a {
    color: var(--color-text-dark, #111827);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .emasex-upsell__title a:hover {
    color: var(--color-emasex-blue, #00abc7);
  }

  .emasex-upsell__text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text-secondary, #4b5563);
    margin: 0;
  }

  .emasex-upsell__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
    gap: 16px;
    flex-wrap: wrap;
  }

  .emasex-upsell__price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-weight: 600;
    flex-wrap: wrap;
  }

  .emasex-upsell__price-original {
    font-size: 16px;
    color: #9ca3af;
    text-decoration: line-through;
    font-weight: 400;
  }

  .emasex-upsell__price-current {
    font-size: 24px;
    color: var(--color-text-dark, #111827);
    font-weight: 700;
  }

  .emasex-upsell__price-discount {
    font-size: 18px;
    color: var(--color-text-dark, #111827);
    font-weight: 600;
  }

  .emasex-upsell__form {
    margin: 0;
    flex-shrink: 0;
  }

  .emasex-upsell__button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 10px 20px;
    border: 1.5px solid var(--color-emasex-blue, #00abc7);
    background-color: #fff;
    color: var(--color-emasex-blue, #00abc7);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
  }

  .emasex-upsell__button:hover:not(:disabled) {
    background-color: var(--color-emasex-blue, #00abc7);
    color: #fff;
    box-shadow: 0 4px 16px rgba(0, 171, 199, 0.3);
    transform: translateY(-1px);
  }

  .emasex-upsell__button:active:not(:disabled) {
    transform: translateY(0);
  }

  .emasex-upsell__button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  .emasex-upsell__button-loader {
    display: inline-flex;
    animation: spin 1s linear infinite;
  }

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

  .emasex-upsell__soldout {
    font-size: 13px;
    color: #9ca3af;
    font-weight: 500;
  }

  .emasex-upsell__discount-message {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 12px 16px;
    background: #d1fae5;
    border: 1px solid #10b981;
    border-radius: 8px;
    color: #065f46;
    font-size: 14px;
    font-weight: 500;
    animation: slideDown 0.3s ease-out;
  }

  .emasex-upsell__discount-message svg {
    flex-shrink: 0;
    color: #10b981;
  }

  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
    .emasex-upsell {
      margin-top: 24px;
    }
    
    .emasex-upsell__card {
      flex-direction: row;
      align-items: flex-start;
      padding: 16px 20px;
      gap: 16px;
    }
    
    .emasex-upsell__image img {
      width: 72px;
      height: 72px;
    }
    
    .emasex-upsell__content {
      gap: 6px;
    }
    
    .emasex-upsell__title {
      font-size: 22px;
    }
    
    .emasex-upsell__text {
      font-size: 13px;
    }
    
    .emasex-upsell__bottom {
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
    }
    
    .emasex-upsell__price {
      justify-content: flex-start;
    }
    
    .emasex-upsell__price-current {
      font-size: 22px;
    }
    
    .emasex-upsell__button {
      width: 100%;
      justify-content: center;
    }
  }

  @media (max-width: 480px) {
    .emasex-upsell__card {
      flex-direction: column;
      text-align: center;
    }
    
    .emasex-upsell__image {
      align-self: center;
    }
    
    .emasex-upsell__bottom {
      flex-direction: row;
      justify-content: space-between;
    }
    
    .emasex-upsell__button {
      flex: 1;
    }
  }
.hero-main { padding: 48px 0; background: linear-gradient(120deg,#f8fbfc 0%,#fff 50%, #fff0f6 100%); }
  .hero-main__inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
  .hero-main__image { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,.08); }
  .hero-main__title { font: 700 44px/1.15 var(--font-heading, system-ui, sans-serif); color: var(--ink, #0e1116); margin: 0 0 8px; }
  .hero-main__rating { display: flex; align-items: center; gap: 8px; color: #fbbf24; margin-bottom: 12px; }
  .rating-text { color: #6b7280; font-size: 14px; }
  .hero-main__description { color: #44505e; font-size: 18px; line-height: 1.6; margin: 16px 0 10px; }
  .hero-main__bullets { list-style: none; padding: 0; margin: 10px 0 18px; display: grid; gap: 8px; }
  .hero-main__bullets .bullet { display: flex; align-items: center; gap: 10px; color: #0e1116; font-size: 18px; line-height: 1.6; } /* match description size */
  .hero-main__bullets .icon { color: var(--blue, #00abc7); font-weight: 700; }
  .hero-main__price { display: flex; align-items: baseline; gap: 12px; margin: 8px 0 14px; }
  .hero-main__price .price { font-weight: 700; font-size: 28px; }
  .hero-main__price .compare { color: #9ca3af; text-decoration: line-through; }
  .product-hero__loop-widget { margin: 14px 0 18px; max-width: 520px; }
  .hero-main__ctas { display: flex; gap: 12px; margin-top: 8px; }
  .btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; border-radius: 10px; font-weight: 600; text-decoration: none; border: 2px solid transparent; }
  .btn--primary { background: var(--blue, #00abc7); color: white; }
  .btn--secondary { background: transparent; color: var(--blue, #00abc7); border-color: var(--blue, #00abc7); }
  @media (max-width: 900px){
    .hero-main__inner{ grid-template-columns:1fr; gap:28px; padding: 0 16px; }
    .hero-main__image{ max-width: 420px; margin: 0 auto; }
    .hero-main__title{ font-size: 32px; }
    .hero-main__description{ font-size: 16px; }
    .hero-main__bullets .bullet { font-size: 16px; } /* match description size on mobile */
    .hero-main__bullets{ gap: 6px; }
    .hero-main__ctas{ flex-direction: column; }
  }
.product-hero {
    padding: 60px 0;
    background-color: var(--color-white);
  }

  /* Ensure enough height for sticky effect on desktop */
  @media (min-width: 769px) {
    .product-hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
    }
  }

  .product-hero__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
  }

  /* Large screen adjustments */
  @media (min-width: 1200px) {
    .product-hero__grid {
      gap: 80px;
    }
  }

  @media (min-width: 1400px) {
    .product-hero__grid {
      gap: 100px;
    }
  }

  /* Product Media */
  .product-media {
    position: relative;
  }

  /* Sticky image on desktop */
  @media (min-width: 769px) {
    .product-hero__media {
      position: sticky;
      top: 120px;
      height: fit-content;
      z-index: 1;
    }

    .product-hero__grid {
      align-items: flex-start;
    }
  }

  .product-media__main {
    position: relative;
    margin-bottom: 24px;
    border-radius: var(--border-radius-large);
    overflow: hidden;
    background-color: var(--color-light-gray);
  }

  .product-media__image {
    width: 100%;
    height: auto;
    display: block;
  }

  .product-media__overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
  }

  .overlay-stat {
    background-color: rgba(0, 171, 199, 0.9);
    color: white;
    padding: 12px 16px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .overlay-stat__number {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
  }

  .overlay-stat__text {
    font-size: 0.875rem;
    opacity: 0.9;
    margin-top: 4px;
  }

  .product-media__thumbnails {
    display: flex;
    gap: 12px;
  }

  .product-media__thumbnail {
    width: 80px;
    height: 80px;
    border: 2px solid transparent;
    border-radius: var(--border-radius);
    overflow: hidden;
    background: none;
    cursor: pointer;
    transition: border-color 0.2s ease;
  }

  .product-media__thumbnail.active {
    border-color: var(--color-emasex-blue);
  }

  .product-media__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Product Info */
  .product-info {
    max-width: 600px;
  }

  /* Ensure content is tall enough for sticky effect */
  @media (min-width: 769px) {
    .product-hero__info {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }

  .product-info__vendor {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .product-info__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin-bottom: 16px;
  }

  .product-info__rating {
    margin-bottom: 20px;
  }

  .rating {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .rating__stars {
    display: flex;
    gap: 2px;
  }

  .rating__star {
    color: var(--color-amber);
  }

  .rating__text {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  .product-info__price {
    margin-bottom: 24px;
  }

  .price {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--color-text-dark);
  }

  .price--sale {
    color: var(--color-emerald);
  }

  .price--compare {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    text-decoration: line-through;
    margin-left: 8px;
  }

  .product-info__description {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin-bottom: 24px;
  }

  /* Product Benefits List */
  .product-benefits-list {
    margin-bottom: 32px;
  }

  .benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
  }

  .benefit-item__icon {
    color: var(--color-emerald);
    flex-shrink: 0;
    margin-top: 2px;
  }

  .benefit-item__text {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-dark);
  }

  /* Product Form */
  .product-form {
    margin-bottom: 32px;
  }

  .product-form__options {
    margin-bottom: 24px;
  }

  .product-form__option {
    margin-bottom: 16px;
  }

  .product-form__label {
    display: block;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--color-text-dark);
  }

  .product-form__select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--color-border-gray);
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    font-size: 1rem;
    color: var(--color-text-dark);
  }

  .product-form__quantity {
    margin-bottom: 24px;
  }

  .quantity-selector {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-border-gray);
    border-radius: var(--border-radius);
    width: fit-content;
  }

  .quantity-selector__btn {
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    color: var(--color-text-dark);
    transition: background-color 0.2s ease;
  }

  .quantity-selector__btn:hover {
    background-color: var(--color-light-gray);
  }

  .quantity-selector__input {
    width: 60px;
    height: 40px;
    border: none;
    text-align: center;
    font-size: 1rem;
    color: var(--color-text-dark);
    background: none;
  }

  .product-form__actions {
    margin-bottom: 32px;
  }

  .product-form__add-to-cart {
    width: 100%;
    margin-bottom: 16px;
  }

  .product-form__cta-group {
    display: flex;
    gap: 12px;
  }

  .product-form__cta-group .btn {
    flex: 1;
  }

  /* Purchase Options */
  .purchase-options {
    margin-bottom: 24px;
  }

  .purchase-option {
    border: 1px solid var(--color-border-gray);
    border-radius: var(--border-radius);
    padding: 16px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .purchase-option--selected {
    border-color: var(--color-emasex-blue);
    background-color: rgba(0, 171, 199, 0.05);
  }

  .purchase-option__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
  }

  .purchase-option__label {
    font-weight: 500;
    color: var(--color-text-dark);
  }

  .purchase-option__price {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--color-text-dark);
  }

  .purchase-option__unit {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  .purchase-option__badge {
    background-color: var(--color-emerald);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
  }

  /* Subscription Frequency */
  .subscription-frequency {
    margin-bottom: 24px;
  }

  .frequency-options {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
  }

  .frequency-option {
    padding: 8px 16px;
    border: 1px solid var(--color-border-gray);
    border-radius: var(--border-radius);
    background: none;
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.2s ease;
  }

  .frequency-option--selected {
    background-color: var(--color-emasex-blue);
    color: white;
    border-color: var(--color-emasex-blue);
  }

  .subscription-details {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin: 0 0 4px 0;
  }

  .subscription-note {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin: 0;
  }

  /* Trust Badges */
  .product-trust {
    margin-bottom: 32px;
  }

  .trust-badges {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .trust-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
  }

  .trust-badge__icon {
    width: 24px;
    height: 24px;
    background-color: var(--color-emerald);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    flex-shrink: 0;
  }

  .trust-badge__icon svg {
    width: 14px;
    height: 14px;
  }

  .trust-badge__text {
    font-size: 0.875rem;
    color: var(--color-text-dark);
    font-weight: 500;
  }

  /* Product Accordions */
  .product-accordions {
    margin-top: 32px;
  }

  .accordion-item {
    border-bottom: 1px solid var(--color-border-gray);
  }

  .accordion-item:last-child {
    border-bottom: none;
  }

  .accordion-item__header {
    width: 100%;
    padding: 16px 0;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .accordion-item__title {
    font-weight: 500;
    color: var(--color-text-dark);
  }

  .accordion-item__icon {
    color: var(--color-text-secondary);
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }

  .accordion-item.active .accordion-item__icon {
    transform: rotate(180deg);
  }

  .accordion-item__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }

  .accordion-item.active .accordion-item__content {
    max-height: 200px;
  }

  .accordion-item__content p {
    padding: 0 0 16px 0;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
  }

  /* Product Share */
  .product-share {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid var(--color-border-gray);
  }

  .product-share__label {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    font-weight: 500;
  }

  .product-share__buttons {
    display: flex;
    gap: 12px;
  }

  .product-share__button {
    width: 36px;
    height: 36px;
    border: 1px solid var(--color-border-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
    transition: all 0.2s ease;
  }

  .product-share__button:hover {
    color: var(--color-emasex-blue);
    border-color: var(--color-emasex-blue);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .product-hero {
      padding: 40px 0;
    }

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

    .product-media {
      position: static;
    }

    .product-info__title {
      font-size: 2rem;
    }

    .product-form__cta-group {
      flex-direction: column;
    }
  }
.product-ingredients {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .product-ingredients__content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .product-ingredients__header {
    text-align: center;
    margin-bottom: 60px;
  }

  /* Eyebrow styles now in global snippet */

  .product-ingredients__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .product-ingredients__description {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 auto 32px auto;
    max-width: 600px;
  }

  .ingredients-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 24px;
  }

  .ingredients-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-emasex-blue);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: color 0.2s ease;
  }

  .ingredients-link:hover {
    color: var(--color-teal-deep);
  }

  .ingredients-container {
    position: relative;
  }

  .ingredients-grid {
    display: flex;
    overflow-x: auto;
    gap: 30px;
    padding: 0 20px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Lab result button */
  .lab-result { display: flex; justify-content: center; margin-top: 24px; }
  .lab-result__btn {
    display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px;
    background: #f5fbfd; color: var(--color-emasex-blue); border: 1px solid var(--color-emasex-blue);
    border-radius: 10px; cursor: pointer; font-weight: 600; transition: background .2s ease;
  }
  .lab-result__btn:hover { background: rgba(0,171,199,.08); }
  .lab-result__icon { display:flex; align-items:center; justify-content:center; }

  /* Drawer */
  .lab-drawer { position: fixed; inset: 0; z-index: 9999; }
  .lab-drawer[hidden] { display: none; }
  .lab-drawer__overlay { position:absolute; inset:0; background: rgba(0,0,0,.4); opacity:0; transition: opacity .25s ease; }
  .lab-drawer.is-open .lab-drawer__overlay { opacity: 1; }
  .lab-drawer__panel { position:absolute; top:0; right:0; width: 70vw; max-width: 900px; height: 100%; background: #fff; box-shadow: -12px 0 30px rgba(0,0,0,.15); transform: translateX(100%); transition: transform .25s ease; display:flex; flex-direction: column; }
  .lab-drawer.is-open .lab-drawer__panel { transform: translateX(0); }
  .lab-drawer__header { display:flex; align-items:center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--color-border-gray); }
  .lab-drawer__title { font-weight:700; }
  .lab-drawer__close { background:none; border:1px solid var(--color-border-gray); border-radius: 8px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
  .lab-drawer__content { flex:1; }
  .lab-drawer__content iframe { width:100%; height:100%; border:0; }

  .ingredients-grid::-webkit-scrollbar {
    display: none;
  }

  .ingredient-card {
    flex: 0 0 320px;
    scroll-snap-align: center;
  }

  /* Large screen adjustments */
  @media (min-width: 1200px) {
    .ingredients-grid {
      gap: 40px;
      max-width: 1400px;
    }
    
    .ingredient-card {
      flex: 0 0 350px;
    }
  }

  @media (min-width: 1400px) {
    .ingredients-grid {
      gap: 50px;
    }
    
    .ingredient-card {
      flex: 0 0 380px;
    }
  }

  /* Slider controls - always visible */
  .ingredients-slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
  }

  .slider-btn {
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-border-gray);
    border-radius: 50%;
    background-color: var(--color-white);
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .slider-btn:hover {
    border-color: var(--color-emasex-blue);
    color: var(--color-emasex-blue);
  }

  .slider-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .slider-dots {
    display: flex;
    gap: 8px;
  }

  .slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background-color: var(--color-border-gray);
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  .slider-dot--active {
    background-color: var(--color-emasex-blue);
  }

  .ingredient-card {
    background-color: var(--color-white);
    border: 1px solid var(--color-border-gray);
    border-radius: var(--border-radius);
    padding: 0;
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
  }

  .ingredient-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  }

  .ingredient-card__image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-color: var(--color-light-gray);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ingredient-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ingredient-card__placeholder {
    color: var(--color-emasex-blue);
  }

  .ingredient-card__content {
    padding: 24px;
  }

  .ingredient-card__name {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0 0 8px 0;
  }

  .ingredient-card__dosage {
    font-size: 0.875rem;
    color: var(--color-emasex-blue);
    font-weight: 500;
    margin: 0 0 12px 0;
  }

  .ingredient-card__benefit {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .product-ingredients {
      padding: 60px 0;
    }

    .product-ingredients__header {
      margin-bottom: 40px;
    }

    .product-ingredients__headline {
      font-size: 1.875rem;
    }

    .ingredients-actions {
      flex-direction: column;
      gap: 16px;
    }

    .ingredients-grid {
      gap: 20px;
      padding: 0 20px;
    }

    .ingredient-card {
      flex: 0 0 280px;
    }

    .ingredient-card__image {
      height: 150px;
    }

    .ingredient-card__content {
      padding: 20px;
    }
  }

  /* Trust Strip */
  .ingredients-trust {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid var(--color-border-gray);
  }

  .trust-strip {
    display: flex;
    justify-content: center;
    gap: 48px;
    flex-wrap: wrap;
  }

  .trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
  }

  .trust-item__icon {
    width: 40px;
    height: 40px;
    background-color: var(--color-light-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-emasex-blue);
  }

  .trust-item__text {
    font-size: 0.875rem;
    color: var(--color-text-dark);
    font-weight: 500;
    white-space: nowrap;
  }

  @media (max-width: 768px) {
    .trust-strip {
      gap: 32px;
    }

    .trust-item__icon {
      width: 36px;
      height: 36px;
    }

    .trust-item__text {
      font-size: 0.8rem;
    }
  }

  @media (max-width: 480px) {
    .trust-strip {
      gap: 24px;
    }
  }
.product-science {
    padding: 80px 0;
    background-color: var(--color-light-gray);
  }

  .product-science__content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .product-science__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }

  .product-science__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 20px 0;
  }

  /* Eyebrow styles now in global snippet */

  .product-science__description {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 40px 0;
  }

  .science-features {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .science-feature {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }

  .science-feature__icon {
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-emasex-blue);
    flex-shrink: 0;
  }

  .science-feature__icon svg {
    width: 32px;
    height: 32px;
    color: var(--color-emasex-blue);
  }

  .science-feature__icon-img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
  }

  .science-feature__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0 0 8px 0;
  }

  .science-feature__description {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0;
  }

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

  .science-image {
    width: 100%;
    max-width: 500px;
    border-radius: var(--border-radius-large);
    overflow: hidden;
    background-color: var(--color-white);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  }

  .science-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .science-placeholder {
    width: 100%;
    max-width: 400px;
    height: 300px;
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--color-emasex-blue);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  }

  .science-placeholder svg {
    margin-bottom: 16px;
  }

  .science-placeholder p {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .product-science {
      padding: 60px 0;
    }

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

    .product-science__headline {
      font-size: 1.875rem;
    }

    .science-features {
      gap: 20px;
    }

    .science-feature {
      gap: 12px;
    }

    .science-feature__icon {
      width: auto;
      height: auto;
    }

    .science-feature__icon svg {
      width: 28px;
      height: 28px;
    }

    .science-feature__icon-img {
      width: 28px;
      height: 28px;
    }
  }
.product-testimonials {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .product-testimonials__content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .product-testimonials__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .product-testimonials__headline {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0;
  }

  .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 32px;
    margin-bottom: 60px;
  }

  .testimonial-card {
    background-color: var(--color-light-gray);
    border-radius: var(--border-radius-large);
    padding: 32px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  }

  .testimonial-card__rating {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
  }

  .testimonial-card__star {
    color: var(--color-border-gray);
    transition: color 0.2s ease;
  }

  .testimonial-card__star.active {
    color: var(--color-amber);
  }

  .testimonial-card__quote {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-dark);
    margin: 0 0 24px 0;
    font-style: italic;
  }

  .testimonial-card__author {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .testimonial-card__author-info {
    flex: 1;
  }

  .testimonial-card__author-name {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: var(--color-text-dark);
    margin-bottom: 4px;
  }

  .testimonial-card__author-age {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  /* Trust Indicators */
  .testimonials-trust {
    border-top: 1px solid var(--color-border-gray);
    padding-top: 40px;
  }

  .trust-indicators {
    display: flex;
    justify-content: center;
    gap: 80px;
  }

  .trust-indicator {
    text-align: center;
  }

  /* Judge.me review button styles aligned to theme */
  .testimonials__review-cta {
    margin-top: 24px;
    text-align: center;
  }
  .testimonials__review-cta .jdgm-widget .jdgm-write-rev-link,
  .testimonials__review-cta .jdgm-widget button {
    border: 1px solid var(--color-emasex-blue);
    color: var(--color-emasex-blue);
    background: transparent;
    border-radius: 8px;
    padding: 10px 16px;
    font-weight: 600;
  }
  .testimonials__review-cta .jdgm-widget .jdgm-write-rev-link:hover,
  .testimonials__review-cta .jdgm-widget button:hover {
    background: var(--color-emasex-blue);
    color: #fff;
  }

  .trust-indicator__number {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    color: var(--color-emasex-blue);
    margin-bottom: 8px;
  }

  .trust-indicator__label {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    font-weight: 500;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .product-testimonials {
      padding: 60px 0;
    }

    .product-testimonials__header {
      margin-bottom: 40px;
    }

    .product-testimonials__headline {
      font-size: 1.875rem;
    }

    .testimonials-grid {
      grid-template-columns: 1fr;
      gap: 24px;
      margin-bottom: 40px;
    }

    .testimonial-card {
      padding: 24px;
    }

    .trust-indicators {
      gap: 40px;
    }

    .trust-indicator__number {
      font-size: 1.5rem;
    }
  }

  @media (max-width: 480px) {
    .trust-indicators {
      flex-direction: column;
      gap: 24px;
    }
  }
.science-blog-grid {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .science-blog-grid__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .science-blog-grid__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .science-blog-grid__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .articles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .article-card {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid var(--color-border-gray);
  }

  .article-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  }

  .article-card__image {
    position: relative;
    height: 200px;
    overflow: hidden;
  }

  .article-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .article-card:hover .article-card__image img {
    transform: scale(1.05);
  }

  .article-card__placeholder {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .placeholder-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(20%) brightness(0.9);
  }

  .placeholder-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.8) 0%, rgba(5, 150, 105, 0.8) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
  }

  .article-card__category {
    position: absolute;
    top: 16px;
    left: 16px;
  }

  .category-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .category-badge--men {
    background-color: var(--color-blue);
    color: var(--color-white);
  }

  .category-badge--women {
    background-color: #cf1970;
    color: var(--color-white);
  }

  .category-badge--science {
    background-color: var(--color-emasex-blue, #00AEC7);
    color: var(--color-white);
  }

  .article-card__content {
    padding: 24px;
  }

  .article-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0 0 12px 0;
  }

  .article-card__excerpt {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .article-card__meta {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
  }

  .article-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--color-text-secondary);
  }

  .article-meta__icon {
    color: var(--color-text-secondary);
  }

  .article-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-emasex-blue, #00AEC7);
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .article-card__cta:hover {
    color: #0088A3;
  }

  .article-card__cta-icon {
    transition: transform 0.3s ease;
  }

  .article-card__cta:hover .article-card__cta-icon {
    transform: translateX(4px);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .science-blog-grid {
      padding: 60px 0;
    }

    .science-blog-grid__title {
      font-size: 2rem;
    }

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

    .article-card__content {
      padding: 20px;
    }
  }

  @media (min-width: 1200px) {
    .articles-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
.science-expertise {
    padding: 100px 0;
    background-color: var(--color-light-gray);
  }

  .science__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 80px;
  }

  .science__headline {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--color-text-dark);
    margin-bottom: 24px;
    letter-spacing: -0.02em;
  }

  .science__description {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin-bottom: 40px;
  }

  .science__features {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .feature-item {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 500;
    color: var(--color-text-dark);
  }

  .feature-icon {
    width: 24px;
    height: 24px;
    background-color: var(--color-emerald);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    flex-shrink: 0;
  }

  .science__visual {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .science__image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  }

  /* Clinical Visual */
  .clinical-visual {
    position: relative;
    width: 200px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .test-tube {
    width: 80px;
    height: 200px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 40px 40px 20px 20px;
    position: relative;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  }

  .tube-liquid {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 120px;
    background: linear-gradient(135deg, var(--color-emasex-blue) 0%, var(--color-teal-deep) 100%);
    border-radius: 30px 30px 15px 15px;
  }

  .dropper {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 40px;
    background: linear-gradient(135deg, #ffffff 0%, #f1f3f4 100%);
    border-radius: 10px 10px 5px 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  .drop {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background-color: var(--color-emasex-blue);
    border-radius: 50%;
    animation: drop 2s infinite;
  }

  @keyframes drop {
    0%, 100% { transform: translateX(-50%) translateY(0); opacity: 1; }
    50% { transform: translateX(-50%) translateY(20px); opacity: 0.7; }
  }

  .science__badges {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .trust-badge {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background-color: var(--color-white);
    border-radius: 12px;
    border: 1px solid var(--color-border-gray);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  }

  .badge-icon {
    width: 40px;
    height: 40px;
    background-color: var(--color-emerald);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    flex-shrink: 0;
  }

  .badge-text {
    text-align: left;
  }

  .badge-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text-dark);
    line-height: 1.2;
  }

  .badge-subtitle {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    line-height: 1.2;
  }

  /* Expert Testimonial */
  .expert-testimonial {
    background-color: var(--color-white);
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  }

  .expert__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    text-align: center;
  }

  .expert__quote blockquote {
    font-size: 1.25rem;
    line-height: 1.6;
    color: var(--color-text-dark);
    font-style: italic;
    margin: 0;
    max-width: 600px;
  }

  .expert__info {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .expert-photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
  }

  .expert__name {
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 4px;
  }

  .expert__title {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .science-expertise {
      padding: 60px 0;
    }

    .science__content {
      grid-template-columns: 1fr;
      gap: 48px;
      margin-bottom: 60px;
    }

    .science__headline {
      font-size: 2.25rem;
    }

    .science__description {
      font-size: 1rem;
    }

    .science__features {
      gap: 16px;
    }

    .clinical-visual {
      width: 150px;
      height: 250px;
    }

    .test-tube {
      width: 60px;
      height: 150px;
    }

    .tube-liquid {
      width: 45px;
      height: 90px;
    }

    .expert-testimonial {
      padding: 32px 24px;
    }

    .expert__quote blockquote {
      font-size: 1.125rem;
    }
  }

  @media (max-width: 480px) {
    .science__headline {
      font-size: 1.875rem;
    }

    .expert__info {
      flex-direction: column;
      text-align: center;
    }

    .expert__quote blockquote {
      font-size: 1rem;
    }
  }
.science-filters {
    padding: 40px 0;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-border-gray);
  }

  .science-filters__content {
    max-width: 1200px;
    margin: 0 auto;
  }

  .filter-bar {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .filter-btn {
    padding: 12px 24px;
    border: 2px solid var(--color-border-gray);
    background-color: var(--color-white);
    color: var(--color-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--border-radius-large);
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
  }

  .filter-btn:hover {
    border-color: var(--color-emerald);
    color: var(--color-emerald);
    background-color: rgba(16, 185, 129, 0.05);
  }

  .filter-btn--active {
    background-color: var(--color-emerald);
    border-color: var(--color-emerald);
    color: var(--color-white);
  }

  .filter-btn--active:hover {
    background-color: #059669;
    border-color: #059669;
    color: var(--color-white);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .science-filters {
      padding: 30px 0;
    }

    .filter-bar {
      gap: 6px;
    }

    .filter-btn {
      padding: 10px 16px;
      font-size: 0.8rem;
    }
  }

  @media (max-width: 480px) {
    .filter-bar {
      flex-direction: column;
      align-items: center;
    }

    .filter-btn {
      width: 200px;
      text-align: center;
    }
  }
.science-hero {
    padding: 100px 0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    position: relative;
    overflow: hidden;
  }

  .science-hero__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
  }

  .science-hero__text {
    z-index: 2;
  }

  .science-hero__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.1;
    color: var(--color-text-dark);
    margin: 0 0 24px 0;
  }

  .science-hero__subtitle {
    font-size: 1.25rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 40px 0;
    max-width: 500px;
  }

  .science-hero__trust {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .trust-item__icon {
    color: var(--color-emerald);
    flex-shrink: 0;
  }

  .trust-item__text {
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-text-dark);
  }

  .science-hero__visual {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .science-illustration {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .molecule-icon {
    animation: float 6s ease-in-out infinite;
  }

  .floating-element {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--color-emerald);
    border-radius: 50%;
    opacity: 0.3;
  }

  .floating-element--1 {
    top: 20%;
    left: 10%;
    animation: float 4s ease-in-out infinite;
    animation-delay: 0s;
  }

  .floating-element--2 {
    top: 60%;
    right: 15%;
    animation: float 5s ease-in-out infinite;
    animation-delay: 1s;
  }

  .floating-element--3 {
    bottom: 20%;
    left: 20%;
    animation: float 3s ease-in-out infinite;
    animation-delay: 2s;
  }

  @keyframes float {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  /* Responsive */
  @media (max-width: 768px) {
    .science-hero {
      padding: 80px 0;
    }

    .science-hero__content {
      grid-template-columns: 1fr;
      gap: 40px;
      text-align: center;
    }

    .science-hero__title {
      font-size: 2.25rem;
    }

    .science-hero__subtitle {
      font-size: 1.125rem;
    }

    .science-hero__trust {
      align-items: center;
    }

    .science-illustration {
      width: 150px;
      height: 150px;
    }

    .molecule-icon {
      width: 90px;
      height: 90px;
    }
  }

  @media (min-width: 1200px) {
    .science-hero__content {
      gap: 100px;
    }

    .science-hero__title {
      font-size: 3.5rem;
    }
  }
.science-highlight {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  }

  .highlight-card {
    max-width: 1000px;
    margin: 0 auto;
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 1px solid var(--color-border-gray);
  }

  .highlight-card__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 400px;
  }

  .highlight-card__text {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .highlight-card__badge {
    margin-bottom: 20px;
  }

  .highlight-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background-color: var(--color-emerald);
    color: var(--color-white);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .highlight-badge__icon {
    width: 16px;
    height: 16px;
  }

  .highlight-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0 0 20px 0;
  }

  .highlight-card__excerpt {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 24px 0;
  }

  .highlight-card__meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
  }

  .highlight-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  .highlight-meta__icon {
    color: var(--color-emerald);
    flex-shrink: 0;
  }

  .highlight-card__actions {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .btn--large {
    padding: 16px 32px;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
  }

  .btn__icon {
    transition: transform 0.3s ease;
  }

  .btn:hover .btn__icon {
    transform: translateX(4px);
  }

  .highlight-card__product-cta {
    padding: 20px;
    background-color: rgba(16, 185, 129, 0.05);
    border-radius: var(--border-radius-medium);
    border-left: 4px solid var(--color-emerald);
  }

  .product-cta__text {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin: 0 0 8px 0;
  }

  .product-cta__link {
    font-weight: 600;
    color: var(--color-emerald);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.3s ease;
  }

  .product-cta__link:hover {
    color: #059669;
  }

  .highlight-card__visual {
    position: relative;
    overflow: hidden;
  }

  .highlight-card__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .highlight-card__placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--color-emerald) 0%, #059669 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
  }

  .placeholder-content {
    text-align: center;
  }

  .placeholder-icon {
    margin-bottom: 16px;
    opacity: 0.8;
  }

  .placeholder-title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0 0 8px 0;
  }

  .placeholder-text {
    font-size: 0.875rem;
    opacity: 0.8;
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .science-highlight {
      padding: 60px 0;
    }

    .highlight-card__content {
      grid-template-columns: 1fr;
    }

    .highlight-card__text {
      padding: 30px 24px;
    }

    .highlight-card__title {
      font-size: 1.5rem;
    }

    .highlight-card__meta {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 16px;
    }

    .highlight-card__actions {
      gap: 16px;
    }
  }

  @media (min-width: 1200px) {
    .highlight-card__text {
      padding: 50px;
    }

    .highlight-card__title {
      font-size: 2rem;
    }
  }
.science-products {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .science-products__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .science-products__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .science-products__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .product-card {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid var(--color-border-gray);
  }

  .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  }

  .product-card__image {
    position: relative;
    height: 200px;
    background-color: var(--color-light-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .product-card__image img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
  }

  .product-card__badge {
    position: absolute;
    top: 16px;
    right: 16px;
  }

  .product-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .product-badge--men {
    background-color: var(--color-blue);
    color: var(--color-white);
  }

  .product-badge--women {
    background-color: #cf1970;
    color: var(--color-white);
  }

  .product-badge--science {
    background-color: var(--color-emerald);
    color: var(--color-white);
  }

  .product-card__content {
    padding: 24px;
  }

  .product-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--color-text-dark);
    margin: 0 0 12px 0;
  }

  .product-card__description {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0 0 20px 0;
  }

  .product-card__benefits {
    margin-bottom: 24px;
  }

  .benefit-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }

  .benefit-item__icon {
    color: var(--color-emerald);
    flex-shrink: 0;
  }

  .benefit-item span {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  .product-card__price {
    margin-bottom: 24px;
  }

  .price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text-dark);
  }

  .price-unit {
    display: block;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-top: 4px;
  }

  .product-card__actions {
    display: flex;
    gap: 12px;
  }

  .product-card__actions .btn {
    flex: 1;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .science-products {
      padding: 60px 0;
    }

    .science-products__title {
      font-size: 2rem;
    }

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

    .product-card__actions {
      flex-direction: column;
    }
  }

  @media (min-width: 1200px) {
    .products-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
.search-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .search-results .prev,
  .search-results .page,
  .search-results .next {
    grid-column: 1 / -1;
  }
.solution-box { position: relative; padding: 48px 0 60px; color: #0e1116; overflow: hidden; }
.solution-box--men { background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0.8) 45%, rgba(0,171,199,0.20) 100%); }
.solution__inner { max-width: 1100px; margin: 0 auto; padding: 0 22px; text-align: center; }
/* Eyebrow styles now in global snippet */
.solution__title { margin: 12px auto 8px; font-weight: 800; font-size: clamp(1.4rem, 2.4vw, 1.8rem); letter-spacing: -.01em; color: #0e1116; }
.solution__text { margin: 0 auto 16px; max-width: 60ch; color: #36424b; }
.solution__actions { display:flex; justify-content:center; }
.solution__cta { display:inline-flex; align-items:center; justify-content:center; height: 48px; padding: 0 18px; border-radius: 999px; background: var(--color-emasex-blue,#00abc7) !important; color:#fff !important; font-weight:800; text-decoration:none; box-shadow: 0 8px 24px rgba(0,171,199,.26) !important; border: 0; }
.solution__cta:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(0,171,199,.32) !important; }

@media (max-width: 768px){
  .solution-box { padding: 40px 0 48px; }
  .solution__text { font-size: .95rem; }
}
.solution-box { position: relative; padding: 48px 0 60px; color: #0e1116; overflow: hidden; }
.solution-box--women { background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0.85) 45%, rgba(210,0,107,0.20) 100%); }
.solution__inner { max-width: 1100px; margin: 0 auto; padding: 0 22px; text-align: center; }
/* Eyebrow styles now in global snippet */
.solution__title { margin: 12px auto 8px; font-weight: 800; font-size: clamp(1.4rem, 2.4vw, 1.8rem); letter-spacing: -.01em; color: #0e1116; }
.solution__text { margin: 0 auto 16px; max-width: 60ch; color: #36424b; }
.solution__actions { display:flex; justify-content:center; }
.solution__cta { display:inline-flex; align-items:center; justify-content:center; height: 48px; padding: 0 18px; border-radius: 999px; background: var(--color-magenta,#d2006b); color:#fff; font-weight:800; text-decoration:none; box-shadow: 0 8px 24px rgba(210,0,107,.26); }
.solution__cta:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(210,0,107,.32); }

@media (max-width: 768px){
  .solution-box { padding: 40px 0 48px; }
  .solution__text { font-size: .95rem; }
}
.study-notes { background:#fff; padding: 32px 0 64px; }
  .study-notes__inner { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
  .study-notes__title { font-family: var(--font-heading); font-weight: 600; font-size: 1.25rem; color:#1a1a1a; margin: 0 0 16px; }
  .study-notes__list { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
  .citation { font-family: var(--font-body); color:#333; line-height: 1.6; font-size: calc(0.95rem - 3px); }
  .citation a { color: var(--color-emasex-blue); text-underline-offset: 2px; }
  .citation a:hover { text-decoration: underline; }
  .c-authors { font-weight: 600; }
  .c-title { font-weight: 600; }
  .citation__notes { color:#666; font-size: .9rem; margin-top: 2px; }
/* ========================================
     Premium Testimonial Slider - Pharma Trust Design
     ======================================== */

  .tsp {
    padding: 80px 0;
    background: #F8FAFC;
  }

  .tsp__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
  }

  /* Header */
  .tsp__header {
    text-align: center;
    margin-bottom: 48px;
  }

  .tsp__eyebrow {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-emasex-blue, #00AEC7);
    margin: 0 0 12px 0;
    font-family: var(--font-primary--family);
  }

  .tsp__heading {
    font-size: clamp(28px, 4vw, 36px);
    font-weight: 700;
    line-height: 1.2;
    color: #0F1115;
    margin: 0;
    font-family: var(--font-heading, var(--font-primary--family));
  }

  /* Grid Layout */
  .tsp__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    margin-bottom: 32px;
  }

  @media (min-width: 768px) {
    .tsp__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (min-width: 1024px) {
    .tsp__grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
    }
  }

  /* Card */
  .tsp__card {
    background: #FFFFFF;
    border-radius: 18px;
    padding: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .tsp__card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  }

  /* Card Header */
  .tsp__card-header {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .tsp__avatar {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(135deg, #E8F4F6 0%, #D1E9ED 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .tsp__avatar-placeholder {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-emasex-blue, #00AEC7);
    font-family: var(--font-primary--family);
  }

  .tsp__meta {
    flex: 1;
    min-width: 0;
  }

  .tsp__name {
    font-size: 16px;
    font-weight: 600;
    color: #0F1115;
    margin: 0 0 2px 0;
    line-height: 1.3;
    font-family: var(--font-primary--family);
  }

  .tsp__source {
    font-size: 14px;
    color: #6D7075;
    margin: 0;
    line-height: 1.3;
    font-family: var(--font-primary--family);
  }

  /* Card Body */
  .tsp__body {
    flex: 1;
  }

  .tsp__quote {
    font-size: 16px;
    line-height: 1.5;
    color: #2A2D32;
    margin: 0;
    font-family: var(--font-primary--family);
  }

  /* Card Footer */
  .tsp__footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid #F0F2F5;
  }

  .tsp__rating {
    display: flex;
    gap: 4px;
  }

  .tsp__star {
    color: var(--color-emasex-blue, #00AEC7);
    opacity: 0.25;
    transition: opacity 0.2s ease;
  }

  .tsp__star.is-filled {
    opacity: 1;
  }

  /* Trust Badges */
  .tsp__trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .tsp__badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6D7075;
    font-family: var(--font-primary--family);
  }

  .tsp__badge svg {
    color: #9CA3AF;
    flex-shrink: 0;
  }

  /* CTA */
  .tsp__cta-wrapper {
    text-align: center;
    margin-top: 16px;
  }

  .tsp__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #6D7075;
    text-decoration: none;
    transition: color 0.2s ease;
    font-family: var(--font-primary--family);
  }

  .tsp__cta:hover {
    color: var(--color-emasex-blue, #00AEC7);
  }

  .tsp__cta svg {
    transition: transform 0.2s ease;
  }

  .tsp__cta:hover svg {
    transform: translateX(4px);
  }

  /* Mobile Adjustments */
  @media (max-width: 767px) {
    .tsp {
      padding: 56px 0;
    }

    .tsp__container {
      padding: 0 20px;
    }

    .tsp__header {
      margin-bottom: 32px;
    }

    .tsp__card {
      padding: 24px;
    }

    .tsp__grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }

  /* Theme Editor Visibility */
  .shopify-design-mode .tsp__card {
    opacity: 1 !important;
    transform: none !important;
  }
.testimonial-slider { padding: 64px 0; background: #f6f8fb; }
  /* Prevent any horizontal overflow from internal transforms/gaps */
  .testimonial-slider .container { overflow: hidden; }
  .ts__heading { color: #1b2340; font-weight: 800; font-size: 2rem; margin: 0 0 24px; font-family: var(--font-heading, var(--font-primary--family)); }

  .ts__viewport { position: relative; overflow: hidden; }
  .ts__track { display: flex; gap: 24px; will-change: transform; transition: transform .35s ease; }

  .ts__card { flex: 0 0 calc(33.333% - 16px); background: #fff; border-radius: 14px; box-shadow: 0 12px 30px rgba(0,0,0,.06); padding: 24px; display:flex; flex-direction:column; min-height: 260px; }
  .ts__quote { color: #2b334e; line-height: 1.6; margin: 0 0 18px; font-size: 1rem; font-family: var(--font-body, var(--font-primary--family)); }
  .ts__card-body { flex: 1 1 auto; }

  .ts__meta { margin-top: auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; }
  .ts__avatar img, .ts__avatar--placeholder { width: 40px; height: 40px; border-radius: 999px; display: block; background: #e8ecf3; }
  .ts__name { color: #1b2340; font-weight: 700; font-size: .95rem; display: inline-block; margin-right: 8px; font-family: var(--font-body, var(--font-primary--family)); }
  .ts__role { color: #8690a6; font-size: .8rem; display: block; font-family: var(--font-body, var(--font-primary--family)); }
  .ts__stars { display: inline-flex; gap: 2px; color: #12b886; } /* Trust vibe green */
  .ts__star { opacity: .35; }
  .ts__star.is-filled { opacity: 1; }

  .ts__nav { position: absolute; top: -56px; right: 0; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 999px; background: #fff; color: #1b2340; border: 1px solid #e3e7ef; box-shadow: 0 6px 18px rgba(0,0,0,.06); cursor: pointer; }
  .ts__nav--prev { right: 48px; }
  .ts__nav[disabled] { opacity: .4; pointer-events: none; }

  .ts__dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
  .ts__dot { width: 36px; height: 6px; border-radius: 6px; background: #dbe2ee; }
  .ts__dot.is-active { background: #1b2340; }

  @media (max-width: 1200px) { .ts__card { flex-basis: calc(50% - 12px); } }
  @media (max-width: 680px) {
    .testimonial-slider { padding: 44px 0; }
    .ts__heading { font-size: 1.6rem; }
    .ts__card { flex-basis: 100%; }
    .ts__nav { top: -44px; }
  }
.trust-layer {
    padding: 60px 0;
    background-color: var(--color-white);
    border-top: 1px solid var(--color-border-gray);
    border-bottom: 1px solid var(--color-border-gray);
  }

  .trust__content {
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center;
  }

  .trust__badges { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; column-gap: 48px; row-gap: 16px; align-items: start; width: 100%; }
  .usps-grid { display: grid; }
  .usp { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; }
  .usp__icon { color: #0e1116; opacity: .9; }
  .usp__icon img { max-height: 36px; width: auto; }
  .usp__title { font-weight: 700; color: #0e1116; font-size: 22px; }
  .usp__subtitle { color: #4B5563; font-size: .95rem; line-height: 1.4; }

  .trust__retailers {
    text-align: center;
  }

  .retailers__label {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-bottom: 24px;
    font-weight: 500;
  }

  .retailers__logos {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .retailer-logo {
    opacity: 1;
    transition: transform 0.2s ease;
    width: 180px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .retailer-logo:hover {
    transform: translateY(-2px);
  }

  .retailer-img {
    max-width: 100%;
    max-height: 36px;
    width: auto;
    height: auto;
    filter: none;
    display: block;
    image-rendering: -webkit-optimize-contrast;
  }

  .retailer-logo:hover .retailer-img { filter: none; }

  .retailer-placeholder {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    font-weight: 500;
    min-width: 80px;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .trust-layer {
      padding: 40px 0;
    }

    .trust__badges { grid-template-columns: repeat(2, 1fr) !important; column-gap: 32px; row-gap: 16px; }
    .usp__title { font-size: 20px; }

    .retailers__logos {
      gap: 20px;
    }

    .retailer-logo { width: 140px; height: 40px; }
    .retailer-img { max-height: 28px; }
  }

  @media (max-width: 480px) {
    .trust__badges { grid-template-columns: 1fr !important; row-gap: 12px; }

    .retailers__logos {
      gap: 16px;
    }
  }
.usps-section { background: var(--usps-bg); padding: 24px 0; }
  .usps-section__inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
  .usps-heading { 
    text-align: center; 
    margin: 0 0 24px 0; 
    font-size: 1.2rem;
    font-weight: 400;
    font-family: var(--font-heading, var(--font-primary--family));
    letter-spacing: 0.02em;
    line-height: 1.4;
    color: var(--color-text-dark, #0e1116);
  }
  .usps-grid { display: grid; grid-template-columns: repeat(var(--usps-columns), minmax(0,1fr)); gap: 20px; align-items: start; }
  .usp { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
  .usp__icon { color: #0e1116; opacity: .9; }
  .usp__icon img { max-height: 36px; width: auto; }
  .usp__title { 
    font-size: 0.875rem; 
    font-weight: 500; 
    line-height: 1.3; 
    letter-spacing: 0.01em;
    color: #4A5562; 
  }
  .usp__subtitle { 
    color: #4B5563; 
    font-size: 0.8125rem; 
    line-height: 1.35; 
  }
  @media (max-width: 1024px) { .usps-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
  @media (max-width: 768px) {
    .usps-heading { font-size: 1.1rem; }
  }
  @media (max-width: 640px) { .usps-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
.vitex-benefits {
    background: #ffffff;
  }
  .vitex-benefits__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 32px;
  }
  .vitex-benefit-card {
    border: 1px solid rgba(0, 171, 199, 0.15);
    border-radius: 18px;
    padding: 24px;
    text-align: left;
    background: #f9fbfc;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .vitex-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  }
  .vitex-benefit-card h3 {
    margin-bottom: 10px;
    font-size: 1.1rem;
    color: #101419;
  }
  .vitex-benefit-card p {
    color: var(--color-text-secondary, #4A5562);
    line-height: 1.5;
    font-size: 0.95rem;
  }
.vitex-composition {
    background: #f7fafb;
  }
  .vitex-composition__grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .vitex-composition__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
  }
  .vitex-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 28px;
    border: 1px solid rgba(4, 35, 56, 0.08);
  }
  .vitex-card h3 {
    margin-bottom: 16px;
    font-size: 1.1rem;
    color: #101419;
  }
  .vitex-card__body p {
    color: var(--color-text-secondary, #4A5562);
    line-height: 1.6;
    font-size: 0.98rem;
  }
  .vitex-card__body p.note {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #7a8492;
    font-style: italic;
  }
.vitex-dosage {
    background: #ffffff;
  }
  .vitex-dosage__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 32px;
  }
  .vitex-dosage__card {
    border-radius: 16px;
    border: 1px solid rgba(0, 171, 199, 0.15);
    padding: 24px;
    background: #f8fbfc;
  }
  .vitex-dosage__card h3 {
    margin-bottom: 12px;
    font-size: 1.1rem;
    color: #101419;
  }
  .vitex-dosage__text p {
    margin: 0;
    color: #4A5562;
    line-height: 1.6;
  }
.vitex-faq {
    background: #ffffff;
  }
  .vitex-faq .vitex-accordion__item {
    border: 1px solid rgba(0, 171, 199, 0.2);
  }
.vitex-final-cta {
    background: linear-gradient(180deg, #f0fbff 0%, #ffffff 100%);
  }
  .vitex-final-cta .vitex-section__container {
    text-align: center;
  }
  .vitex-final-cta__text {
    max-width: 640px;
    margin: 0 auto 32px;
    color: #4A5562;
    line-height: 1.7;
  }
  .vitex-final-cta__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
  .vitex-final-cta .btn {
    min-width: 220px;
  }
.vitex-mode-of-action {
    background: #f7fafb;
  }
  .vitex-intro {
    max-width: 760px;
    margin: 0 auto 32px;
    font-size: 1.05rem;
    color: var(--color-text-secondary, #4A5562);
    line-height: 1.7;
    text-align: center;
  }
  .vitex-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
  .vitex-column {
    background: #ffffff;
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 20px 40px rgba(4, 35, 56, 0.08);
    text-align: left;
  }
  .vitex-column h3 {
    font-size: 1.25rem;
    margin-bottom: 12px;
    color: #101419;
  }
  .vitex-column p {
    color: var(--color-text-secondary, #4A5562);
    line-height: 1.6;
    font-size: 0.98rem;
  }
  @media (max-width: 900px) {
    .vitex-columns {
      grid-template-columns: 1fr;
    }
  }
.vitex-overview {
    background: #ffffff;
  }
  .vitex-overview__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(32px, 4vw, 60px);
    align-items: center;
  }
  .vitex-overview__text h2 {
    font-size: clamp(2rem, 4vw, 2.7rem);
    margin-bottom: 1rem;
  }
  .vitex-overview__richtext p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--color-text-secondary, #4A5562);
    margin-bottom: 16px;
  }
  .vitex-overview__richtext p:last-child {
    margin-bottom: 0;
  }
  .vitex-overview__visual img {
    width: 100%;
    height: auto;
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08);
    background: #f2f7f9;
  }
  .vitex-overview__placeholder {
    width: 100%;
    min-height: 320px;
    border-radius: 24px;
    background: #f2f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9aa5b1;
    font-weight: 600;
  }
  @media (max-width: 900px) {
    .vitex-overview__grid {
      grid-template-columns: 1fr;
    }
  }
.vitex-section {
    padding: clamp(48px, 6vw, 80px) 20px;
    background: #f7fafb;
  }
  .vitex-section:nth-of-type(even) {
    background: #ffffff;
  }
  .vitex-section__container {
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
  }
  .vitex-eyebrow {
    font-size: 0.85rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-emasex-blue, #00ABC7);
    margin-bottom: 12px;
    font-weight: 600;
  }
  .vitex-section__title {
    font-size: clamp(1.9rem, 4vw, 2.6rem);
    margin-bottom: 20px;
    color: var(--color-text-dark, #101419);
  }
  .vitex-section__content p {
    font-size: 1.05rem;
    color: var(--color-text-secondary, #4A5562);
    line-height: 1.7;
    margin-bottom: 16px;
  }
  .vitex-section__content p:last-child {
    margin-bottom: 0;
  }
.vitex-safety {
    background: #f7fafb;
  }
  .vitex-accordion__item {
    border: 1px solid rgba(4, 35, 56, 0.12);
    border-radius: 16px;
    margin-bottom: 14px;
    background: #ffffff;
  }
  .vitex-accordion__trigger {
    width: 100%;
    background: none;
    border: none;
    padding: 20px 24px;
    font-size: 1.05rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
  }
  .vitex-accordion__trigger svg {
    transition: transform .25s ease;
  }
  .vitex-accordion__item.is-open .vitex-accordion__trigger svg {
    transform: rotate(45deg);
  }
  .vitex-accordion__content {
    display: none;
    padding: 0 24px 24px;
    color: #4A5562;
    line-height: 1.6;
  }
  .vitex-accordion__content ul {
    padding-left: 18px;
    margin: 0;
  }
  .vitex-accordion__content li {
    margin-bottom: 6px;
  }
.vitex-trust {
    background: #ffffff;
  }
  .vitex-trust__intro {
    max-width: 760px;
    margin: 0 auto 32px;
    color: #4A5562;
    line-height: 1.7;
    text-align: center;
  }
  .vitex-trust__icons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
  }
  .vitex-trust__card {
    display: flex;
    gap: 14px;
    padding: 20px;
    border: 1px solid rgba(0, 171, 199, 0.15);
    border-radius: 16px;
    align-items: center;
    background: #f7fafb;
  }
  .vitex-trust__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(0, 171, 199, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-emasex-blue, #00ABC7);
  }
  .vitex-trust__card h3 {
    margin: 0 0 6px;
    font-size: 1rem;
    color: #101419;
  }
  .vitex-trust__card p {
    margin: 0;
    color: #4A5562;
    font-size: 0.92rem;
  }
.women-benefits {
    padding: 80px 0;
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  }

  .women-benefits__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .women-benefits__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .women-benefits__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .benefit-tile {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(207, 25, 112, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(207, 25, 112, 0.1);
  }

  .benefit-tile:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(207, 25, 112, 0.2);
  }

  .benefit-tile__image {
    position: relative;
    height: 200px;
    overflow: hidden;
  }

  .benefit-tile__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .benefit-tile:hover .benefit-tile__image img {
    transform: scale(1.05);
  }

  .benefit-tile__placeholder {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .placeholder-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(20%) brightness(0.9);
  }

  .placeholder-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(207, 25, 112, 0.8) 0%, rgba(176, 22, 95, 0.8) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
  }

  .benefit-tile__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(207, 25, 112, 0.8) 0%, rgba(176, 22, 95, 0.8) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .benefit-tile:hover .benefit-tile__overlay {
    opacity: 1;
  }

  .benefit-tile__icon {
    color: var(--color-white);
    transform: translateX(-10px);
    transition: transform 0.3s ease;
  }

  .benefit-tile:hover .benefit-tile__icon {
    transform: translateX(0);
  }

  .benefit-tile__content {
    padding: 24px;
  }

  .benefit-tile__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--color-text-dark);
    margin: 0 0 12px 0;
  }

  .benefit-tile__description {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .women-benefits {
      padding: 60px 0;
    }

    .women-benefits__title {
      font-size: 2rem;
    }

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

    .benefit-tile__content {
      padding: 20px;
    }
  }

  @media (min-width: 1200px) {
    .benefits-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
.women-hero {
    padding: 80px 0;
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
    position: relative;
    overflow: hidden;
  }

  .women-hero__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    min-height: 600px;
  }

  .women-hero__content {
    z-index: 2;
  }

  .women-hero__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.1;
    color: var(--color-text-dark);
    margin: 0 0 24px 0;
  }

  .women-hero__subtitle {
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0 0 32px 0;
  }

  .women-hero__benefits {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
  }

  .hero-benefit {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .hero-benefit__icon {
    color: #cf1970;
    flex-shrink: 0;
  }

  .hero-benefit__text {
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-text-dark);
  }

  .women-hero__actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .women-hero__visual {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .women-hero__products {
    position: relative;
    display: flex;
    gap: 40px;
    align-items: center;
  }

  .hero-product {
    position: relative;
    transition: transform 0.3s ease;
  }

  .hero-product:hover {
    transform: translateY(-8px);
  }

  .hero-product--femina {
    z-index: 2;
  }

  .hero-product__image {
    width: 200px;
    height: 300px;
    position: relative;
  }

  .hero-product__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 20px 40px rgba(207, 25, 112, 0.2));
  }

  .hero-product__badge {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 3;
  }

  .product-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .product-badge--new {
    background-color: #cf1970;
    color: var(--color-white);
  }

  .hero-woman {
    width: 250px;
    height: 350px;
    border-radius: var(--border-radius-large);
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(207, 25, 112, 0.15);
  }

  .hero-woman img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .women-hero__stats {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .floating-stat {
    background-color: var(--color-white);
    padding: 16px 20px;
    border-radius: var(--border-radius-large);
    box-shadow: 0 10px 30px rgba(207, 25, 112, 0.1);
    text-align: center;
    min-width: 120px;
  }

  .floating-stat__number {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #cf1970;
    line-height: 1;
  }

  .floating-stat__text {
    display: block;
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    margin-top: 4px;
  }

  /* Custom button styles for women's theme */
  .women-hero .btn--primary {
    background-color: #cf1970;
    border-color: #cf1970;
  }

  .women-hero .btn--primary:hover {
    background-color: #b0165f;
    border-color: #b0165f;
  }

  .women-hero .btn--outline {
    border-color: #cf1970;
    color: #cf1970;
  }

  .women-hero .btn--outline:hover {
    background-color: #cf1970;
    color: var(--color-white);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .women-hero {
      padding: 60px 0;
    }

    .women-hero__grid {
      grid-template-columns: 1fr;
      gap: 40px;
      text-align: center;
    }

    .women-hero__title {
      font-size: 2.25rem;
    }

    .women-hero__subtitle {
      font-size: 1.125rem;
    }

    .women-hero__actions {
      justify-content: center;
    }

    .women-hero__products {
      gap: 20px;
      flex-direction: column;
    }

    .hero-product__image {
      width: 150px;
      height: 225px;
    }

    .hero-woman {
      width: 200px;
      height: 280px;
    }

    .women-hero__stats {
      position: static;
      flex-direction: row;
      justify-content: center;
      margin-top: 40px;
    }

    .floating-stat {
      min-width: 100px;
    }
  }

  @media (min-width: 1200px) {
    .women-hero__grid {
      gap: 100px;
    }

    .women-hero__title {
      font-size: 3.5rem;
    }
  }
.women-products {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .women-products__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .women-products__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .women-products__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .women-products__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 40px;
    max-width: 1000px;
    margin: 0 auto;
  }

  .product-card {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    box-shadow: 0 4px 20px rgba(207, 25, 112, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
  }

  .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(207, 25, 112, 0.15);
  }

  .product-card--featured {
    border: 2px solid #cf1970;
  }

  .product-card--bundle {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  }

  .product-card__image {
    position: relative;
    height: 200px;
    background-color: var(--color-light-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .product-card__image img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
  }

  .product-card__badges {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .product-badge--new {
    background-color: #cf1970;
    color: var(--color-white);
  }

  .product-badge--save {
    background-color: var(--color-red);
    color: var(--color-white);
  }

  .bundle-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  .bundle-product {
    width: 60px;
    height: 80px;
    object-fit: contain;
  }

  .bundle-product--primary {
    transform: rotate(-10deg);
  }

  .bundle-product--secondary {
    transform: rotate(10deg);
    margin-left: -20px;
  }

  .bundle-heart {
    position: absolute;
    font-size: 1.5rem;
    background-color: var(--color-white);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(207, 25, 112, 0.2);
  }

  .product-card__content {
    padding: 24px;
  }

  .product-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--color-text-dark);
    margin: 0 0 12px 0;
  }

  .product-card__description {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0 0 20px 0;
  }

  .product-card__benefits {
    margin-bottom: 24px;
  }

  .benefit-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }

  .benefit-item__icon {
    color: #cf1970;
    flex-shrink: 0;
  }

  .benefit-item span {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }

  .product-card__price {
    margin-bottom: 24px;
  }

  .price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #cf1970;
  }

  .price-old {
    font-size: 1rem;
    color: var(--color-text-secondary);
    text-decoration: line-through;
    margin-right: 8px;
  }

  .price-unit {
    display: block;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-top: 4px;
  }

  .product-card__actions {
    display: flex;
    gap: 12px;
  }

  .product-card__actions .btn {
    flex: 1;
  }

  /* Custom button styles for women's theme */
  .women-products .btn--primary {
    background-color: #cf1970;
    border-color: #cf1970;
  }

  .women-products .btn--primary:hover {
    background-color: #b0165f;
    border-color: #b0165f;
  }

  .women-products .btn--outline {
    border-color: #cf1970;
    color: #cf1970;
  }

  .women-products .btn--outline:hover {
    background-color: #cf1970;
    color: var(--color-white);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .women-products {
      padding: 60px 0;
    }

    .women-products__title {
      font-size: 2rem;
    }

    .women-products__grid {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .product-card__actions {
      flex-direction: column;
    }
  }

  @media (min-width: 1200px) {
    .women-products__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
.women-science {
    padding: 80px 0;
    background-color: var(--color-white);
  }

  .women-science__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .women-science__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .women-science__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .science-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
  }

  .science-visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .ingredient-cards {
    display: flex;
    gap: 40px;
  }

  .ingredient-card {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 32px 24px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(207, 25, 112, 0.1);
    border: 1px solid rgba(207, 25, 112, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-width: 200px;
  }

  .ingredient-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(207, 25, 112, 0.15);
  }

  .ingredient-card--affron {
    border-top: 4px solid #cf1970;
  }

  .ingredient-card--liboost {
    border-top: 4px solid var(--color-emerald);
  }

  .ingredient-card__icon {
    color: #cf1970;
    margin-bottom: 16px;
  }

  .ingredient-card--liboost .ingredient-card__icon {
    color: var(--color-emerald);
  }

  .ingredient-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--color-text-dark);
    margin: 0 0 12px 0;
  }

  .ingredient-card__description {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0 0 16px 0;
  }

  .patent-badge {
    background-color: #cf1970;
    color: var(--color-white);
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .ingredient-card--liboost .patent-badge {
    background-color: var(--color-emerald);
  }

  .connection-line {
    color: #cf1970;
    opacity: 0.6;
  }

  .result-card {
    background: linear-gradient(135deg, #cf1970 0%, #b0165f 100%);
    color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 32px;
    text-align: center;
    box-shadow: 0 8px 30px rgba(207, 25, 112, 0.3);
  }

  .result-card__icon {
    margin-bottom: 16px;
  }

  .result-card__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    margin: 0 0 12px 0;
  }

  .result-card__description {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    opacity: 0.9;
  }

  .science-text {
    padding-left: 20px;
  }

  .science-points {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .science-point {
    display: flex;
    gap: 20px;
    align-items: flex-start;
  }

  .science-point__icon {
    color: #cf1970;
    flex-shrink: 0;
    margin-top: 4px;
  }

  .science-point__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--color-text-dark);
    margin: 0 0 8px 0;
  }

  .science-point__description {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .women-science {
      padding: 60px 0;
    }

    .women-science__title {
      font-size: 2rem;
    }

    .science-content {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .science-visual {
      gap: 30px;
    }

    .ingredient-cards {
      flex-direction: column;
      gap: 20px;
    }

    .ingredient-card {
      min-width: auto;
    }

    .science-text {
      padding-left: 0;
    }

    .science-points {
      gap: 24px;
    }
  }

  @media (min-width: 1200px) {
    .science-content {
      gap: 100px;
    }
  }
.women-testimonials {
    padding: 80px 0;
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  }

  .women-testimonials__header {
    text-align: center;
    margin-bottom: 60px;
  }

  .women-testimonials__title {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0 0 16px 0;
  }

  .women-testimonials__subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .testimonial-card {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    padding: 32px;
    box-shadow: 0 4px 20px rgba(207, 25, 112, 0.1);
    border: 1px solid rgba(207, 25, 112, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(207, 25, 112, 0.15);
  }

  .testimonial-card__quote {
    margin-bottom: 24px;
  }

  .quote-icon {
    color: #cf1970;
    margin-bottom: 16px;
  }

  .testimonial-text {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text-dark);
    margin: 0;
    font-style: italic;
  }

  .testimonial-card__author {
    border-top: 1px solid var(--color-border-gray);
    padding-top: 20px;
  }

  .author-name {
    font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: var(--color-text-dark);
    margin: 0 0 4px 0;
  }

  .author-details {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .women-testimonials {
      padding: 60px 0;
    }

    .women-testimonials__title {
      font-size: 2rem;
    }

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

    .testimonial-card {
      padding: 24px;
    }
  }

  @media (min-width: 1200px) {
    .testimonials-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

/* 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 */
@media (min-width: 901px) {
    .desktop-atc { position: fixed; left: 0; right: 0; bottom: 22px; display: grid; place-items: center; z-index: 40; pointer-events: none; }
    .desktop-atc__inner { background: rgba(255,255,255,.86); backdrop-filter: blur(10px); border: 1px solid rgba(0,0,0,.06); box-shadow: 0 10px 30px rgba(0,0,0,.12); border-radius: 999px; padding: 8px; pointer-events:auto; }
    .desktop-atc__btn { background: var(--color-emasex-blue); color:#fff; font-weight:800; padding: 14px 28px; border-radius: 999px; border:0; cursor:pointer; box-shadow: 0 8px 24px rgba(0,171,199,.28); }
    .desktop-atc__btn:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(0,171,199,.35); }
  }
/* Standard Eyebrow - Blue on White Background */
  .eyebrow {
    color: var(--color-emasex-blue);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 800;
    font-size: .9rem;
    margin-bottom: 10px;
    display: block;
  }
  
  .eyebrow::after {
    content: "";
    display: block;
    height: 3px;
    width: 64px;
    margin: 8px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--color-emasex-blue) 0%, rgba(0,171,199,0) 100%);
  }

  /* White Eyebrow - For Dark/Blue Backgrounds */
  .eyebrow--white {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 800;
    font-size: .9rem;
    margin-bottom: 10px;
    display: block;
  }
  
  .eyebrow--white::after {
    content: "";
    display: block;
    height: 3px;
    width: 64px;
    margin: 8px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  }

  /* Magenta Eyebrow - For Women Sections */
  .eyebrow--magenta {
    color: var(--color-magenta, #d2006b);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 800;
    font-size: .9rem;
    margin-bottom: 10px;
    display: block;
  }
  
  .eyebrow--magenta::after {
    content: "";
    display: block;
    height: 3px;
    width: 64px;
    margin: 8px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--color-magenta, #d2006b) 0%, rgba(210,0,107,0) 100%);
  }

  /* Left-aligned variant (for sections that need it) */
  .eyebrow--left {
    text-align: left;
  }
  
  .eyebrow--left::after {
    margin: 8px 0 0 0;
  }

  /* Center-aligned (default) */
  .eyebrow--center {
    text-align: center;
  }
  
  .eyebrow--center::after {
    margin: 8px auto 0;
  }
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* Hide when hidden attribute is set - CRITICAL for desktop */
.atc-sticky[hidden] {
  display: none !important;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .atc-sticky {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: color-mix(in srgb, var(--color-background, #ffffff) 85%, #ffffff);
    backdrop-filter: saturate(1.2) blur(6px);
    border-top: 1px solid var(--color-border-gray, #e5e7eb);
    z-index: 9998;
  }
  .atc-sticky__inner {
    display: block;
  }
  .atc-sticky__desktop {
    display: none;
  }
  .atc-sticky__mobile {
    display: block;
  }
  .atc-sticky__btn {
    display: inline-flex; width: 100%; justify-content: center; align-items: center;
    height: 52px;
    border-radius: 12px; border: none;
    background: var(--color-emasex-blue, #00abc7);
    color: #fff; font-weight: 700; font-size: 1rem;
    box-shadow: 0 10px 30px rgba(0,171,199,.28);
  }
  .atc-sticky__btn:active { transform: translateY(1px); }
  .atc-sticky__meta {
    display: flex; gap: 8px; justify-content: center;
    margin-top: 8px; color: var(--color-text-secondary, #6b7280);
    font-size: .85rem;
  }
}

/* Desktop Styles - Elegant Layout */
@media (min-width: 769px) {
  .atc-sticky {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    padding: 0;
    background: rgba(0, 171, 199, 0.98); /* Teal background like screenshot */
    backdrop-filter: saturate(1.2) blur(10px);
    border-top: none;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .atc-sticky__inner {
    display: flex;
    align-items: center;
    max-width: 1400px;
    width: 100%;
    padding: 20px 40px;
    gap: 32px;
  }
  
  .atc-sticky__desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 32px;
  }
  
  .atc-sticky__mobile {
    display: none;
  }
  
  /* Product Title - Left Side */
  .atc-sticky__title {
    font-family: var(--font-primary--family, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
    color: #ffffff;
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0;
    letter-spacing: -0.01em;
  }
  
  /* Right Side Container */
  .atc-sticky__right {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
  }
  
  /* Trust Text - Left of Button */
  .atc-sticky__meta-desktop {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    white-space: nowrap;
    font-weight: 400;
  }
  
  .atc-sticky__meta-desktop span:not(:last-child) {
    opacity: 0.85;
  }
  
  /* Button - Right Side */
  .atc-sticky__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 28px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: #ffffff;
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    flex-shrink: 0;
  }
  
  .atc-sticky__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background: #f8f9fa;
  }
  
  .atc-sticky__btn:active {
    transform: translateY(0);
  }
}

/* Hide meta text on very small screens */
@media (max-width: 480px) {
  .atc-sticky__meta {
    font-size: 0.75rem;
  }
}
.qa{position:fixed;inset:0;z-index:9999}
.qa[hidden]{display:none}
.qa__overlay{position:absolute;inset:0;background:rgba(14,17,22,.42);backdrop-filter:saturate(120%) blur(3px);opacity:0;transition:opacity .25s}
.qa__panel{position:absolute;top:0;right:0;height:100%;width:min(480px,100%);background:#fff;box-shadow:-10px 0 30px rgba(0,0,0,.12);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;padding:20px 20px 16px}
.qa.is-open .qa__overlay{opacity:1}
.qa.is-open .qa__panel{transform:none}
.qa__close{position:absolute;top:10px;right:12px;background:none;border:0;font-size:24px;cursor:pointer;color:#6b7280}
.qa__header{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;margin:8px 0 10px}
.qa__media{width:96px;height:96px;border-radius:12px;overflow:hidden;background:#f6f7f9;display:grid;place-items:center}
.qa__media img{width:100%;height:100%;object-fit:contain}
.qa__eyebrow{display:inline-block;color:var(--color-emasex-blue,#00abc7);background:rgba(0,171,199,.08);border-radius:9999px;padding:4px 10px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.qa__title{margin:0;font-weight:700;font-size:1.2rem;color:#0e1116}
.qa__price{margin-top:4px;color:#0e1116;font-weight:700}
.qa__form{margin-top:6px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.qa__options{display:flex;flex-direction:column;gap:10px}
.qa__option{display:flex;flex-direction:column;gap:6px}
.qa__swatches,.qa__radios{display:flex;flex-wrap:wrap;gap:8px}
.qa__chip{border:1px solid #d1d5db;border-radius:9999px;padding:8px 12px;background:#fff;cursor:pointer}
.qa__chip[aria-pressed="true"],.qa__chip.is-active{border-color:var(--color-emasex-blue,#00abc7);box-shadow:0 0 0 4px rgba(0,171,199,.08)}
.qa__qty{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qa__qty-ctrls{display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
.qa__qty-ctrls button{width:38px;height:38px;border:0;background:#fff;cursor:pointer}
.qa__qty-ctrls input{width:56px;height:38px;text-align:center;border:0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}
.qa__sub{padding:10px 12px;background:#f8fafc;border-radius:12px;border:1px dashed #e5e7eb}
.qa__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 18px;border-radius:10px;background:var(--color-emasex-blue,#00abc7);color:#fff;font-weight:700;border:0;cursor:pointer;transition:box-shadow .2s,transform .2s}
.qa__cta:hover{box-shadow:0 10px 30px rgba(0,171,199,.35);transform:translateY(-1px)}
.qa__perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px;color:#6b7280;font-size:.85rem}
@media (max-width:420px){.qa__perks{grid-template-columns:1fr} .qa__panel{padding-bottom:18px}}