/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .md-video-player {
        animation: none;
    }
}

/* Desktop/Tablet - max-width: 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
    .md-hero-section{
        aspect-ratio: 1728/800;
        min-height: fit-content;
    }
    .md-products-section {
        padding: 60px 0;    
    }
    .md-products-header {
        text-align: center;
        max-width: 70%;
        margin: 0 auto 40px;
    }
    .md-clinical-content {
        gap: 40px;
    }
    .md-product-bottle {
        width: 220px;
    }
    .md-clinical-results {
        gap: 40px;
    }
    .md-result-number {
        font-size: 62px;
    }
    .md-testimonial-card {
        /* flex: 0 0 350px; */
        padding: 25px;
    }
    .md-testimonial-name {
        font-size: 26px;
        margin-bottom: 12px;
    }
    .md-testimonial-section-title {
        font-size: 36px;
    }

    .md-products-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .md-testimonial-quote {
        font-size: 17px;
    }
    .md-products-title {
        font-size: 36px;
    }
    .md-products-description {
        font-size: 16px;
    }

    .md-hero-title {
        font-size: 36px;
    }
    .md-product-hero-grid {
        grid-template-columns: 1fr;
    }
    .md-product-content-grid {
        grid-template-columns: 1fr;
    }
    .md-widget-sticky {
        position: static;
    }
    .md-slider-arrow-left {
    left: 00px;
    }

    .md-slider-arrow-right {
        right: 0px;
    }
    .md-before-after-container {
        padding: 0 40px;
    }
    .md-tech-grid.md-tech-grid-2col{
        display: grid;
        grid-template-columns: 1fr;
    }
    .md-technology-section-1 .md-tech-col-right{
    align-items: center;
   }
   .md-technology-section-1 .md-tech-col-right .md-tech-image{
    max-width: 60%;
   }
   .md-care-landing .md-technology-section-1  .md-tech-grid .md-tech-col.md-tech-col-right{
    order: 1;
   } 
   .md-care-landing .md-technology-section-1  .md-tech-grid .md-tech-col.md-tech-col-left{
    order: 2;
   } 
   .md-technology-section-2 .md-tech-grid,
   .md-technology-section-3 .md-tech-grid {
        grid-template-columns: 1fr 1fr;
    }
    .md-tech-fullwidth-slide {     
        aspect-ratio: 1428 / 368;
    }
    .md-products-grid{
        padding: 0 15%;
    }
    .md-tech-slide-image {
        object-position: center right;
    }
    .md-testimonial-avatar {
    width: 110px;
    height: 110px;
    }
    .md-products-grid-slider {        
    gap: 30px;    
    }
    .md-care-landing .md-product-subname {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
    }
    .md-product-image img {
    width: 90%;
    }
    .md-product-image{
        margin-bottom: 15px;
    }
    .md-product-name {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .md-product-info-title,
    .md-testimonial-section-title,
    .md-products-title {
        font-size: 32px;
        margin-bottom: 30px;
    }
    section.md-product-info{
        padding: 60px 0;
    }
    .md-testimonial-track {
        gap: 10px;
    }
}

/* Mobile - max-width: 768px */
@media (max-width: 768px) {
    /* Hero Section */
    .md-hero-section {
        height: 500px;
        min-height: calc(100vh - 90px);
    }
    .md-hero-title {
        font-size: 30px;
    }
    .md-products-header {
        max-width: 100%;
    }
    .md-product-name {
        font-size: 22px;
        margin-bottom: 15;
    }
    .md-product-image {
        margin-bottom: 12px;
    }
    .md-products-section .md-container .md-products-grid {
        padding: 0 20px;
    }
    .md-hero-subtitle {
        font-size: 18px;
    }
    .md-products-description {
        text-align: justify;
    }
    .md-hero-description {
        font-size: 16px;
    }
    .md-products-section {
        padding: 30px 0;
    }.md-products-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .md-products-title {
        font-size: 24px;
    }
    .md-products-description {
        font-size: 16px;
    }
    .md-care-landing .md-product-subname {
        text-align: center !important;
        font-size: 18px;
    }

   
    
    /* Technology Section */
    .md-tech-title {
        font-size: 30px;
    }
    .md-dna-tech-button {
        font-size: 16px;
    }
    .md-tech-fullwidth-slide {
        aspect-ratio: 1720 / 480;
    }
    .md-tech-slide-image {
        zoom: 1.08;
        object-position: center right; 
    }
    
    .md-care-landing .md-technology-section-1  .md-tech-grid {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 30px;
   }
   .md-technology-section-1 .md-tech-desc{
    font-size: 12px;
    font-weight: 400;
   }
   .md-technology-section-1 .md-tech-col-right{
    align-items: center;
   }
   .md-technology-section-1 .md-tech-col-right .md-tech-image{
    max-width: 60%;
   }
   .md-care-landing .md-technology-section-1  .md-tech-grid .md-tech-col.md-tech-col-right{
    order: 1;
   } 
   .md-care-landing .md-technology-section-1  .md-tech-grid .md-tech-col.md-tech-col-left{
    order: 2;
   } 
    .md-care-landing .md-technology-section-3  .md-tech-grid{
        display: grid;
        grid-template-columns: 5fr 2fr;
        gap: 12px;
   }
   .md-technology-section-2 .md-tech-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
}

   .md-technology-section-3 .md-tech-desc,
   .md-technology-section-2 .md-tech-desc {
    font-size: 11px;
   }
   

    .ms-image-absolute {        
        width: 50vw;       
    }
    .md-technology-section-1 {
        padding: 50px 0;    
    }
    .md-tech-header {
        margin-bottom: 40px;
    }
    
    .md-technology-section-2 {
        padding: 30px 0 0 0;
    }
    .md-technology-section-3 {
        padding: 30px 0 20px;
        
    }
    .md-tech-fullwidth-slide {
        margin-top: 10px;
    }
    /* Clinical Section */
    .md-clinical-section {
        padding: 50px 0;
    }
    .md-clinical-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .md-before-after-container {
        /* min-height: 450px; */
    }
    .md-clinical-slider .md-comparison-images {        
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 15px;
    }
    .md-clinical-slider .md-comparison-image {
        position: relative;
    }
    .md-clinical-slider .md-clinical-product {
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 5;
        width: 80%;
        max-width: 200px;
        aspect-ratio: 1;
    }

    .md-care-landing .md-clinical-slider .md-slider-dots {
        margin-top: 40px;        
        gap: 6px;
    }

    .md-clinical-slider .md-product-bottle {
        width: 100%;
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.3));
    }   
    
    
    .md-clinical-content {
        flex-direction: column;
        gap: 40px;
        margin-bottom: 50px;
    }
    .md-slider-arrow {
        width: 40px;
        height: 40px;
        display: none;
    }
    .md-slider-arrow-left {
        left: -50px;
    }
    .md-slider-arrow-right {
        right: -50px;
    }
    .md-slider-arrow img {
        width: 20px;
        height: 20px;
    }
    .md-comparison-images {
        gap: 15px;
    }
    .md-image-label {
        font-size: 12px;
        padding: 6px 15px;
        top: 15px;
        left: 15px;
    }
    .md-product-bottle {
        width: 180px;
    }
    .md-clinical-results {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0 5%;

    }
    .md-result-number {
        font-size: 58px;
    }
    .md-clinical-results .md-result-title {
        font-size: 17px;
        margin-bottom: 4px;
    }
    .md-result-desc {
        font-size: 14px;
    }
    
    /* General */
    .md-section-title {
        font-size: 28px;
    }
    .md-product-cta {
        flex-direction: column;
        font-size: 14px;
    
    }
    .md-cta-buttons {
        flex-direction: column;
    }
    .md-trust-stats {
        gap: 30px;
    }
    
    /* Testimonial Section */
    .md-testimonial-track {
        gap: 20px;
    }
    .md-testimonial-section {
        padding: 60px 0;
    }
    .md-testimonial-section-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
     
    .md-testimonial-track {
        /* gap: 20px;
        padding: 0 30px; */
    }
    .md-testimonial-avatar {
        width: 80px;
        height: 80px;
        margin-bottom: 16px;
    }
    .md-testimonial-name {
        font-size: 17px;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .md-testimonial-cta {
        font-size: 14px;
        padding: 10px 10px;
    }
   
   
    .md-testimonial-dots {
        margin-top: 30px;
    }
    
    .md-testimonial-track {         
        gap: 12px;
    }
    .md-products-section-slide .md-products-header{
        padding: 0 20px;
        margin: 0;
    }
    .md-products-section-slide .md-products-header .md-products-title{        
    font-size: 24px;
    }
    .md-testimonial-dot {
    width: 10px;
    height: 10px;
    }
    .md-testimonial-dots{
        gap: 10px;
    }
}