.s6 {
        background: #ffffff;
        padding: 3rem 5% 5rem;
      }

      .s6-header {
        text-align: center;
        margin-bottom: 2.5rem;
      }

      .s6-badge {
        display: inline-block;
        border: 1px solid #d0cfc8;
        color: #1a1a18;
        font-size: 0.8rem;
        font-weight: 600;
        padding: 0.3rem 0.9rem;
        border-radius: 50px;
        margin-bottom: 1.2rem;
      }

      .s6-header h2 {
        font-family: 'El Messiri', sans-serif;
        font-size: clamp(2.4rem, 5vw, 3.6rem);
        font-weight: 900;
        color: #1a1a18;
        letter-spacing: -0.03em;
        line-height: 1.12;
        margin-bottom: 0.8rem;
      }

      .s6-header p {
        font-size: 0.97rem;
        color: #9a9a92;
        max-width: 380px;
        margin: 0 auto;
        line-height: 1.6;
      }

      .s6-toggle {
        display: flex;
        justify-content: center;
        margin-bottom: 3rem;
      }

      .toggle-wrap {
        display: inline-flex;
        background: #f0ede8;
        border-radius: 50px;
        padding: 4px;
        gap: 2px;
      }

      .toggle-btn {
        font-family: 'El Messiri', sans-serif;
        font-size: 0.88rem;
        font-weight: 700;
        padding: 0.45rem 1.2rem;
        border-radius: 50px;
        border: none;
        cursor: pointer;
        background: transparent;
        color: #7a7a72;
        transition: background 0.2s, color 0.2s;
      }
      
      .savings-text {
        font-size: 0.7rem;
        color: #4a7a5e;
        font-weight: 600;
        white-space: nowrap;
      }

      .toggle-btn.active {
        background: #ffffff;
        color: #1a1a18;
        box-shadow: 0 1px 4px rgba(0,0,0,0.1);
      }

      .s6-grid {
        display: flex !important;
        justify-content: center !important;
        max-width: 600px !important;
        margin: 0 auto !important;
      }

      .price-card {
        border: 1px solid #e4e2dc;
        border-radius: 14px;
        padding: 2.5rem 2.5rem;
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
      }

      .price-card-name {
        display: inline-block;
        border: 1px solid #d0cfc8;
        color: #1a1a18;
        font-size: 0.78rem;
        font-weight: 700;
        padding: 0.25rem 0.75rem;
        border-radius: 6px;
        margin-bottom: 1.4rem;
        width: fit-content;
      }

      .price-amount {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 0.4rem;
        margin-bottom: 0.5rem;
      }

      .price-num {
        font-family: 'El Messiri', sans-serif;
        font-size: 3rem;
        font-weight: 900;
        color: #1a1a18;
        letter-spacing: -0.04em;
        line-height: 1;
      }
      
      .price-egp {
        width: 100%;
        font-size: 0.82rem;
        color: #9a9a92;
        font-weight: 500;
        margin-top: 2px;
      }

      .price-currency {
        font-size: 1rem;
        font-weight: 700;
        color: #1a1a18;
      }

      .price-per {
        font-size: 0.85rem;
        color: #9a9a92;
        font-weight: 400;
      }
      
      .price-egp-approx {
        font-size: 0.8rem;
        color: #666;
        margin-top: 4px;
      }

      .price-desc {
        font-size: 0.88rem;
        color: #9a9a92;
        margin-bottom: 1.6rem;
        line-height: 1.5;
      }

      .price-features {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 0.7rem;
        margin-bottom: 2rem;
        flex: 1;
      }

      .price-features li {
        display: flex;
        align-items: center;
        gap: 0.7rem;
        font-size: 0.88rem;
        color: #1a1a18;
        font-weight: 500;
      }

      .price-features li.disabled {
        color: #b8b8b0;
      }

      .fi-check {
        width: 20px; height: 20px;
        border-radius: 50%;
        background: #1a1a18;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .fi-check svg {
        width: 10px; height: 10px;
        stroke: #fff;
        fill: none;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .fi-cross {
        width: 20px; height: 20px;
        border-radius: 50%;
        border: 1.5px solid #d0cfc8;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .fi-cross svg {
        width: 8px; height: 8px;
        stroke: #b8b8b0;
        fill: none;
        stroke-width: 2.5;
        stroke-linecap: round;
      }

     .btn-buy {
        display: block;
        width: fit-content;
        background: #1a1a18;
        color: #ffffff;
        font-family: 'El Messiri', sans-serif;
        font-size: 0.95rem;
        font-weight: 700;
        padding: 0.85rem;
        border-radius: 6px;
        border: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        transition: none;
      }

      .btn-buy::after {
        content: '';
        position: absolute;
        top: -50%;
        left: -75%;
        width: 50%;
        height: 200%;
        background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.28) 50%,
            rgba(255, 255, 255, 0) 100%
        );
        transform: skewX(-20deg);
        transition: left 0s;
        pointer-events: none;
      }

      .btn-buy:hover::after {
        left: 130%;
        transition: left 0.65s ease;
      }
      
      .btn-trial {
        display: block;
        width: fit-content;
        background: transparent;
        color: #1a1a18;
        font-family: 'El Messiri', sans-serif;
        font-size: 0.95rem;
        font-weight: 700;
        padding: 0.85rem;
        border-radius: 6px;
        border: 2px solid #1a1a18;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        transition: all 0.2s ease;
      }

      .btn-trial:hover {
        background: #1a1a18;
        color: #ffffff;
        opacity: 1;
      }
      
      .pricing-buttons {
        display: flex;
        gap: 1rem;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem;
      }

    /* Desktop: side by side */
    .btn-buy,
    .btn-trial {
        flex: 0 0 auto;
        min-width: 180px;
    }

/* Mobile: stacked and centered */
@media (max-width: 640px) {
    .pricing-buttons {
        flex-direction: column;
        gap: 0.8rem;
        width: 100%;
    }
    
    .btn-buy,
    .btn-trial {
        width: 100%;
        min-width: unset;
        text-align: center;
    }
}

      @media (max-width: 780px) {
        .s6-grid { 
        max-width: 420px; 
        }
    }