/** Shopify CDN: Minification failed

Line 1806:2 All "@import" rules must come first

**/
/* ----------------------------------------------------
     MEDICUBE ENTERPRISE PDP CSS SYSTEM (DESKTOP & MOBILE)
     ---------------------------------------------------- */
  .mc-pdp-root {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #121212;
    background-color: #FFFFFF;
    padding-bottom: 0px;
    width: 100%;
    overflow: visible;
  }

  .mc-pdp-root * {
    box-sizing: border-box;
  }

  /* Youth-Lock ATF Specific Pill & Micro-Preview */
  .mc-yl-atf-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFF1F2;
    color: #E11D48;
    border: 1px solid #FECDD3;
    padding: 6px 14px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
  }
  .mc-yl-atf-dot {
    width: 6px;
    height: 6px;
    background: #E11D48;
    border-radius: 50%;
  }
  .mc-yl-atf-preview {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 16px;
    margin: 18px 0 24px;
  }
  .mc-yl-atf-preview-title {
    font-size: 11.5px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .mc-yl-atf-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  @media (min-width: 640px) {
    .mc-yl-atf-items {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .mc-yl-atf-item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 6px 8px;
  }
  .mc-yl-atf-item img {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
  }
  .mc-yl-atf-item-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .mc-yl-atf-item-info strong {
    font-size: 11px;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mc-yl-atf-item-info span {
    font-size: 10px;
    color: #64748B;
  }

  .mc-pdp-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
  }

  /* Breadcrumbs */
  .mc-pdp-breadcrumbs {
    padding: 18px 0 14px;
    font-size: 12.5px;
    color: #767676;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  .mc-pdp-breadcrumbs a {
    color: #767676;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .mc-pdp-breadcrumbs a:hover {
    color: #121212;
  }
  .mc-bc-sep {
    color: #CCCCCC;
  }
  .mc-bc-current {
    color: #121212;
    font-weight: 500;
  }

  /* Main 2-Column Grid */
  .mc-pdp-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 50px;
    align-items: start;
    width: 100%;
  }

  /* Gallery Layout (Sticky Left Column, Thumbnails Underneath) */
  .mc-pdp-gallery-wrap {
    position: sticky;
    top: 90px;
    align-self: flex-start;
    width: 100%;
    min-width: 0;
    z-index: 10;
  }
  .mc-pdp-gallery {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
  }
  .mc-pdp-stage {
    order: 1;
    position: relative;
    background: #FAFAFA;
    border-radius: 12px;
    overflow: hidden;
    min-width: 0;
    width: 100%;
    border: 1px solid #F3F4F6;
  }
  .mc-pdp-main-slide {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
    border-radius: 12px;
    width: 100%;
    background: #FFF5F7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mc-pdp-main-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    transition: transform 0.15s ease-out, opacity 0.2s ease;
    transform-origin: center center;
    pointer-events: none;
  }
  .mc-pdp-thumbs {
    order: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0;
    scrollbar-width: none;
  }
  .mc-pdp-thumbs::-webkit-scrollbar {
    display: none;
  }
  .mc-pdp-thumb {
    width: 72px;
    height: 72px;
    border: 1.5px solid #E5E7EB;
    border-radius: 8px;
    padding: 2px;
    background: #FFFFFF;
    cursor: pointer;
    overflow: hidden;
    flex-shrink: 0;
    transition: all 0.2s ease;
  }
  .mc-pdp-thumb:hover {
    border-color: #FB7185;
    transform: translateY(-2px);
  }
  .mc-pdp-thumb.active {
    border: 2px solid #E11D48;
    box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.25);
  }
  .mc-pdp-badges {
    position: absolute;
    top: 14px;
    left: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 2;
  }
  .mc-badge-sale {
    background: #D92B38;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 2px;
    letter-spacing: 0.5px;
  }
  .mc-badge-bestseller {
    background: #121212;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 2px;
    letter-spacing: 0.5px;
  }
  .mc-badge-viral {
    background: #FF0055;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 2px;
    letter-spacing: 0.5px;
  }
  .mc-pdp-main-slide {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
  }
  .mc-pdp-main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: opacity 0.25s ease;
  }
  .mc-pdp-mobile-dots {
    display: none;
  }

  /* Info Column */
  .mc-pdp-info-wrap {
    position: relative;
    width: 100%;
    min-width: 0;
  }
  .mc-pdp-info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .mc-pdp-title {
    font-family: 'Aeonik', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    color: #121212;
    margin: 0 0 8px 0;
    letter-spacing: -0.01em;
    word-break: break-word;
  }
  
  /* Rating Row */
  .mc-pdp-rating-row {
    margin-bottom: 12px;
  }
  .mc-pdp-stars-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    font-size: 13.5px;
    color: #121212;
  }
  .mc-stars-icons {
    display: inline-flex;
    align-items: center;
    gap: 2px;
  }
  .mc-rating-val {
    font-weight: 700;
    color: #D92B38;
  }
  .mc-rating-count {
    color: #767676;
    text-decoration: underline;
  }

  /* Subtitle */
  .mc-pdp-subtitle {
    font-size: 13.5px;
    line-height: 1.5;
    color: #555555;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EEEEEE;
  }

  /* Price */
  .mc-pdp-price-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 4px;
    flex-wrap: wrap;
  }
  .mc-price-current {
    font-size: 26px;
    font-weight: 700;
    color: #121212;
  }
  .mc-price-compare {
    font-size: 17px;
    color: #999999;
    text-decoration: line-through;
  }
  .mc-price-save-tag {
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 52%, #A20A2E 100%) !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    letter-spacing: 0.03em !important;
    box-shadow: 0 2px 6px rgba(225, 29, 72, 0.25) !important;
  }
  .mc-pdp-tax-note {
    font-size: 11.5px;
    color: #888888;
    margin-bottom: 20px;
  }

  /* Variants */
  .mc-pdp-variants {
    margin-bottom: 20px;
    width: 100%;
  }
  .mc-variant-label {
    font-size: 13px;
    color: #555555;
    margin-bottom: 8px;
    display: flex;
    gap: 6px;
  }
  .mc-variant-label strong {
    color: #121212;
  }
  .mc-variant-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 8px;
    width: 100%;
  }
  .mc-variant-card {
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    padding: 8px 10px;
    background: #FFFFFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    text-align: left;
    transition: all 0.2s ease;
    min-width: 0;
  }
  .mc-variant-card:hover {
    border-color: #999999;
  }
  .mc-variant-card.active {
    border: 2px solid #121212;
    background: #FAFAFA;
  }
  .mc-variant-card.sold-out {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .mc-var-thumb {
    width: 34px;
    height: 34px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
  }
  .mc-var-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .mc-var-name {
    font-size: 12px;
    font-weight: 700;
    color: #121212;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mc-var-price {
    font-size: 11px;
    color: #666666;
  }
  .mc-var-badge {
    position: absolute;
    top: -7px;
    right: 6px;
    background: #D92B38;
    color: #FFFFFF;
    font-size: 8.5px;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 2px;
  }

  /* Form & CTA */
  .mc-pdp-form {
    margin-bottom: 20px;
    width: 100%;
  }
  .mc-pdp-cta-row {
    display: flex;
    gap: 10px;
    width: 100%;
  }
  .mc-qty-box {
    display: flex;
    align-items: center;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    width: 100px;
    height: 50px;
    background: #FFFFFF;
    flex-shrink: 0;
  }
  .mc-qty-btn {
    width: 32px;
    height: 100%;
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #121212;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .mc-qty-val {
    flex: 1;
    width: 36px;
    border: none;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #121212;
    -moz-appearance: textfield;
    padding: 0;
  }
  .mc-qty-val::-webkit-outer-spin-button,
  .mc-qty-val::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .mc-pdp-atc-btn {
    flex: 1;
    min-width: 0;
    height: 50px;
    background: linear-gradient(180deg, #1A1A1A 0%, #000000 100%) !important;
    color: #FFFFFF !important;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    text-decoration: none;
  }
  .mc-pdp-atc-btn:hover {
    background: linear-gradient(180deg, #333333 0%, #111111 100%) !important;
    color: #FFFFFF !important;
  }
  .mc-pdp-atc-btn:active {
    transform: scale(0.99);
  }
  .mc-pdp-atc-btn:disabled {
    background: #CCCCCC !important;
    color: #777777 !important;
    cursor: not-allowed;
  }
  .mc-pdp-atc-btn *,
  .mc-pdp-atc-btn:hover *,
  .mc-pdp-atc-btn:focus *,
  .mc-pdp-atc-btn:active * {
    color: #FFFFFF !important;
  }
  .mc-atc-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF !important;
  }

  /* Trust List */
  .mc-pdp-trust-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #F9F9F9;
    padding: 14px;
    border-radius: 6px;
    margin-bottom: 20px;
  }
  .mc-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: #333333;
  }
  .mc-trust-item svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-shrink: 0 !important;
  }

  /* Subscribe Box */
  .mc-pdp-subscr-card {
    border: 1px solid #E2E8F0;
    background: #F8FAFC;
    border-radius: 6px;
    padding: 14px;
    margin-bottom: 20px;
  }
  .mc-subscr-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
  }
  .mc-subscr-badge {
    background: #121212;
    color: #FFFFFF;
    font-size: 9.5px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 2px;
  }
  .mc-subscr-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #121212;
  }
  .mc-subscr-desc {
    font-size: 12px;
    color: #666666;
    line-height: 1.4;
    margin: 0 0 6px 0;
  }
  .mc-subscr-link {
    font-size: 12px;
    font-weight: 600;
    color: #D92B38;
    text-decoration: none;
  }

  /* Complete the Set */
  .mc-complete-set-wrap {
    margin-bottom: 20px;
    width: 100%;
  }
  .mc-set-heading {
    font-size: 14.5px;
    font-weight: 700;
    color: #121212;
    margin: 0 0 10px 0;
  }
  .mc-set-card {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: #FFFFFF;
    width: 100%;
  }
  .mc-set-img-wrap {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    background: #FAFAFA;
  }
  .mc-set-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mc-set-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .mc-set-title {
    font-size: 13px;
    font-weight: 700;
    color: #121212;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mc-set-sub {
    font-size: 11px;
    color: #777777;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mc-set-price-row {
    display: flex;
    gap: 6px;
    align-items: baseline;
  }
  .mc-set-price {
    font-size: 12.5px;
    font-weight: 700;
    color: #121212;
  }
  .mc-set-compare {
    font-size: 11px;
    color: #999999;
    text-decoration: line-through;
  }
  .mc-set-add-btn {
    padding: 6px 12px;
    background: #121212;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    flex-shrink: 0;
    transition: background 0.2s ease;
  }
  .mc-set-add-btn:hover {
    background: #333333;
  }

  /* ==========================================================
     URGENCY DEAL BANNER (PDP)
     ========================================================== */
  .mc-urgency-banner {
    background: linear-gradient(135deg, #FFF1F2 0%, #FFFFFF 100%);
    border: 1px solid #FECDD3;
    border-radius: 10px;
    padding: 10px 14px;
    margin: 0 0 14px 0;
    box-shadow: 0 2px 8px rgba(225, 29, 72, 0.05);
    width: 100%;
    box-sizing: border-box;
  }
  .mc-urgency-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    flex-wrap: wrap;
  }
  .mc-urgency-left {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .mc-urgency-pulse {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #E11D48;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.7);
    animation: mcPulseUrgency 1.6s infinite ease-in-out;
  }
  @keyframes mcPulseUrgency {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.7);
    }
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 6px rgba(225, 29, 72, 0);
    }
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(225, 29, 72, 0);
    }
  }
  .mc-urgency-badge-text {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #BE123C;
    text-transform: uppercase;
  }
  .mc-urgency-timer-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .mc-urgency-timer-label {
    font-size: 11px;
    color: #64748B;
    font-weight: 600;
  }
  .mc-urgency-countdown {
    display: inline-flex;
    align-items: center;
    gap: 3px;
  }
  .mc-urgency-num {
    display: inline-block;
    min-width: 22px;
    padding: 2px 4px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    font-weight: 800;
    color: #E11D48;
    text-align: center;
    line-height: 1.2;
  }
  .mc-urgency-colon {
    font-size: 12px;
    font-weight: 800;
    color: #BE123C;
  }
  .mc-urgency-bottom {
    font-size: 11.5px;
    line-height: 1.45;
    color: #334155;
  }
  .mc-urgency-text {
    margin: 0;
  }
  .mc-urgency-text strong {
    color: #0F172A;
  }

  /* ==========================================================
     TARGETED PDP UPSELL SECTION (UNDER ADD TO CART)
     ========================================================== */
  .mc-pdp-upsell-wrapper {
    margin: 16px 0 20px 0;
    padding: 14px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    width: 100%;
    box-sizing: border-box;
  }
  .mc-pdp-upsell-header {
    margin-bottom: 12px;
  }
  .mc-pdp-upsell-title-row {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .mc-pdp-upsell-icon {
    font-size: 15px;
  }
  .mc-pdp-upsell-title {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: #0F172A;
    letter-spacing: -0.01em;
  }
  .mc-pdp-upsell-subtitle {
    margin: 3px 0 0 0;
    font-size: 11.5px;
    color: #64748B;
    line-height: 1.4;
  }
  .mc-pdp-upsell-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .mc-pdp-upsell-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 10px;
    transition: all 0.2s ease;
  }
  .mc-pdp-upsell-card:hover {
    background: #F1F5F9;
    border-color: #E2E8F0;
  }
  .mc-pdp-upsell-img-wrap {
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mc-pdp-upsell-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mc-pdp-upsell-info {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .mc-pdp-upsell-tag {
    display: inline-block;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #E11D48;
    line-height: 1;
  }
  .mc-pdp-upsell-name {
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
  }
  .mc-pdp-upsell-sub {
    margin: 0;
    font-size: 11px;
    color: #64748B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }
  .mc-pdp-upsell-price-row {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    margin-top: 2px;
  }
  .mc-pdp-upsell-price {
    font-weight: 800;
    color: #0F172A;
  }
  .mc-pdp-upsell-compare {
    font-size: 11px;
    text-decoration: line-through;
    color: #94A3B8;
  }
  .mc-pdp-upsell-save {
    font-size: 10px;
    font-weight: 700;
    color: #10B981;
    background: #ECFDF5;
    padding: 1px 4px;
    border-radius: 3px;
  }
  .mc-pdp-upsell-action {
    flex-shrink: 0;
  }
  .mc-pdp-upsell-btn {
    background-color: #0F172A;
    background: #0F172A;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #0F172A;
    padding: 7px 13px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    line-height: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }
  .mc-pdp-upsell-btn:hover {
    background-color: #E11D48;
    background: #E11D48;
    border-color: #E11D48;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(225, 29, 72, 0.25);
  }
  .mc-pdp-upsell-btn.is-added {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #FFFFFF !important;
  }

  /* Skin Attribute Box (schemaWrap) */
  .mc-schema-box {
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    padding: 14px;
    background: #FAFAFA;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  .mc-schema-row {
    display: flex;
    font-size: 12.5px;
    line-height: 1.45;
  }
  .mc-schema-label {
    width: 110px;
    font-weight: 700;
    color: #121212;
    flex-shrink: 0;
  }
  .mc-schema-val {
    color: #555555;
    flex: 1;
  }

  /* Accordions */
  .mc-pdp-accordions-wrap {
    margin-top: 40px;
    border-top: 1px solid #EAEAEA;
    width: 100%;
  }
  .mc-accordion {
    border-bottom: 1px solid #EAEAEA;
  }
  .mc-accordion-header {
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none;
    user-select: none;
  }
  .mc-accordion-header::-webkit-details-marker {
    display: none;
  }
  .mc-accordion-title {
    font-size: 14.5px;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #121212;
    text-transform: uppercase;
  }
  .mc-accordion-icon {
    width: 10px;
    height: 10px;
    border-right: 2px solid #121212;
    border-bottom: 2px solid #121212;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
    flex-shrink: 0;
  }
  .mc-accordion[open] .mc-accordion-icon {
    transform: rotate(-135deg);
  }
  .mc-accordion-content {
    padding-bottom: 20px;
    font-size: 13.5px;
    line-height: 1.65;
    color: #444444;
  }
  .mc-benefit-bullets, .mc-how-steps {
    padding-left: 20px;
    margin: 10px 0;
  }
  .mc-benefit-bullets li, .mc-how-steps li {
    margin-bottom: 6px;
  }
  .mc-study-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin: 14px 0;
  }
  .mc-study-stat {
    background: #F9F9F9;
    padding: 16px;
    border-radius: 6px;
    text-align: center;
    border-top: 3px solid #D92B38;
  }
  .mc-stat-num {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: #D92B38;
    margin-bottom: 4px;
  }
  .mc-stat-desc {
    font-size: 12px;
    color: #555555;
    line-height: 1.35;
  }
  .mc-study-footnote {
    font-size: 11px;
    color: #888888;
    margin-top: 8px;
  }
  .mc-free-from-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
  }
  .mc-tag-free {
    background: #F4F4F4;
    border: 1px solid #E5E5E5;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 11.5px;
    color: #333333;
    font-weight: 500;
  }
  .mc-faq-item {
    margin-bottom: 14px;
  }
  .mc-faq-item strong {
    display: block;
    color: #121212;
    margin-bottom: 2px;
    font-size: 13px;
  }

  /* Reviews Section */
  .mc-pdp-reviews-section {
    padding: 50px 0 30px;
    background: #FAFAFA;
    margin-top: 50px;
    border-top: 1px solid #EAEAEA;
    width: 100%;
  }
  .mc-rev-header {
    text-align: center;
    margin-bottom: 30px;
  }
  .mc-rev-title {
    font-size: 24px;
    font-weight: 800;
    color: #121212;
    margin: 0 0 6px 0;
  }
  .mc-rev-subtitle {
    font-size: 13px;
    color: #666666;
    margin: 0;
  }
  .mc-rev-summary-grid {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 30px;
    background: #FFFFFF;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #EAEAEA;
    margin-bottom: 30px;
    align-items: center;
  }
  .mc-score-box {
    text-align: center;
    border-right: 1px solid #EEEEEE;
    padding-right: 20px;
  }
  .mc-score-big {
    font-size: 50px;
    font-weight: 800;
    color: #121212;
    line-height: 1;
    margin-bottom: 4px;
  }
  .mc-score-stars {
    display: flex;
    justify-content: center;
    gap: 3px;
    margin-bottom: 6px;
  }
  .mc-score-based {
    font-size: 12px;
    color: #767676;
    margin-bottom: 12px;
  }
  .mc-btn-write-review {
    padding: 9px 18px;
    background: #121212;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
  }
  .mc-bars-box {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .mc-bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #555555;
  }
  .mc-bar-label {
    width: 55px;
    font-size: 11.5px;
  }
  .mc-bar-track {
    flex: 1;
    height: 7px;
    background: #EEEEEE;
    border-radius: 4px;
    overflow: hidden;
  }
  .mc-bar-fill {
    height: 100%;
    background: #D92B38;
    border-radius: 4px;
  }
  .mc-bar-pct {
    width: 32px;
    text-align: right;
    font-weight: 600;
    color: #121212;
    font-size: 11.5px;
  }

  /* Customer Photos */
  .mc-rev-photos-wrap {
    margin-bottom: 30px;
  }
  .mc-rev-photos-title {
    font-size: 15px;
    font-weight: 700;
    color: #121212;
    margin: 0 0 12px 0;
  }
  .mc-rev-photos-track {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }
  .mc-rev-photos-track::-webkit-scrollbar {
    display: none;
  }
  .mc-rev-photo {
    width: 110px;
    height: 110px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #EAEAEA;
    background: #FFFFFF;
  }
  .mc-rev-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Review Cards List */
  .mc-reviews-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .mc-review-card {
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    padding: 18px;
  }
  .mc-rev-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
  }
  .mc-rev-author {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .mc-author-name {
    font-size: 13.5px;
    font-weight: 700;
    color: #121212;
  }
  .mc-badge-verified {
    background: #EBF7EE;
    color: #1B8338;
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 5px;
    border-radius: 2px;
  }
  .mc-rev-date {
    font-size: 11px;
    color: #888888;
  }
  .mc-rev-stars {
    color: #D92B38;
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 4px;
  }
  .mc-rev-meta-tags {
    margin-bottom: 6px;
  }
  .mc-meta-tag {
    font-size: 11px;
    color: #666666;
    background: #F4F4F4;
    padding: 2px 6px;
    border-radius: 4px;
  }
  .mc-rev-heading {
    font-size: 14px;
    font-weight: 700;
    color: #121212;
    margin: 0 0 4px 0;
  }
  .mc-rev-body {
    font-size: 13px;
    line-height: 1.55;
    color: #444444;
    margin: 0 0 10px 0;
  }
  .mc-rev-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11.5px;
    color: #777777;
  }
  .mc-helpful-btn {
    background: #F9F9F9;
    border: 1px solid #DDDDDD;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11.5px;
    cursor: pointer;
    color: #333333;
  }

  /* Recommendations Section */
  .mc-pdp-recs-section {
    padding: 50px 0 60px;
    background: #FFFFFF;
    border-top: 1px solid #EAEAEA;
    width: 100%;
  }
  .mc-recs-header {
    text-align: center;
    margin-bottom: 28px;
  }
  .mc-recs-title {
    font-size: 24px;
    font-weight: 800;
    color: #121212;
    margin: 0 0 4px 0;
  }
  .mc-recs-subtitle {
    font-size: 13px;
    color: #666666;
    margin: 0;
  }
  .mc-recs-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
  }
  .mc-rec-card {
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    background: #FFFFFF;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    min-width: 0;
  }
  .mc-rec-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  }
  .mc-rec-img-link {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #FAFAFA;
    width: 100%;
  }
  .mc-rec-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }
  .mc-rec-card:hover .mc-rec-img {
    transform: scale(1.04);
  }
  .mc-rec-badge-sale {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #D92B38;
    color: #FFFFFF;
    font-size: 9.5px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 2px;
  }
  .mc-rec-body {
    padding: 12px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
  }
  .mc-rec-stars {
    color: #D92B38;
    font-size: 11px;
    margin-bottom: 4px;
  }
  .mc-rec-count {
    color: #777777;
  }
  .mc-rec-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 6px 0;
    min-height: 36px;
    word-break: break-word;
  }
  .mc-rec-title a {
    color: #121212;
    text-decoration: none;
  }
  .mc-rec-price-row {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 10px;
    margin-top: auto;
  }
  .mc-rec-price {
    font-size: 14px;
    font-weight: 700;
    color: #121212;
  }
  .mc-rec-compare {
    font-size: 12px;
    color: #999999;
    text-decoration: line-through;
  }
  .mc-rec-atc-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 9px 0;
    background: linear-gradient(180deg, #1A1A1A 0%, #000000 100%);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.2s ease;
  }
  .mc-rec-atc-btn:hover {
    background: linear-gradient(180deg, #333333 0%, #111111 100%);
  }

  /* Sticky Bottom Bar */
  .mc-pdp-sticky-atc {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    border-top: 1px solid #EAEAEA;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.08);
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    padding: 10px 0;
  }
  .mc-pdp-sticky-atc.visible {
    transform: translateY(0);
  }
  .mc-sticky-atc-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .mc-sticky-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .mc-sticky-thumb {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
  }
  .mc-sticky-titles {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .mc-sticky-name {
    font-size: 13px;
    font-weight: 700;
    color: #121212;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
  }
  .mc-sticky-price {
    font-size: 12px;
    color: #D92B38;
    font-weight: 700;
  }
  .mc-sticky-btn {
    padding: 10px 22px;
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 52%, #A20A2E 100%) !important;
    color: #FFFFFF !important;
    border: none;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.03em;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 3px 12px rgba(225, 29, 72, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  }
  .mc-sticky-btn:hover {
    background: linear-gradient(135deg, #FF3360 0%, #E11D48 50%, #900828 100%) !important;
    box-shadow: 0 4px 16px rgba(225, 29, 72, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  }

  /* ----------------------------------------------------
     MOBILE RESPONSIVE BREAKPOINTS (max-width: 989px)
     ---------------------------------------------------- */
  @media screen and (max-width: 989px) {
    .mc-pdp-root {
      width: 100% !important;
      overflow-x: clip !important;
    }
    .mc-pdp-container {
      padding: 0 16px !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    .mc-pdp-breadcrumbs {
      padding: 12px 0 10px !important;
      font-size: 11px !important;
    }
    .mc-pdp-grid {
      display: flex !important;
      flex-direction: column !important;
      gap: 16px !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    .mc-pdp-gallery-wrap,
    .mc-pdp-info-wrap {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
    }
    .mc-pdp-gallery {
      display: flex !important;
      flex-direction: column !important;
      position: static !important;
      gap: 10px !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    .mc-pdp-stage {
      order: 1 !important;
      width: 100% !important;
      max-width: 100% !important;
      aspect-ratio: 1 / 1 !important;
      border-radius: 8px !important;
    }
    .mc-pdp-main-slide {
      width: 100% !important;
      height: 100% !important;
      aspect-ratio: 1 / 1 !important;
    }
    .mc-pdp-main-img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
    }
    .mc-pdp-thumbs {
      order: 2 !important;
      display: flex !important;
      flex-direction: row !important;
      width: 100% !important;
      max-width: 100% !important;
      max-height: none !important;
      overflow-x: auto !important;
      flex-wrap: nowrap !important;
      gap: 8px !important;
      padding: 4px 2px !important;
      -webkit-overflow-scrolling: touch !important;
    }
    .mc-pdp-thumb {
      width: 58px !important;
      height: 58px !important;
      flex: 0 0 58px !important;
      border-radius: 6px !important;
    }
    .mc-pdp-title {
      font-family: 'Aeonik', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
      font-size: 21px !important;
      line-height: 1.25 !important;
      margin-bottom: 6px !important;
    }
    .mc-pdp-subtitle {
      font-size: 12.5px !important;
      margin-bottom: 14px !important;
      padding-bottom: 12px !important;
    }
    .mc-pdp-price-row {
      gap: 8px !important;
    }
    .mc-price-current {
      font-size: 23px !important;
    }
    .mc-price-compare {
      font-size: 15px !important;
    }
    .mc-variant-cards {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 8px !important;
      width: 100% !important;
    }
    .mc-variant-card {
      padding: 8px !important;
      gap: 6px !important;
      min-width: 0 !important;
    }
    .mc-var-thumb {
      width: 30px !important;
      height: 30px !important;
    }
    .mc-var-name {
      font-size: 11.5px !important;
    }
    .mc-var-price {
      font-size: 10.5px !important;
    }
    .mc-pdp-cta-row {
      display: flex !important;
      gap: 8px !important;
      width: 100% !important;
    }
    .mc-qty-box {
      width: 86px !important;
      height: 48px !important;
      flex-shrink: 0 !important;
    }
    .mc-pdp-atc-btn {
      flex: 1 !important;
      min-width: 0 !important;
      height: 48px !important;
      font-size: 13px !important;
      padding: 0 8px !important;
    }
    .mc-schema-box {
      padding: 12px !important;
      gap: 8px !important;
      width: 100% !important;
    }
    .mc-schema-label {
      width: 95px !important;
      font-size: 11.5px !important;
    }
    .mc-schema-val {
      font-size: 12px !important;
      flex: 1 !important;
    }
    .mc-pdp-accordions-wrap {
      margin-top: 28px !important;
      width: 100% !important;
    }
    .mc-accordion-header {
      padding: 14px 0 !important;
    }
    .mc-accordion-title {
      font-size: 13px !important;
    }
    .mc-accordion-content {
      font-size: 12.5px !important;
      line-height: 1.6 !important;
      padding-bottom: 16px !important;
    }
    .mc-study-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 10px !important;
    }
    .mc-study-stat {
      padding: 12px !important;
    }
    .mc-stat-num {
      font-size: 24px !important;
    }
    .mc-pdp-reviews-section {
      padding: 36px 0 20px !important;
      margin-top: 36px !important;
      width: 100% !important;
    }
    .mc-rev-title {
      font-size: 20px !important;
    }
    .mc-rev-subtitle {
      font-size: 12px !important;
    }
    .mc-rev-summary-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      padding: 16px !important;
      gap: 16px !important;
      margin-bottom: 20px !important;
    }
    .mc-score-box {
      border-right: none !important;
      border-bottom: 1px solid #EEEEEE !important;
      padding-right: 0 !important;
      padding-bottom: 16px !important;
    }
    .mc-score-big {
      font-size: 42px !important;
    }
    .mc-btn-write-review {
      width: 100% !important;
      height: 40px !important;
      font-size: 12.5px !important;
    }
    .mc-rev-photo {
      width: 90px !important;
      height: 90px !important;
      flex: 0 0 90px !important;
    }
    .mc-review-card {
      padding: 14px !important;
    }
    .mc-rev-heading {
      font-size: 13.5px !important;
    }
    .mc-rev-body {
      font-size: 12.5px !important;
    }
    .mc-pdp-recs-section {
      padding: 36px 0 44px !important;
      width: 100% !important;
    }
    .mc-recs-title {
      font-size: 20px !important;
    }
    .mc-recs-subtitle {
      font-size: 12px !important;
      margin-bottom: 18px !important;
    }
    .mc-recs-grid {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 10px !important;
      width: 100% !important;
    }
    .mc-rec-card {
      min-width: 0 !important;
      width: 100% !important;
    }
    .mc-rec-body {
      padding: 8px 6px 10px !important;
    }
    .mc-rec-title {
      font-size: 12px !important;
      min-height: 32px !important;
      line-height: 1.3 !important;
      margin-bottom: 4px !important;
    }
    .mc-rec-price-row {
      margin-bottom: 8px !important;
      gap: 4px !important;
    }
    .mc-rec-price {
      font-size: 13px !important;
    }
    .mc-rec-compare {
      font-size: 11px !important;
    }
    .mc-rec-atc-btn {
      padding: 8px 0 !important;
      font-size: 11px !important;
    }
    .mc-sticky-name {
      max-width: 140px !important;
      font-size: 12px !important;
    }
    .mc-sticky-btn {
      padding: 9px 14px !important;
      font-size: 12px !important;
    }
  }

  /* Import Plus Jakarta Sans & Inter for optimal German typography readability */
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&display=swap');

  /* ====================================================
     SCANDI DIRECT-TO-CONSUMER BUNDLE SELECTOR SYSTEM
     ==================================================== */
  
  /* 1. Backed by Science Badge (.bbs-badge) & Modal */
  .bbs-ATk4xZWJqVkx4YmZpT__veli_backed_by_science_4daxaT {
    margin: 8px 0 14px 0 !important;
    display: block !important;
    width: 100% !important;
  }
  .bbs-badge {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .bbs-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    color: #212121 !important;
    margin-bottom: 5px !important;
  }
  .bbs-laurel {
    color: #212121 !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }
  .bbs-laurel svg {
    width: 10px !important;
    height: 18px !important;
    stroke: #212121 !important;
  }
  .bbs-caduceus {
    color: #212121 !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }
  .bbs-caduceus svg {
    width: 21px !important;
    height: 15px !important;
  }
  .bbs-title {
    font-family: "Georgia", "Times New Roman", "Playfair Display", serif !important;
    font-size: 16.5px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    color: #111111 !important;
    line-height: 1.2 !important;
  }
  .bbs-subtitle {
    font-family: inherit !important;
    font-size: 13.5px !important;
    color: #212121 !important;
    line-height: 1.4 !important;
    margin-bottom: 5px !important;
  }
  .bbs-subtitle strong {
    font-weight: 700 !important;
    color: #111111 !important;
  }
  .bbs-link {
    background: none !important;
    border: none !important;
    color: #212121 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    cursor: pointer !important;
    padding: 0 !important;
    display: inline-block !important;
    transition: opacity 0.15s ease !important;
  }
  .bbs-link:hover {
    color: #000000 !important;
    opacity: 0.75 !important;
  }

  /* Backed by Science Modal & Overlay */
  .bbs-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 9999999 !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.22s ease, visibility 0.22s ease !important;
  }
  .bbs-overlay.is-open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .bbs-modal {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    max-width: 580px !important;
    width: 100% !important;
    max-height: 88vh !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    animation: bbsModalPop 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  }
  @keyframes bbsModalPop {
    from {
      opacity: 0;
      transform: translateY(16px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  .bbs-modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid #E2E8F0 !important;
    background: #FAFAFA !important;
  }
  .bbs-modal-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
  }
  .bbs-modal-close {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748B !important;
    border-radius: 8px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
  }
  .bbs-modal-close:hover {
    background: #E2E8F0 !important;
    color: #0F172A !important;
  }
  .bbs-modal-close svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
  }
  .bbs-modal-body {
    padding: 22px 24px 28px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
  }
  .bbs-modal-intro {
    font-size: 13px !important;
    color: #475569 !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #F1F5F9 !important;
  }
  .bbs-ingredient {
    margin-bottom: 18px !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
  }
  .bbs-ingredient:last-child {
    margin-bottom: 0 !important;
  }
  .bbs-ingredient-name {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin: 0 0 6px 0 !important;
  }
  .bbs-ingredient-desc {
    font-size: 13px !important;
    color: #334155 !important;
    line-height: 1.5 !important;
    margin: 0 0 10px 0 !important;
  }
  .bbs-studies-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #64748B !important;
    margin-bottom: 6px !important;
  }
  .bbs-studies-list {
    margin: 0 !important;
    padding-left: 18px !important;
    font-size: 12px !important;
  }
  .bbs-studies-list li {
    margin-bottom: 5px !important;
    line-height: 1.4 !important;
  }
  .bbs-study-link {
    color: #D92B38 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color 0.15s ease !important;
  }
  .bbs-study-link:hover {
    color: #991B1B !important;
  }

  /* 2. Key Benefit Bullets (.vdb-wrap) */
  .vdb-wrap {
    margin: 8px 0 8px !important;
    width: 100% !important;
  }
  .vdb-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  .vdb-item {
    display: flex !important;
    align-items: center !important;
  }
  .vdb-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #1E293B !important;
    line-height: 1.35 !important;
  }
  .vdb-icon {
    width: 19px !important;
    height: 19px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 52%, #A20A2E 100%) !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 6px rgba(225, 29, 72, 0.28) !important;
  }
  .vdb-pill-text {
    font-size: 12.5px !important;
  }
  .vdb-pill-text strong {
    color: #0F172A !important;
    font-weight: 700 !important;
  }

  /* 3. Free Shipping Geo Banner (.ss-free-shipping) */
  .ss-free-shipping {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #F0FDF4 !important;
    border: 1px solid #BBF7D0 !important;
    border-radius: 9px !important;
    padding: 7px 12px !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    color: #166534 !important;
    line-height: 1.35 !important;
  }
  .ss-free-shipping__icon {
    font-size: 15px !important;
    line-height: 1 !important;
  }
  .ss-free-shipping__text strong {
    color: #14532D !important;
    font-weight: 800 !important;
  }

  /* 4. Options Wrapper & Cards */
  .ss-options-wrapper {
    margin: 10px 0 0 !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    -webkit-font-smoothing: antialiased !important;
  }
  .ss-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .ss-header-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0F172A !important;
  }
  .ss-header-recommend {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #E11D48 !important;
    background: #FFF1F2 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    border: 1px solid #FFE4E6 !important;
    white-space: nowrap !important;
  }
  .ss-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .ss-option {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: 13px 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    text-align: left !important;
    transition: border-color 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                border-width 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    line-height: normal !important;
    color: inherit !important;
  }
  .ss-option:hover {
    border-color: #CBD5E1 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
  }
  .ss-option:active {
    transform: scale(0.99) !important;
  }
  .ss-option.is-selected,
  .ss-option.active {
    border: 2.5px solid #FF2E5B !important;
    background: #FFF9FA !important;
    box-shadow: 0 0 0 1.5px rgba(255, 46, 91, 0.2), 0 8px 24px rgba(255, 46, 91, 0.12) !important;
    animation: mcCardPop 0.26s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  @keyframes mcCardPop {
    0% {
      transform: scale(0.985);
    }
    50% {
      transform: scale(1.016);
    }
    100% {
      transform: scale(1);
    }
  }

  /* Sleek Animated Radio Button */
  .ss-option-radio {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    border-radius: 50% !important;
    border: 1.5px solid #CBD5E1 !important;
    background: #FFFFFF !important;
    margin-right: 5px !important;
    flex-shrink: 0 !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
  }
  .ss-option:hover .ss-option-radio {
    border-color: #94A3B8 !important;
  }
  .ss-option.is-selected .ss-option-radio,
  .ss-option.active .ss-option-radio {
    border-color: #FF2E5B !important;
    background: #FF2E5B !important;
    box-shadow: 0 0 0 3px rgba(255, 46, 91, 0.18) !important;
  }
  .ss-option-radio::after {
    content: '' !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    opacity: 0 !important;
    transform: scale(0.3) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  .ss-option.is-selected .ss-option-radio::after,
  .ss-option.active .ss-option-radio::after {
    opacity: 1 !important;
    transform: scale(1) !important;
  }

  /* Option Badges (Default State: Modern Subtle Grey for ALL badges when card is unselected) */
  .ss-option .ss-option-badge {
    position: absolute !important;
    top: -11px !important;
    left: 14px !important;
    background: #F1F5F9 !important;
    color: #475569 !important;
    border: 1px solid #CBD5E1 !important;
    box-shadow: none !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    padding: 2.5px 10px !important;
    border-radius: 20px !important;
    line-height: 1.35 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    z-index: 2 !important;
    transform: scale(0.96) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  /* When Selected: Turn Vibrant Gradient Red with Animation */
  .ss-option.is-selected .ss-option-badge,
  .ss-option.active .ss-option-badge {
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 52%, #A20A2E 100%) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(225, 29, 72, 0.3) !important;
    box-shadow: 0 3px 10px rgba(225, 29, 72, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    transform: scale(1) !important;
    animation: mcBadgePop 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  @keyframes mcBadgePop {
    0% {
      transform: scale(0.92);
    }
    60% {
      transform: scale(1.08);
    }
    100% {
      transform: scale(1);
    }
  }

  /* Scandi 2×2 Grid Layout */
  .ss-option-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "title price"
      "meta  save" !important;
    column-gap: 0.75rem !important;
    row-gap: 3px !important;
    align-items: baseline !important;
    width: 100% !important;
  }
  .ss-option-info, .ss-option-pricing {
    display: contents !important;
  }
  .ss-option-title-row {
    grid-area: title !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
  }
  .ss-option-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0F172A !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.005em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
  .ss-option-title-badge {
    background: linear-gradient(135deg, #FF2E5B 0%, #E11D48 100%) !important;
    color: #FFFFFF !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 2px 7px !important;
    border-radius: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
    display: inline-block !important;
  }
  .ss-option-meta {
    grid-area: meta !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #64748B !important;
    margin: 0 !important;
    line-height: 1.35 !important;
  }
  .ss-option-prices {
    grid-area: price !important;
    justify-self: end !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 6px !important;
  }
  .ss-option-compare {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #94A3B8 !important;
    text-decoration: line-through !important;
  }
  .ss-option-price {
    font-size: 17.5px !important;
    font-weight: 600 !important;
    color: #0F172A !important;
    line-height: 1.1 !important;
  }
  .ss-option-savings {
    grid-area: save !important;
    justify-self: end !important;
    text-align: right !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #FF2E5B !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  /* Subscription Benefits List (.ss-benefits) */
  .ss-benefits {
    margin-top: 10px !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
  }
  .ss-benefits-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  .ss-benefit {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #334155 !important;
  }
  .ss-benefit svg {
    flex-shrink: 0 !important;
  }

  /* Subscription Tooltip (.ss-sub-tooltip) */
  .ss-sub-tooltip {
    margin-top: 8px !important;
    background: #F1F5F9 !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    color: #334155 !important;
    line-height: 1.4 !important;
  }
  .ss-sub-tooltip strong {
    color: #0F172A !important;
    display: block !important;
    margin-bottom: 2px !important;
  }
  .ss-sub-tooltip p {
    margin: 0 !important;
  }
  .ss-sub-info {
    background: none !important;
    border: none !important;
    font-size: 13px !important;
    color: #64748B !important;
    cursor: pointer !important;
    padding: 0 !important;
  }
  .ss-sub-info:hover {
    color: #0F172A !important;
  }

  /* GIFTS UNLOCKED WITH YOUR ORDER */
  .ss-gifts {
    margin-top: 8px !important;
    width: 100% !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
  }
  .ss-gifts-header {
    background: #0F172A !important;
    color: #FFFFFF !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 8px 12px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .ss-gifts-header span {
    color: #FFFFFF !important;
  }
  .ss-gifts-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    padding: 10px !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
  }
  .ss-gift {
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 10px 4px 8px !important;
    text-align: center !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 110px !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
  }
  .ss-gift:not(.is-unlocked) {
    background: #F8FAFC !important;
    opacity: 0.75 !important;
  }
  .ss-gift:not(.is-unlocked) .ss-gift-check {
    display: none !important;
  }
  .ss-gift:not(.is-unlocked) .ss-gift-icon svg {
    stroke: #94A3B8 !important;
    filter: grayscale(80%) !important;
    opacity: 0.65 !important;
  }
  .ss-gift.is-unlocked {
    border-color: #FF2E5B !important;
    background: #FFF5F7 !important;
    opacity: 1 !important;
    box-shadow: 0 2px 8px rgba(255, 46, 91, 0.08) !important;
  }
  .ss-gift.is-unlocked .ss-gift-icon svg {
    stroke: #FF2E5B !important;
  }
  .ss-gift-check {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    width: 18px !important;
    height: 18px !important;
    background: #10B981 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.35) !important;
    z-index: 2 !important;
  }
  .ss-gift-icon {
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 6px !important;
  }
  .ss-gift-icon svg {
    max-height: 54px !important;
    height: 54px !important;
    width: auto !important;
    transition: transform 0.25s ease !important;
  }
  .ss-gift:hover .ss-gift-icon svg {
    transform: scale(1.08) !important;
  }
  .ss-gift-title {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #0F172A !important;
    line-height: 1.2 !important;
    margin-bottom: 3px !important;
  }
  .ss-gift-price {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-size: 10.5px !important;
  }
  .ss-gift-compare {
    color: #94A3B8 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
    font-size: 10px !important;
  }
  .ss-gift-free {
    color: #FF2E5B !important;
    font-weight: 800 !important;
    font-size: 10.5px !important;
  }
  .ss-gift-lock {
    color: #64748B !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
  }

  /* SUBSCRIBE & SAVE 30% */
  .ss-sub-card {
    margin-top: 8px !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 11px 16px !important;
    background: #FFFFFF !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }
  .ss-sub-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 2px !important;
  }
  .ss-sub-title-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
  }
  .ss-sub-title {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
  }
  .ss-sub-meta {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #64748B !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
  .ss-toggle {
    position: relative !important;
    display: inline-block !important;
    width: 44px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
  }
  .ss-toggle input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }
  .ss-toggle-slider {
    position: absolute !important;
    inset: 0 !important;
    background: #E2E8F0 !important;
    border-radius: 24px !important;
    transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  .ss-toggle-slider:before {
    position: absolute !important;
    content: "" !important;
    height: 18px !important;
    width: 18px !important;
    left: 3px !important;
    bottom: 3px !important;
    background: #FFFFFF !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
    transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  .ss-toggle input:checked + .ss-toggle-slider {
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 52%, #A20A2E 100%) !important;
  }
  .ss-toggle input:checked + .ss-toggle-slider:before {
    transform: translateX(20px) !important;
  }

  /* GUARANTEE CARD */
  .ss-guarantee-card {
    margin-top: 8px !important;
    border: 1.5px solid #FFE4E6 !important;
    background: #FFF5F7 !important;
    border-radius: 12px !important;
    padding: 11px 14px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }
  .ss-guarantee-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 52%, #A20A2E 100%) !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 8px rgba(225, 29, 72, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  }
  .ss-guarantee-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 2px !important;
  }
  .ss-guarantee-title {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin: 0 !important;
  }
  .ss-guarantee-sub {
    font-size: 11.5px !important;
    color: #64748B !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
  .ss-guarantee-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #E11D48 !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }
  .ss-guarantee-link:hover {
    text-decoration: underline !important;
  }

  /* Full-Width Signature Gradient Red CTA Button */
  .mc-pdp-cta-row.full-width-cta {
    display: block !important;
    width: 100% !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }
  .mc-pdp-cta-row.full-width-cta .mc-pdp-atc-btn.mc-btn-gradient-red {
    width: 100% !important;
    height: 52px !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 52%, #A20A2E 100%) !important;
    color: #FFFFFF !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    box-shadow: 0 4px 18px rgba(225, 29, 72, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    border: none !important;
  }
  .mc-pdp-cta-row.full-width-cta .mc-pdp-atc-btn.mc-btn-gradient-red:hover {
    background: linear-gradient(135deg, #FF3360 0%, #E11D48 50%, #900828 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 7px 24px rgba(225, 29, 72, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  }
  .mc-pdp-cta-row.full-width-cta .mc-pdp-atc-btn.mc-btn-gradient-red:active {
    transform: translateY(0.5px) !important;
    box-shadow: 0 2px 8px rgba(225, 29, 72, 0.3) !important;
  }
  .mc-atc-arrow-circle {
    width: 22px !important;
    height: 22px !important;
    background: #FFFFFF !important;
    color: #E11D48 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;
  }
  .mc-atc-arrow-circle svg {
    stroke: #E11D48 !important;
  }

  /* ====================================================
     SCANDI DTC ACCORDION & FAQ SYSTEM (.va-accordion)
     ==================================================== */
  .mc-pdp-accordions-wrap {
    margin: 32px auto 40px !important;
    max-width: 900px !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
  .va-accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  }
  .va-item {
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
    contain: content !important;
  }
  .va-item:hover {
    border-color: #CBD5E1 !important;
  }
  .va-item.is-open {
    border-color: rgba(225, 29, 72, 0.35) !important;
    background: linear-gradient(135deg, #FFFDFD 0%, #FFF5F7 100%) !important;
    box-shadow: 0 4px 18px rgba(225, 29, 72, 0.07) !important;
  }
  .va-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 13px 16px !important;
    cursor: pointer !important;
    user-select: none !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
    font-family: inherit !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .va-header:focus-visible {
    outline: 2px solid #E11D48 !important;
    outline-offset: -2px !important;
    border-radius: 14px !important;
  }
  .va-header-content {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 !important;
    min-width: 0 !important;
  }
  .va-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 52%, #A20A2E 100%) !important;
    color: #FFFFFF !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 8px rgba(225, 29, 72, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  }
  .va-icon svg {
    width: 14px !important;
    height: 14px !important;
  }
  .va-title {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em !important;
  }
  .va-chevron {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    color: #64748B !important;
    flex-shrink: 0 !important;
    transform: rotate(0deg) !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease !important;
  }
  .va-chevron svg {
    width: 16px !important;
    height: 16px !important;
  }
  .va-item.is-open .va-chevron {
    transform: rotate(180deg) !important;
    color: #E11D48 !important;
  }
  .va-content {
    display: grid !important;
    grid-template-rows: 0fr !important;
    transition: grid-template-rows 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  .va-item.is-open .va-content {
    grid-template-rows: 1fr !important;
  }
  .va-content-inner {
    overflow: hidden !important;
    min-height: 0 !important;
  }
  .va-body {
    padding: 4px 18px 16px 56px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
  }
  @media (max-width: 640px) {
    .va-body {
      padding: 4px 14px 14px 14px !important;
    }
  }
  .va-body p {
    margin: 0 0 8px 0 !important;
  }
  .va-highlight-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  .va-highlight-list li {
    position: relative !important;
    padding-left: 14px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  .va-highlight-list li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 6px !important;
    width: 6px !important;
    height: 6px !important;
    background: #E11D48 !important;
    border-radius: 50% !important;
  }
  .va-study-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin: 10px 0 8px !important;
  }
  @media (max-width: 640px) {
    .va-study-grid {
      grid-template-columns: 1fr !important;
    }
  }
  .va-stat-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    text-align: center !important;
  }
  .va-stat-val {
    display: block !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #E11D48 !important;
    margin-bottom: 2px !important;
  }
  .va-stat-text {
    font-size: 11.5px !important;
    color: #475569 !important;
    line-height: 1.35 !important;
    display: block !important;
  }
  .va-footnote {
    font-size: 11px !important;
    color: #94A3B8 !important;
    margin-top: 6px !important;
  }
  .va-clean-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 8px !important;
  }
  .va-clean-tags span {
    background: #F1F5F9 !important;
    color: #334155 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
    border-radius: 20px !important;
  }
  .va-steps-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 6px !important;
  }
  .va-step-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
  }
  .va-step-num {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #0F172A !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  .va-step-desc {
    font-size: 12.5px !important;
    color: #334155 !important;
    line-height: 1.4 !important;
  }
  .va-step-desc strong {
    color: #0F172A !important;
  }
  .va-qa-block {
    margin-bottom: 12px !important;
  }
  .va-qa-block:last-child {
    margin-bottom: 0 !important;
  }
  .va-q-text {
    color: #0F172A !important;
    font-weight: 700 !important;
    margin-bottom: 3px !important;
  }
  .va-a-text {
    color: #475569 !important;
    margin-bottom: 0 !important;
  }

  /* Mobile Layout Adjustments */
  @media screen and (max-width: 749px) {
    .mc-bundle-card {
      padding: 10px 12px !important;
    }
    .mc-bundle-name {
      font-size: 13.5px !important;
    }
    .mc-bundle-meta {
      font-size: 11px !important;
    }
    .mc-bundle-price-main {
      font-size: 15.5px !important;
    }
    .mc-bundle-save-text {
      font-size: 10.5px !important;
    }
    .mc-pdp-cta-row.full-width-cta .mc-pdp-atc-btn.mc-btn-gradient-red {
      height: 50px !important;
      font-size: 14.5px !important;
    }
    .mc-gifts-grid {
      gap: 6px !important;
      padding: 8px 6px !important;
    }
    .mc-gift-tier {
      padding: 8px 2px 6px !important;
      min-height: 94px !important;
    }
    .mc-gift-title {
      font-size: 10px !important;
    }
    .mc-gift-free {
      font-size: 10px !important;
    }
    .mc-gift-locked {
      font-size: 9px !important;
    }
  }

  /* Klarna Slogan Box - Tightened Flawless Spacing */
  .mc-pdp-form {
    margin-bottom: 0 !important;
  }
  .mc-klarna-box {
    width: 100% !important;
    margin-top: 2px !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  }
  .mc-klarna-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    font-size: 12px !important;
    color: #475569 !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }
  .mc-klarna-amount {
    font-weight: 800 !important;
    color: #0F172A !important;
  }
  .mc-klarna-badge {
    display: inline-flex !important;
    align-items: center !important;
    height: 18px !important;
    vertical-align: middle !important;
  }
  .mc-klarna-img {
    height: 16px !important;
    width: auto !important;
    vertical-align: middle !important;
    display: inline-block !important;
  }
  .mc-klarna-learn {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #0F172A !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
  }
  .mc-klarna-learn:hover {
    opacity: 0.65 !important;
  }

  /* Klarna Modal Popover */
  .mc-klarna-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 99999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease !important;
  }
  .mc-klarna-modal-backdrop.is-open {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .mc-klarna-modal-card {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    max-width: 440px !important;
    width: 100% !important;
    padding: 28px 24px !important;
    position: relative !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
    animation: mcKlarnaModalPop 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  @keyframes mcKlarnaModalPop {
    from { opacity: 0; transform: scale(0.94) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
  }
  .mc-klarna-modal-close {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #F1F5F9 !important;
    border: none !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #475569 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .mc-klarna-modal-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  .mc-klarna-modal-header h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin: 0 !important;
  }
  .mc-klarna-modal-desc {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.45 !important;
    margin: 0 0 16px !important;
  }
  .mc-klarna-steps {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 22px !important;
  }
  .mc-klarna-step {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: #F8FAFC !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    border: 1px solid #E2E8F0 !important;
  }
  .mc-klarna-step-num {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #0F172A !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  .mc-klarna-step-text strong {
    font-size: 13.5px !important;
    color: #0F172A !important;
    display: block !important;
    margin-bottom: 2px !important;
  }
  .mc-klarna-step-text p {
    font-size: 12px !important;
    color: #64748B !important;
    margin: 0 !important;
    line-height: 1.35 !important;
  }
  .mc-klarna-modal-btn {
    width: 100% !important;
    height: 46px !important;
    background: #0F172A !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
  }
  .mc-klarna-modal-btn:hover {
    background: #1E293B !important;
  }
  /* Youth-Lock quantity selector */
  .mc-yl-offer-selector {
    margin: 18px 0 14px;
    padding: 14px;
    border: 1px solid #eadde1;
    border-radius: 14px;
    background: #fffafb;
  }
  .mc-yl-offer-heading {
    margin-bottom: 10px;
    color: #171717;
    font-size: 14px;
    font-weight: 800;
  }
  /* ==========================================
     QUIA-STYLE LUXURY DESIGN FOR YOUTH-LOCK PDP
     ========================================== */
  .mc-yl-deal-bar {
    width: 100%;
    background: linear-gradient(90deg, #111111 0%, #1e1b1d 50%, #111111 100%);
    color: #FFFFFF;
    padding: 10px 16px;
    margin-bottom: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  }
  .mc-yl-deal-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
  }
  .mc-yl-deal-msg {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .mc-yl-deal-badge {
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 100%);
    color: #FFF;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 20px;
    letter-spacing: 0.04em;
  }
  .mc-yl-deal-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #FFF;
  }
  .mc-yl-deal-sub {
    font-size: 12px;
    color: #FECDD3;
    font-weight: 500;
  }
  .mc-yl-deal-timer {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.1);
    padding: 4px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.15);
  }
  .mc-yl-timer-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 22px;
  }
  .mc-yl-digits {
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
  }
  .mc-yl-label {
    font-size: 9px;
    color: #94A3B8;
    font-weight: 600;
    margin-top: 2px;
  }
  .mc-yl-colon {
    font-weight: 700;
    color: #FF2E5B;
    font-size: 14px;
    margin: 0 1px;
  }

  /* 2x2 Feature Grid (Quia .pip__features) */
  .mc-yl-features-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 14px 0 18px !important;
  }
  .mc-yl-feat-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    background: #FFF8FA !important;
    border: 1px solid #FFE4E8 !important;
    border-radius: 12px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }
  .mc-yl-feat-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.08) !important;
  }
  .mc-yl-feat-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    display: grid !important;
    place-items: center !important;
    background: #FFFFFF !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(225, 29, 72, 0.12) !important;
  }
  .mc-yl-feat-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
  }
  .mc-yl-feat-info strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    line-height: 1.25 !important;
  }
  .mc-yl-feat-info span {
    font-size: 11px !important;
    color: #64748B !important;
    line-height: 1.3 !important;
  }

  /* 3-Tier Luxury Bundle Selector */
  .mc-yl-offer-selector {
    margin: 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .mc-yl-offer-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 2px !important;
  }
  .mc-yl-offer-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111111 !important;
  }
  .mc-yl-offer-badge-rec {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #E11D48 !important;
    background: #FFF1F2 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    border: 1px solid #FFE4E6 !important;
  }
  .mc-yl-offer-option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 14px !important;
    cursor: pointer !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    outline: none !important;
    box-sizing: border-box !important;
  }
  .mc-yl-offer-option:hover {
    border-color: #CBD5E1 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05) !important;
  }
  .mc-yl-offer-option.is-selected {
    border: 2px solid #FF2E5B !important;
    background: #FFF9FA !important;
    box-shadow: 0 0 0 1.5px rgba(255, 46, 91, 0.2), 0 8px 24px rgba(255, 46, 91, 0.12) !important;
  }
  .mc-yl-card-badge {
    position: absolute !important;
    top: -11px !important;
    left: 14px !important;
    background: linear-gradient(135deg, #FF204E 0%, #E11D48 100%) !important;
    color: #FFFFFF !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 2.5px 10px !important;
    border-radius: 20px !important;
    letter-spacing: 0.04em !important;
    box-shadow: 0 2px 8px rgba(225, 29, 72, 0.3) !important;
  }
  .mc-yl-badge-value {
    background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%) !important;
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.3) !important;
  }
  .mc-yl-option-main {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
  }
  .mc-yl-offer-radio {
    width: 18px !important;
    height: 18px !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
  }
  .mc-yl-offer-option.is-selected .mc-yl-offer-radio {
    border-color: #FF2E5B !important;
    background: #FF2E5B !important;
    box-shadow: 0 0 0 3px rgba(255, 46, 91, 0.18) !important;
  }
  .mc-yl-offer-radio::after {
    content: '' !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    opacity: 0 !important;
    transform: scale(0.3) !important;
    transition: all 0.2s ease !important;
  }
  .mc-yl-offer-option.is-selected .mc-yl-offer-radio::after {
    opacity: 1 !important;
    transform: scale(1) !important;
  }
  .mc-yl-offer-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
  }
  .mc-yl-opt-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
  }
  .mc-yl-opt-name {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    line-height: 1.25 !important;
  }
  .mc-yl-deal-pill {
    background: #FFE4E6 !important;
    color: #E11D48 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 2px 7px !important;
    border-radius: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
  }
  .mc-yl-opt-sub {
    font-size: 12px !important;
    color: #64748B !important;
    line-height: 1.35 !important;
  }
  .mc-yl-unit-pill {
    font-size: 11px !important;
    color: #059669 !important;
    font-weight: 700 !important;
    margin-top: 1px !important;
  }
  .mc-yl-offer-pricing {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 2px !important;
    flex-shrink: 0 !important;
  }
  .mc-yl-price-stack {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
  }
  .mc-yl-opt-compare {
    font-size: 13px !important;
    color: #94A3B8 !important;
    text-decoration: line-through !important;
  }
  .mc-yl-opt-price {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #111111 !important;
  }
  .mc-yl-opt-tag {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #E11D48 !important;
    background: #FFF1F2 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
  }
  .mc-yl-tag-best {
    background: #DCFCE7 !important;
    color: #15803D !important;
  }

  /* 60-Day Guarantee Card (.lpi__guarantee) */
  .lpi__guarantee {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    border: 1px solid #EAD5CD !important;
    background: linear-gradient(90deg, #FFF0F3 0%, #FFF8FA 50%, #FFE9EE 100%) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    margin: 14px 0 !important;
  }
  .lpi__guarantee-icon-wrap {
    flex: 0 0 40px !important;
    display: grid !important;
    place-items: center !important;
  }
  .lpi__guarantee-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }
  .lpi__guarantee-title {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    line-height: 1.25 !important;
  }
  .lpi__guarantee-text {
    margin: 0 !important;
    font-size: 12px !important;
    color: #475569 !important;
    line-height: 1.4 !important;
  }

  /* Payment row */
  .mc-yl-payment-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 12px 0 6px !important;
    flex-wrap: wrap !important;
  }
  .mc-yl-pay-badge {
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
  }
  .mc-yl-pay-badge img {
    display: block !important;
    max-height: 18px !important;
    width: auto !important;
  }

  /* Trust checklist */
  .mc-yl-trust-checklist {
    list-style: none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
  }
  .mc-yl-trust-checklist li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12.5px !important;
    color: #334155 !important;
  }
  .mc-yl-trust-checklist svg {
    flex-shrink: 0 !important;
  }
  .mc-yl-offer-note {
    margin: 3px 0 0;
    color: #6b6470;
    font-size: 11px;
    text-align: center;
  }


/* ====== BRAND REFERENCE: ATF-28 & PRODUCT-FORM-28 RED/PINKISH SYSTEM ====== */
.q28 {
  --q28-ink: #111111;
  --q28-ink-2: #1a1a1a;
  --q28-ink-soft: #666666;
  --q28-ink-soft-2: #5d5d5d;
  --q28-surface-subtle: #e5e5e5;
  --q28-white-off: #f8f8f8;
  --q28-white: #ffffff;
  --q28-divider: #d5d5d5;
  --q28-stepper-border: #d4d4d4;
  --q28-success: #589423;
  --q28-success-bg: #e9fee5;
  --q28-star-empty: #e5e5e5;
  --q28-on-brand: #111111;
  --q28-emphasis-ink: #111111;
  --q28-on-badge: #111111;
  --atf-28-face: 'Satoshi', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --q28-font-display: var(--atf-28-face);
  --q28-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --q28-guarantee-border: #ead5cd;
}

/* User instructed: change the gradient vibrant animated golden color with same but red/pinkish */
.q28--pink, .q28--turmeric {
  --q28-accent: #E11D48;
  --q28-accent-hover: #BE123C;
  --q28-card: #FFF5F6;
  --q28-bg-light: #FFF8F9;
  --q28-shiny: linear-gradient(90deg, #FFE4E8 0%, #FFF0F3 50%, #FDC2CA 100%);
  --q28-shiny-stop: #FFE4E8;
  --q28-save-ink: #E11D48;
  --atf-28-star-color: #f7b600;
}

/* Shimmering shiny animation sweep in red/pink tint */
.animation--shiny {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.animation--shiny::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 2;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 228, 232, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skew(-20deg);
  animation: custom-shine-redpink 4.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes custom-shine-redpink {
  0% { left: -100%; }
  35% { left: 160%; }
  100% { left: 160%; }
}
@media (prefers-reduced-motion: reduce) {
  .animation--shiny::after {
    animation: none;
  }
}

/* 1. ATF-28 Header, Rating, Title, Pills, Intro & Bullets */
.atf-28 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: var(--atf-28-face);
  color: var(--q28-ink);
  margin-bottom: 8px;
}
.atf-28__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.atf-28__rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  text-decoration: none;
  color: inherit;
}
.atf-28__stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.atf-28__star {
  display: inline-flex;
  width: 14px;
  height: 14px;
}
.atf-28__star-fill {
  display: block;
  overflow: hidden;
  height: 100%;
}
.atf-28__star-svg {
  width: 14px;
  height: 14px;
  display: block;
}
.atf-28__score {
  font-size: 13.5px;
  font-weight: 500;
  color: #111111;
  margin: 0;
}
.atf-28__tag {
  display: inline-block;
  background: #FFE4E8;
  color: #E11D48;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  line-height: 1.2;
}
.atf-28__title {
  font-family: var(--atf-28-face);
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  color: #111111;
  margin: 4px 0 10px 0;
  letter-spacing: -0.3px;
}
@media (max-width: 767px) {
  .atf-28__title {
    font-size: 23px;
    line-height: 1.25;
  }
}
.atf-28__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.atf-28__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid #E5E5E5;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #111111;
  background: #ffffff;
}
.atf-28__pill-icon {
  width: 15px;
  height: 10px;
  object-fit: contain;
}
.atf-28__intro {
  background: #FFF8F9;
  border: 1px solid #FFE4E8;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.atf-28__intro-heading {
  font-family: var(--atf-28-face);
  font-size: 15px;
  font-weight: 700;
  color: #111111;
  margin: 0 0 6px 0;
}
.atf-28__intro-text p {
  font-size: 13px;
  line-height: 1.5;
  color: #444444;
  margin: 0;
}
.atf-28__bullets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.atf-28__bullet {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.atf-28__bullet-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.atf-28__bullet-text {
  font-size: 13px;
  font-weight: 500;
  color: #111111;
  margin: 0;
  line-height: 1.3;
}
@media (max-width: 500px) {
  .atf-28__bullets {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* 2. Offer Selector (Product Form 28 Tiers) */
.product-form-28__block {
  width: 100%;
  font-family: var(--atf-28-face);
  margin-bottom: 16px;
}
.product-form-28__tiers-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0 14px 0;
  width: 100%;
}
.product-form-28__tiers-rule {
  flex: 1;
  height: 1px;
  background: #E5E5E5;
}
.product-form-28__tiers-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #666666;
  margin: 0;
  white-space: nowrap;
}
.product-form-28__tiers {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
.product-form-28__tier {
  position: relative;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.product-form-28__tier[data-selected="true"] {
  border: 2px solid #E11D48;
  box-shadow: 0 2px 10px rgba(225, 29, 72, 0.08);
}
.product-form-28__tier-ribbon {
  position: absolute;
  top: 0;
  right: 15px;
  background: #111111;
  color: #ffffff;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.8px;
  padding: 3px 8px;
  border-radius: 0 0 5px 5px;
  z-index: 3;
  text-transform: uppercase;
  line-height: 1.2;
}
.product-form-28__tier-head {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px 18px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.product-form-28__radio {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #D4D4D4;
  background: #ffffff;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s ease;
}
.product-form-28__tier[data-selected="true"] .product-form-28__radio {
  border-color: #E11D48;
}
.product-form-28__tier[data-selected="true"] .product-form-28__radio::after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #E11D48;
  display: block;
}
.product-form-28__tier-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.product-form-28__tier-labels {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.product-form-28__tier-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.product-form-28__tier-name {
  font-family: var(--atf-28-face);
  font-size: 16px;
  font-weight: 700;
  color: #111111;
}
.product-form-28__tier-pill {
  display: inline-block;
  background: #FFE4E8;
  color: #E11D48;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  line-height: 1.3;
}
.product-form-28__tier-sub {
  font-size: 12px;
  color: #666666;
}
.product-form-28__tier-prices {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  flex-shrink: 0;
}
.product-form-28__tier-price {
  font-family: var(--atf-28-face);
  font-size: 17px;
  font-weight: 700;
  color: #111111;
}
.product-form-28__tier-compare {
  font-size: 13px;
  color: #888888;
  text-decoration: line-through;
}
.product-form-28__tier-extras {
  display: flex;
  flex-direction: column;
  background: #FFF5F6;
  border-top: 1px solid #FFE4E8;
  padding: 10px 16px;
  gap: 8px;
}
.product-form-28__perk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 12.5px;
  padding: 2px 0;
}
.product-form-28__perk-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-form-28__iconbox {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.product-form-28__iconbox img, .product-form-28__iconbox svg {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.product-form-28__perk-text {
  font-size: 12.5px;
  font-weight: 600;
  color: #111111;
  margin: 0;
}
.product-form-28__perk-price {
  font-size: 12px;
  font-weight: 500;
  color: #888888;
  margin: 0;
  text-decoration: line-through;
}

/* 3. 60-Day Money Back Guarantee */
.lpi__guarantee {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  border: 1px solid #EAD5CD !important;
  border-radius: 12px !important;
  background: #FFF9FA !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  margin: 0 0 16px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.lpi__guarantee-icon-wrap {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lpi__guarantee-icon {
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: block;
}
.lpi__guarantee-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.lpi__guarantee-title {
  font-family: var(--atf-28-face);
  font-size: 15px;
  font-weight: 700;
  color: #111111;
  margin: 0;
  line-height: 1.25;
}
.lpi__guarantee-text {
  font-size: 12.5px;
  line-height: 1.45;
  color: #444444;
  margin: 0;
}

/* 4. Add To Cart Button (Quia style button--primary button--full) */
.product-form__add-button.button.button--primary.button--full,
#AddToCart.product-form__add-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 16px 24px !important;
  border-radius: 12px !important;
  border: none !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-family: var(--atf-28-face) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  text-align: center !important;
  text-transform: capitalize !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
  transition: background-color 0.15s ease, transform 0.1s ease !important;
  margin-bottom: 14px !important;
}
.product-form__add-button.button.button--primary.button--full:hover,
#AddToCart.product-form__add-button:hover {
  background: #262626 !important;
  transform: translateY(-1px);
}
.product-form__add-button.button.button--primary.button--full:active,
#AddToCart.product-form__add-button:active {
  transform: translateY(0);
}
.loader-button__text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.loader-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader-button__loader[hidden] {
  display: none !important;
}

/* 5. Payment Row Tiles */
.product-form-28__pay.product-form-28__pay--tiles {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}
.product-form-28__pay.product-form-28__pay--tiles li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.product-form-28__pay-icon {
  height: 28px !important;
  width: auto !important;
  display: block !important;
}

/* 6. ATF Trust Bullets */
.atf-28__bullets--trust {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  width: 100% !important;
}
.atf-28__bullets--trust .atf-28__bullet {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.atf-28__bullets--trust .atf-28__bullet-text {
  font-size: 13px !important;
  color: #444444 !important;
  font-weight: 500 !important;
}

/* 7. Video Reels Block (.vr) */
.vr {
  margin: 28px 0 24px 0;
  width: 100%;
  font-family: var(--atf-28-face);
}
.vr__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
.vr__title {
  font-family: var(--atf-28-face);
  font-size: 22px;
  font-weight: 700;
  color: #111111;
  margin: 0;
}
.vr__badge-container {
  display: flex;
  align-items: center;
}
.vr__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #FFF0F3;
  border: 1px solid #FFE4E8;
  color: #E11D48;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
}
.vr__badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vr__scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.vr__scroll-wrap::-webkit-scrollbar {
  display: none;
}
.vr__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .vr__grid {
    display: flex;
    gap: 10px;
    width: max-content;
  }
}
.vr__card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #000000;
  aspect-ratio: 9/16;
  cursor: pointer;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .vr__card {
    width: 140px;
  }
}
.vr__media-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.vr__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vr__video-player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
  z-index: 5;
}
.vr__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 6;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  transition: transform 0.15s ease, background-color 0.15s ease;
}
.vr__card:hover .vr__play {
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(0, 0, 0, 0.65);
}

/* 8. FAQ-28 Accordions */
.faq-28__heading {
  font-family: var(--atf-28-face);
  font-size: 26px;
  font-weight: 700;
  color: #111111;
  margin: 32px 0 16px 0;
  text-align: left;
}
.faq-28__heading em {
  font-style: italic;
  color: #E11D48;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
}
details.faq-28 {
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  margin-bottom: 10px;
  background: #ffffff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-family: var(--atf-28-face);
}
details.faq-28[open] {
  border-color: #E11D48;
  box-shadow: 0 2px 8px rgba(225, 29, 72, 0.05);
}
.faq-28__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  font-size: 15px;
  font-weight: 700;
  color: #111111;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.faq-28__q::-webkit-details-marker {
  display: none;
}
.faq-28__toggle {
  width: 16px;
  height: 16px;
  position: relative;
  flex-shrink: 0;
}
.faq-28__toggle::before,
.faq-28__toggle::after {
  content: '';
  position: absolute;
  background: #111111;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.faq-28__toggle::before {
  top: 7px;
  left: 0;
  width: 16px;
  height: 2px;
}
.faq-28__toggle::after {
  top: 0;
  left: 7px;
  width: 2px;
  height: 16px;
}
details.faq-28[open] .faq-28__toggle::after {
  transform: rotate(90deg);
  opacity: 0;
}
.faq-28__body {
  padding: 0 20px 20px 20px;
  font-size: 13.5px;
  line-height: 1.55;
  color: #444444;
  border-top: 1px solid #F0F0F0;
  margin-top: 4px;
  padding-top: 14px;
}
.faq-28__group {
  margin-bottom: 12px;
}
.faq-28__group p {
  margin: 0 0 6px 0;
}
.faq-28__ings {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 14px 0;
}
.faq-28__ing {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #FFF8F9;
  border: 1px solid #FFE4E8;
  border-radius: 10px;
  padding: 10px 14px;
}
.faq-28__ing-img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.faq-28__ing-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.faq-28__ing-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #111111;
}
.faq-28__ing-text {
  font-size: 12px;
  color: #555555;
  line-height: 1.4;
}

/* Timeline */
.faq-28__body--timeline {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  padding-left: 20px;
}
.faq-28__body--timeline::before {
  content: '';
  position: absolute;
  top: 12px;
  bottom: 20px;
  left: 6px;
  width: 2px;
  background: #FFE4E8;
}
.faq-28__stage {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.faq-28__dot {
  position: absolute;
  left: -19px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E11D48;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #E11D48;
}
.faq-28__stage-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #E11D48;
}
.faq-28__stage-title {
  font-size: 14px;
  font-weight: 700;
  color: #111111;
}
.faq-28__stage-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 2px;
}
.faq-28__stage-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.faq-28__stage-text {
  font-size: 12.5px;
  color: #555555;
  line-height: 1.4;
}

/* Myth vs Fact */
.faq-28__lead {
  font-weight: 800;
  color: #E11D48;
  margin-right: 6px;
}

/* Sensitive Skin Ticks */
.faq-28__ticks {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 10px 0;
}
.faq-28__tick {
  display: flex;
  align-items: center;
  gap: 8px;
}
.faq-28_desc {
  font-size: 13px;
  font-weight: 500;
  color: #333333;
}

/* ============================================================ */
/* MEDICUBE YOUTH-LOCK PINK GRADIENT THEME ENHANCEMENTS        */
/* ============================================================ */

.q28--pink .atf-28__intro {
  background: #FAF8F5;
  border: 1px solid #E5E7EB;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  border-radius: 14px;
}
.q28--pink .atf-28__pill {
  background: #F3F4F6;
  border: 1px solid #E5E7EB;
  color: #374151;
  font-weight: 700;
}
.q28--pink .atf-28__tag {
  background: #FEF3C7;
  border: 1px solid #FDE68A;
  color: #92400E;
  font-weight: 700;
}
.q28--pink .product-form-28__tier[data-selected="true"] {
  border: 2px solid #E11D48;
  background: #FFFFFF;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.q28--pink .product-form-28__tier-extras {
  background: #FAF8F5;
  border-top: 1px solid #E5E7EB;
}
.q28--pink .product-form-28__tier-pill {
  background: #FEF3C7;
  border: 1px solid #FDE68A;
  color: #92400E;
  font-weight: 700;
}
.q28--pink .product-form-28__tier-ribbon {
  background: #111111;
}
.q28--pink .product-form-28__submit {
  background: #E11D48;
  box-shadow: 0 4px 16px rgba(225, 29, 72, 0.3);
}
.q28--pink .product-form-28__submit:hover {
  background: #BE123C;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.4);
}

/* ============================================================ */
/* SECTION 1: USER TESTIMONIALS CAROUSEL                        */
/* ============================================================ */
.user-testimonial-28-wrap {
  width: 100%;
  padding: 80px 20px;
  background: #FFFFFF;
  border-top: 1px solid #E5E7EB;
}
.user-testimonial-28__inner {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-testimonial-28__head {
  text-align: center;
  max-width: 680px;
  margin-bottom: 40px;
}
.user-testimonial-28__rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.user-testimonial-28__rating-stars svg {
  display: block;
  color: #F59E0B;
}
.user-testimonial-28__rating-count {
  font-size: 13.5px;
  font-weight: 600;
  color: #4B5563;
}
.user-testimonial-28__heading {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800;
  color: #111827;
  margin: 0 0 10px 0;
  letter-spacing: -0.5px;
}
.user-testimonial-28__accent {
  font-style: normal;
  color: #E11D48;
}
.user-testimonial-28__subheading p {
  font-size: 15px;
  color: #6B7280;
  margin: 0;
  line-height: 1.5;
}
.user-testimonial-28__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .user-testimonial-28__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .user-testimonial-28__cards {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 14px;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
}
.user-testimonial-28__card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
@media (max-width: 640px) {
  .user-testimonial-28__card {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
}
.user-testimonial-28__card:hover {
  transform: translateY(-3px);
  border-color: #D1D5DB;
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.08);
}
.user-testimonial-28__media {
  width: 100%;
  height: 380px;
  overflow: hidden;
  background: #F8FAFC;
  position: relative;
}
.user-testimonial-28__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.user-testimonial-28__body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.user-testimonial-28__top {
  margin-bottom: 16px;
}
.user-testimonial-28__stars {
  margin-bottom: 8px;
}
.user-testimonial-28__stars svg {
  display: block;
}
.user-testimonial-28__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: #111827;
  margin: 0 0 8px 0;
}
.user-testimonial-28__quote p {
  font-size: 13px;
  line-height: 1.5;
  color: #4B5563;
  margin: 0;
}
.user-testimonial-28__bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid #F3F4F6;
  padding-top: 12px;
}
.user-testimonial-28__author {
  display: flex;
  align-items: center;
}
.user-testimonial-28__ident {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.user-testimonial-28__name {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 700;
  color: #111827;
}
.user-testimonial-28__name svg {
  color: #059669;
}
.user-testimonial-28__verified {
  font-size: 11px;
  color: #059669;
  font-weight: 600;
}
.user-testimonial-28__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.user-testimonial-28__tag {
  background: #FEF3C7;
  color: #92400E;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 999px;
}
.user-testimonial-28__cta-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.user-testimonial-28__cta {
  background: #111111;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 44px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.user-testimonial-28__cta:hover {
  background: #E11D48;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.3);
}
.user-testimonial-28__guarantee {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4B5563;
  margin: 0;
  font-weight: 500;
}
.user-testimonial-28__guarantee-icon {
  color: #059669;
}

/* ============================================================ */
/* SECTION 2: SKIP THE FOUNDATION                               */
/* ============================================================ */
.skip-foundation {
  padding: 80px 20px;
  background: #ffffff;
}
.skip-foundation__frame {
  max-width: 1200px;
  margin: 0 auto;
}
.skip-foundation__panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  background: #FAF8F5;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
  padding: 48px;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.04);
}
@media (max-width: 900px) {
  .skip-foundation__panel {
    grid-template-columns: 1fr;
    padding: 24px;
    gap: 28px;
  }
}
.skip-foundation__media {
  width: 100%;
}
.skip-foundation__media img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.skip-foundation__content {
  display: flex;
  flex-direction: column;
}
.skip-foundation__head {
  margin-bottom: 24px;
}
.skip-foundation__heading {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 800;
  color: #111827;
  margin: 0 0 10px 0;
  letter-spacing: -0.4px;
}
.skip-foundation__heading .accent {
  color: #E11D48;
}
.skip-foundation__subheading {
  font-size: 15px;
  color: #4B5563;
}
.skip-foundation__stats {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.skip-foundation__stats li {
  display: flex;
  align-items: center;
  gap: 14px;
}
.skip-foundation__lead {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.skip-foundation__icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  color: #E11D48;
}
.skip-foundation__icon svg {
  width: 100%;
  height: 100%;
}
.skip-foundation__value {
  font-size: 24px;
  font-weight: 800;
  color: #111827;
  letter-spacing: -0.5px;
}
.skip-foundation__label {
  font-size: 14px;
  color: #374151;
  font-weight: 500;
}
.skip-foundation__footnote {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11.5px;
  color: #6B7280;
  line-height: 1.45;
  margin-bottom: 24px;
  border-top: 1px solid #E5E7EB;
  padding-top: 14px;
}
.skip-foundation__footnote-icon {
  width: 16px;
  height: 16px;
  color: #E11D48;
  flex-shrink: 0;
  margin-top: 1px;
}
.skip-foundation__actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.skip-foundation__cta {
  background: #111111;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.skip-foundation__cta:hover {
  background: #E11D48;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.3);
}
.skip-foundation__guarantee {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4B5563;
  font-weight: 500;
}
.skip-foundation__guarantee-icon {
  color: #059669;
}

/* ============================================================ */
/* SECTION 3: HOW IT ACTUALLY WORKS                             */
/* ============================================================ */
.results-build-28-wrap {
  width: 100%;
  padding: 80px 20px;
  background: #ffffff;
  border-top: 1px solid #E5E7EB;
}
.results-build-28 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: center;
}
@media (max-width: 900px) {
  .results-build-28 {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.results-build-28__heading {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800;
  color: #111827;
  margin: 0 0 28px 0;
  letter-spacing: -0.4px;
}
.results-build-28__accent {
  color: #E11D48;
  margin-left: 6px;
}
.results-build-28__steps {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-left: 2px solid #E5E7EB;
  padding-left: 20px;
}
.results-build-28__step {
  position: relative;
}
.results-build-28__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.results-build-28__dot {
  position: absolute;
  left: -26px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E11D48;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #E5E7EB;
}
.results-build-28__chip {
  background: #FEF3C7;
  color: #92400E;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
}
.results-build-28__title {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px 0;
}
.results-build-28__main_content {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.results-build-28__main_content img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}
.results-build-28__text {
  font-size: 13.5px;
  color: #4B5563;
  line-height: 1.5;
  margin: 0;
}
.results-build-28__cta-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.results-build-28__cta {
  background: #111111;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 34px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}
.results-build-28__cta:hover {
  background: #E11D48;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.3);
}
.results-build-28__guarantee {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4B5563;
  margin: 0;
  font-weight: 500;
}
.results-build-28__guarantee svg {
  color: #059669;
}
.results-build-28__media {
  width: 100%;
}
.results-build-28__frame img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  display: block;
}

/* ============================================================ */
/* SECTION 4: USP MARQUEE STRIP (Seamless Infinite Loop)       */
/* ============================================================ */
.usp-marquee-28__strip {
  width: 100%;
  overflow: hidden;
  background: #FAF8F5;
  border-top: 1px solid #E5E7EB;
  border-bottom: 1px solid #E5E7EB;
  padding: 18px 0;
  position: relative;
}
.usp-marquee-28__track {
  display: flex;
  width: max-content;
  animation: marquee28 32s linear infinite;
  will-change: transform;
}
@keyframes marquee28 {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.usp-marquee-28__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 32px;
  flex-shrink: 0;
}
.usp-marquee-28__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}
.usp-marquee-28__icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.usp-marquee-28__text {
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #1F2937;
  margin: 0;
  white-space: nowrap;
}

/* ============================================================ */
/* SECTION 5: THE FOUR-STEP NIGHT RITUAL                        */
/* ============================================================ */
.night-ritual-wrap {
  width: 100%;
  padding: 80px 20px;
  background: #ffffff;
  border-top: 1px solid #E5E7EB;
}
.night-ritual__wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.night-ritual__head {
  text-align: center;
  margin-bottom: 40px;
}
.night-ritual__heading {
  font-size: 32px;
  font-weight: 800;
  color: #111827;
  margin: 0 0 10px 0;
}
.night-ritual__heading em {
  font-style: normal;
  color: #E11D48;
}
.night-ritual__subheading {
  font-size: 15px;
  color: #6B7280;
  margin: 0;
}
.night-ritual__carousel {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.night-ritual__track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
}
@media (max-width: 900px) {
  .night-ritual__track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }
}
.night-ritual__card {
  background: #FAF8F5;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #E5E7EB;
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .night-ritual__card {
    flex: 0 0 78%;
    scroll-snap-align: start;
  }
}
.night-ritual__figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.night-ritual__img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}
.night-ritual__badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px 6px 16px;
}
.night-ritual__num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #E11D48;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}
.night-ritual__label {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
}
.night-ritual__caption {
  font-size: 13px;
  color: #4B5563;
  line-height: 1.45;
  padding: 0 16px 18px 16px;
  margin: 0;
}
.night-ritual__slider-nav {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}
@media (max-width: 900px) {
  .night-ritual__slider-nav {
    display: flex;
  }
}
.night-ritual__arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #E5E7EB;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #111827;
}
.night-ritual__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.night-ritual__dots {
  display: flex;
  gap: 8px;
}
.night-ritual__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D1D5DB;
  border: none;
  padding: 0;
  cursor: pointer;
}
.night-ritual__dot.active {
  background: #E11D48;
  width: 20px;
  border-radius: 999px;
}
.night-ritual__cta-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.night-ritual__cta {
  background: #111111;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 44px;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}
.night-ritual__cta:hover {
  background: #E11D48;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.3);
}
.night-ritual__guarantee {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4B5563;
  margin: 0;
}

/* ============================================================ */
/* SECTION 6: EVERYTHING YOUR SKIN NEEDS (Full-Width Edge-to-Edge) */
/* ============================================================ */
.skin-benefits-wrap {
  width: 100%;
  padding: 80px 0;
  background: #ffffff;
  border-top: 1px solid #E5E7EB;
  position: relative;
}
.skin-benefits__inner {
  width: 100%;
  margin: 0 auto;
}
.skin-benefits__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 40px auto;
  padding: 0 20px;
}
.skin-benefits__heading p {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800;
  color: #111827;
  margin: 0 0 10px 0;
  letter-spacing: -0.4px;
}
.skin-benefits__heading strong {
  color: #E11D48;
}
.skin-benefits__subheading p {
  font-size: 15px;
  color: #6B7280;
  margin: 0;
  line-height: 1.5;
}
.skin-benefits__viewport {
  width: 100%;
  overflow: hidden;
  padding: 10px 0 24px 0;
}
.skin-benefits__slider {
  display: flex !important;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 0 max(24px, calc((100vw - 1200px) / 2));
}
.skin-benefits__slider::-webkit-scrollbar {
  display: none;
}
.skin-benefits__slide {
  flex: 0 0 280px !important;
  width: 280px !important;
  position: relative !important;
  left: auto !important;
  transform: none !important;
  scroll-snap-align: start;
}
.skin-benefits__card {
  background: #E8DCCB;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 16px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.skin-benefits__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.skin-benefits__image {
  width: 100%;
  height: 220px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}
.skin-benefits__content {
  padding: 14px 4px 6px 4px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.skin-benefits__title {
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 6px 0;
}
.skin-benefits__description p {
  font-size: 13.5px;
  line-height: 1.5;
  color: #42382E;
  margin: 0 0 14px 0;
  flex: 1;
}
.skin-benefits__badge {
  align-self: flex-start;
  background: #F59E0B;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 999px;
  letter-spacing: 0.3px;
}
.skin-benefits__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 32px;
  padding: 0 20px;
}
.skin-benefits__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D1D5DB;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s ease;
}
.skin-benefits__dot.active {
  background: #F59E0B;
  width: 22px;
  border-radius: 999px;
}
.skin-benefits__cta-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 0 20px;
}
.skin-benefits__cta {
  background: #111111;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  padding: 16px 44px;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.skin-benefits__cta:hover {
  background: #E11D48;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.3);
}
.skin-benefits__guarantee {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4B5563;
  font-weight: 500;
}

/* ============================================================ */
/* SECTION 7: COMPARISON TABLE                                  */
/* ============================================================ */
.comparison-table-wrap {
  width: 100%;
  padding: 80px 20px;
  background: #ffffff;
  border-top: 1px solid #E5E7EB;
}
.comparison-table {
  max-width: 1100px;
  margin: 0 auto;
}
.comparison-table__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 40px auto;
}
.comparison-table__heading p {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800;
  color: #111827;
  margin: 0 0 10px 0;
  letter-spacing: -0.4px;
}
.comparison-table__subheading p {
  font-size: 15px;
  color: #6B7280;
  margin: 0;
  line-height: 1.5;
}
.comparison-table__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: stretch;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .comparison-table__grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-bottom: 8px;
  }
}
.comparison-table__column {
  border-radius: 20px;
  border: 1px solid #E5E7EB;
  background: #FAF8F5;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .comparison-table__column {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
}
.comparison-table__column--highlight {
  border: 2px solid #E11D48;
  background: #FFF8F9;
  box-shadow: 0 8px 30px rgba(225, 29, 72, 0.08);
}
.comparison-table__column-title {
  font-size: 18px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 20px;
  text-align: center;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comparison-table__column-title-image {
  max-width: 120px;
  height: auto;
}
.comparison-table__features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.comparison-table__feature {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: #374151;
  font-weight: 500;
}
.comparison-table__feature-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comparison-table__image-wrap {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: 12px;
}
.comparison-table__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.comparison-table__dots {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .comparison-table__dots {
    display: flex;
  }
}
.comparison-table__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D1D5DB;
}
.comparison-table__dot.is-active {
  background: #E11D48;
  width: 18px;
  border-radius: 999px;
}
.comparison-table__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.comparison-table__button {
  background: #111111;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 44px;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.comparison-table__button:hover {
  background: #E11D48;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(225, 29, 72, 0.3);
}
.comparison-table__guarantee {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4B5563;
  font-weight: 500;
}
.comparison-table__guarantee-icon {
  width: 18px;
  height: 18px;
  color: #059669;
}

/* ============================================================ */
/* SECTION 8: FAQ ACCORDION SECTION (After Reviews)             */
/* ============================================================ */
.mc-yl-faq-section-wrap {
  width: 100%;
  padding: 64px 20px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF5F7 100%);
  border-top: 1px solid #FFE4E8;
}
.faq-section {
  max-width: 840px;
  margin: 0 auto;
}
.faq-section__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.faq-section__heading {
  text-align: center;
  margin-bottom: 36px;
}
.faq-section__heading p {
  font-size: 32px;
  font-weight: 800;
  color: #111827;
  margin: 0;
  letter-spacing: -0.4px;
}
.faq-section__heading strong {
  color: #E11D48;
}
.faq-section__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
.faq-item {
  background: #ffffff;
  border: 1px solid #FECDD3;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(225, 29, 72, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.faq-item[open] {
  border-color: #FB7185;
  box-shadow: 0 4px 18px rgba(225, 29, 72, 0.08);
}
.faq-item__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  cursor: pointer;
  list-style: none;
  user-select: none;
  outline: none;
}
.faq-item__summary::-webkit-details-marker {
  display: none;
}
.faq-item__question {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  line-height: 1.35;
}
.faq-item__icon {
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.faq-item__icon-line {
  position: absolute;
  background: #E11D48;
  border-radius: 2px;
  transition: transform 0.2s ease;
}
.faq-item__icon-line--h {
  top: 7px;
  left: 0;
  width: 16px;
  height: 2px;
}
.faq-item__icon-line--v {
  top: 0;
  left: 7px;
  width: 2px;
  height: 16px;
}
.faq-item[open] .faq-item__icon-line--v {
  transform: rotate(90deg);
  opacity: 0;
}
.faq-item__content {
  padding: 0 22px 22px 22px;
  font-size: 14px;
  line-height: 1.6;
  color: #4B5563;
}
.faq-item__content p {
  margin: 0 0 10px 0;
}
.faq-item__content ul {
  padding-left: 20px;
  margin: 8px 0 14px 0;
}
.faq-item__content li {
  margin-bottom: 4px;
}
.faq-item__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #FFF1F4;
  color: #BE123C;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
}
.faq-item__author {
  font-size: 12.5px;
  color: #6B7280;
  font-weight: 600;
  margin-bottom: 10px !important;
}
.faq-item__intro p {
  font-weight: 700;
  color: #111827;
}
.faq-item__disclaimer {
  font-size: 12px;
  color: #9CA3AF;
  font-style: italic;
  margin-top: 10px;
}