/* Loaded only by Home Preview, after the existing desktop reference styles. */
.records-grid#home-records-grid > .record-card--partners {
    min-width: 0 !important;
    overflow: hidden !important;
}

@media (max-width: 767px) {
    .records-grid#home-records-grid .records-company-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        animation: records-companies 18s linear infinite !important;
    }
    .records-grid#home-records-grid .records-company-group {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex: 0 0 max-content !important;
        width: max-content !important;
    }
    .records-grid#home-records-grid .records-company-group span {
        width: 86px;
        max-width: 86px;
        flex: 0 0 86px;
    }
}

@media (max-width: 767px) {
    .records-grid#home-records-grid .records-company-scroll {
        overflow: hidden !important;
        height: 62px !important;
    }
    .records-grid#home-records-grid .records-company-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        max-width: none !important;
        overflow: visible !important;
        animation: records-companies 18s linear infinite !important;
    }
    .records-grid#home-records-grid .records-company-group {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        max-width: none !important;
        flex: 0 0 max-content !important;
        overflow: visible !important;
    }
    .records-grid#home-records-grid .records-company-group[aria-hidden="true"] { display: flex !important; }
}
.records-grid#home-records-grid .records-company-scroll {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
.records-grid#home-records-grid .records-company-track {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: center;
    animation: none !important;
    overflow: hidden !important;
}
.records-grid#home-records-grid .records-company-scroll--reverse .records-company-track {
    animation-direction: reverse !important;
}
.records-grid#home-records-grid .records-company-group {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
}
.records-grid#home-records-grid .records-company-group[aria-hidden="true"] {
    display: none;
}
.records-grid#home-records-grid .records-company-group span {
    width: calc(50% - 8px);
    max-width: 105px;
}
/* Keep the marquee, but clip it strictly to the partner card. */
.records-grid#home-records-grid .records-company-scroll {
    overflow: hidden !important;
    position: relative;
}
.records-grid#home-records-grid .records-company-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    animation: records-companies 18s linear infinite !important;
}
.records-grid#home-records-grid .records-company-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    gap: 16px;
}
.records-grid#home-records-grid .records-company-group[aria-hidden="true"] { display: flex !important; }
.records-grid#home-records-grid .records-company-group span {
    display: grid;
    place-items: center;
    width: 160px;
    height: 55px;
    max-width: 160px;
    flex: 0 0 160px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    overflow: hidden;
}
.records-grid#home-records-grid .records-company-group span img {
    display: block;
    width: 82%;
    height: 82%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.standalone-seo-title {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/* Mobile-only hero adjustments for Home Preview. */
@media (max-width: 767px) {
    .home-preview-hero {
        height: 340px !important;
    }

    .home-preview-hero > .relative.z-10 {
        position: absolute !important;
        top: 28px !important;
        left: 0;
        right: 0;
        align-items: flex-start;
        justify-content: flex-start;
        padding-top: 0 !important;
    }

    .home-preview-brand {
        order: 0;
        position: relative;
        z-index: 2;
        margin-top: 0 !important;
    }

    .home-preview-hero .hero-description {
        display: none !important;
    }

    .home-preview-hero > .relative.z-10 > div:nth-child(2) {
        margin-top: 22px !important;
        margin-bottom: 18px !important;
    }
}

/* Keep the soft section tint and halftone dots without the diamond artwork. */
.why-choose-section::before,
.lab-setup-section::before {
    background: linear-gradient(90deg, rgba(248, 190, 196, .78), rgba(255, 230, 232, .48) 30%, rgba(255, 255, 255, .08) 68%, rgba(255, 255, 255, .82)) !important;
}

.industrial-projects-section::before {
    background:
        url('/assets/images/pink_halftone_vector.svg') left top / 520px 282px no-repeat,
        linear-gradient(90deg, rgba(248, 190, 196, .78), rgba(255, 230, 232, .48) 30%, rgba(255, 255, 255, .08) 68%, rgba(255, 255, 255, .82));
}

@media (max-width: 1199px) {
    .why-choose-section,
    .lab-setup-section,
    .industrial-projects-section {
        min-height: 0 !important;
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    .why-choose-inner {
        padding: 0 24px !important;
    }

    .why-choose-heading {
        box-sizing: border-box;
        max-width: 100% !important;
    }

    .why-choose-heading strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .why-choose-showcase {
        top: 0;
        height: clamp(240px, 40vw, 440px) !important;
    }

    .why-choose-photo {
        height: 100% !important;
    }

    .why-person-overlay--red {
        bottom: 0;
        height: 115% !important;
    }

    .why-person-overlay--black {
        bottom: 0;
        height: 80% !important;
    }

    .why-choose-vs {
        bottom: 24px !important;
    }

    .why-choose-comparison {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 auto !important;
        gap: 16px !important;
    }

    .why-choose-comparison .why-choose-card {
        min-width: 0;
        margin: 0;
    }

    .why-choose-list {
        padding: 8px 16px 16px !important;
    }

    .why-choose-row {
        grid-template-columns: 20px minmax(0, 1fr);
        gap: 8px;
        padding: 12px 0 !important;
    }

    .why-choose-row h3 {
        font-size: 14px !important;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }

    .why-choose-row p {
        font-size: 12px !important;
        line-height: 1.5;
    }

    /* The records component reuses Why Choose solely as a background. */
    .records-section-wrapper {
        display: flow-root;
        padding: 32px 24px;
        box-sizing: border-box;
    }

    .records-section-wrapper > .why-choose-section {
        position: absolute;
        inset: 0;
        height: 100%;
        min-height: 0 !important;
        padding: 0 !important;
    }

    .records-section-wrapper > .why-choose-section > .why-choose-inner {
        display: none;
    }

    .records-section-wrapper > .records-replacement-card {
        position: relative;
        top: auto !important;
        left: auto;
        transform: none;
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
        border-radius: 40px !important;
    }

    .records-header-card {
        height: auto;
        grid-template-rows: auto;
        min-height: 300px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 40px 40px 0 0 !important;
    }

    .records-header-card__copy {
        min-width: 0;
        padding: 32px 24px;
    }

    .records-header-card__copy p { font-size: 20px !important; }
    .records-header-card__copy strong { font-size: clamp(36px, 5vw, 60px) !important; }
    .records-header-card__copy b { font-size: 40px !important; }

    .records-replacement-card__intro {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 250px;
        align-items: center;
        gap: 24px;
        min-height: 0;
        padding: 28px;
        box-sizing: border-box;
    }

    .records-replacement-card__intro p {
        width: auto;
        max-width: 100%;
        margin: 0;
        font-size: 18px !important;
        line-height: 1.6;
    }

    .records-replacement-card__intro > strong {
        position: relative;
        inset: auto;
        width: 250px;
        max-width: 100%;
        height: 240px;
        margin: 0;
        padding: 16px;
        font-size: 20px !important;
    }

    .records-replacement-card__intro > strong em {
        font-size: 44px !important;
        word-spacing: normal !important;
    }

    .records-replacement-card__intro > strong small {
        width: 180px;
        max-width: 100%;
        height: 40px;
        margin-top: 12px !important;
    }

    .records-grid#home-records-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        padding: 0 24px 12px;
    }

    .records-grid#home-records-grid > article { grid-column: auto; min-width: 0; }
    .records-grid#home-records-grid > .record-card--industrial { grid-column: auto; }
    .records-grid#home-records-grid > .record-card--youtube { grid-column: 1 / -1; }

    .records-grid#home-records-grid > article:nth-child(-n+3) > .record-card__top {
        height: auto;
        min-height: 104px;
    }

    .records-grid#home-records-grid .record-card__header-copy small,
    .records-grid#home-records-grid .record-card p,
    .records-grid#home-records-grid > article:first-child > div:not(.record-card__top) span,
    .records-grid#home-records-grid > article:first-child > div:not(.record-card__top) small {
        font-size: 13px;
        line-height: 1.4;
    }

    .records-grid#home-records-grid > .record-card--placement .record-card__header-copy strong {
        font-size: 15px !important;
        line-height: 1.4 !important;
        overflow-wrap: anywhere;
    }

    .lower-record-header > div { min-width: 0; }
    .lower-record-header strong { font-size: clamp(26px, 3.5vw, 42px); }
    .lower-youtube-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .lab-setup-inner { box-sizing: border-box; }
    .lab-setup-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
        min-height: 0;
        padding: 36px;
        border-radius: 0 0 48px 48px;
    }

    .lab-setup-hero-copy h2 { font-size: clamp(44px, 8vw, 80px); white-space: normal; }
    .lab-setup-hero-copy p { font-size: clamp(18px, 3vw, 28px); white-space: normal; }
    .lab-setup-hero-photos img { height: clamp(180px, 30vw, 320px); }
    .lab-setup-panel { padding: 24px; }
    .lab-setup-panel > p,
    .industrial-projects-panel > p { font-size: 14px; }

    .lab-setup-promo > strong,
    .lab-setup-promo > span { max-width: 90%; overflow-wrap: anywhere; }
}

/* Keep the projecting badge inside the page at the desktop breakpoint. */
@media (min-width: 1200px) and (max-width: 1230px) {
    .records-replacement-card__intro > strong { right: 0; }
}

@media (max-width: 767px) {
    .why-choose-inner { padding: 0 16px !important; }
    .why-choose-heading { width: 100% !important; padding: 10px 12px !important; margin-bottom: 16px !important; }
    /* The ellipse leaves its upper 38% transparent; remove that visual gap. */
    .why-choose-showcase {
        --why-mobile-showcase-height: clamp(240px, 40vw, 440px);
        height: var(--why-mobile-showcase-height) !important;
        margin-top: calc(var(--why-mobile-showcase-height) * -.38) !important;
    }
    .why-choose-heading span { font-size: clamp(24px, 6vw, 36px) !important; }
    .why-choose-heading strong { font-size: clamp(24px, 6vw, 36px) !important; }
    .why-choose-comparison { grid-template-columns: minmax(0, 1fr); }
    .why-mobile-interleaved-list {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }
    .why-mobile-comparison-heading {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 10px 8px;
        color: #fff;
        background: #292929;
        font-size: 13px;
        line-height: 1.1;
        text-align: center;
    }
    .why-mobile-comparison-heading strong {
        padding: 6px 8px;
        border-radius: 3px;
        color: #fff;
        font-size: 11px;
    }
    .why-mobile-comparison-heading strong:first-child { background: #c90018; }
    .why-mobile-comparison-heading strong:last-child { background: #424242; }
    .why-mobile-comparison-heading span {
        display: grid;
        place-items: center;
        width: 24px;
        height: 24px;
        border: 2px solid #fff;
        border-radius: 50%;
        font-size: 10px;
    }
    .why-mobile-interleaved-list .why-choose-row {
        border-bottom: 1px dotted #e4aeb3;
        min-height: 0 !important;
        padding: 6px 12px !important;
        background: #fff;
    }
    .why-mobile-interleaved-list .why-choose-row:nth-child(even) {
        background: #fff7f7;
    }
    .why-mobile-interleaved-list .why-choose-row h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 11px !important;
        line-height: 1.2 !important;
    }
    .why-choose-card-title { font-size: 22px !important; padding: 8px 12px; box-sizing: border-box; }
    .why-choose-card-title .why-logo-mark { display: none !important; }
    .why-choose-row { min-height: 0 !important; padding: 8px 0 !important; }
    .why-choose-row p { display: none !important; }
    .why-choose-row h3 { font-size: 12px !important; line-height: 1.25 !important; }
    .why-choose-card--yes .why-icon,
    .why-mobile-interleaved-list .why-icon--yes {
        width: 17px;
        height: 17px;
        color: #fff;
        background: #159447;
        font-size: 12px;
    }
    .why-choose-card--no .why-icon,
    .why-mobile-interleaved-list .why-icon--no {
        width: 17px;
        height: 17px;
        color: #fff;
        background: #666;
        font-size: 12px;
    }
    .why-choose-vs { width: 44px !important; height: 44px !important; font-size: 16px !important; }
    .why-choose-photo .why-dot-overlay { width: 100px !important; height: 90px !important; }

    .records-section-wrapper { padding: 24px 16px; }
    .records-header-card { grid-template-columns: minmax(0, 1fr); }
    .records-header-card__copy { padding: 28px 24px; text-align: center; }
    .records-header-card__copy b::after { width: 100%; }
    .records-header-card__image { height: 220px; }
    .records-header-card__image::before,
    .records-header-card__image::after { display: none; }
    .records-replacement-card__intro { grid-template-columns: minmax(0, 1fr); padding: 24px 20px; }
    .records-replacement-card__intro > strong {
        display: none !important;
        /* Kept positioned for larger breakpoints; hidden in the compact mobile view. */
        position: absolute;
        z-index: 4;
        top: -62px;
        right: 12px;
        justify-self: auto;
        width: 150px;
        height: 132px;
        padding: 8px;
        margin: 0;
        font-size: 11px !important;
        line-height: 1 !important;
    }
    .records-replacement-card__intro > strong em { font-size: 30px !important; line-height: .9 !important; }
    .records-replacement-card__intro > strong small {
        width: 108px;
        height: 24px;
        margin-top: 7px !important;
    }
    .records-replacement-card__intro p { display: none !important; }
    .records-replacement-card__intro { display: none !important; }
    .records-replacement-card__intro > strong em::after {
        content: "1.5LAKH+";
        font-size: 44px;
    }
    .records-grid#home-records-grid { grid-template-columns: minmax(0, 1fr); margin-top: 12px !important; padding: 0 16px 12px; }
    .records-grid#home-records-grid > article { grid-column: 1 / -1; }
    .records-grid#home-records-grid > .record-card--youtube { order: -1; }
    .records-grid#home-records-grid > .record-card--partners > p { display: none !important; }
    .records-grid#home-records-grid .records-company-track {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        flex-wrap: wrap !important;
        justify-content: center;
        animation: none !important;
    }
    .records-grid#home-records-grid .records-company-group {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 6px;
    }
    .records-grid#home-records-grid .records-company-group[aria-hidden="true"] { display: none; }
    .records-grid#home-records-grid .records-company-group span { width: calc(50% - 8px); max-width: 105px; height: 48px; }
    .records-grid#home-records-grid > .record-card--industrial { grid-column: 1 / -1; }
    .records-grid#home-records-grid > article:nth-child(-n+3) > .record-card__top { padding: 14px !important; gap: 12px; }
    .records-grid#home-records-grid .record-card__header-icon { flex-basis: 48px !important; width: 48px !important; height: 56px !important; }
    .records-grid#home-records-grid > article:first-child .record-card__header-copy strong,
    .records-grid#home-records-grid > article:nth-child(2) .record-card__header-copy strong { font-size: 32px !important; }
    .records-grid#home-records-grid > article:nth-child(3) .record-card__header-copy strong { font-size: 15px !important; }
    .lower-record-header { padding: 14px; }
    .lower-record-icon { flex-basis: 48px; width: 48px; height: 56px; }
    .lower-project-photos img { height: 120px; }
    .lower-youtube-stats { gap: 12px; }
    .lower-youtube-stats strong { font-size: clamp(28px, 7vw, 40px); }
    .lower-youtube-stats span { font-size: 16px; }
    .lower-youtube-stats ul { font-size: 12px; overflow-wrap: anywhere; }
    .records-grid .record-card--youtube .lower-youtube-body > p { width: 100%; }

    .lab-setup-hero { padding: 28px 16px; gap: 24px; }
    .lab-setup-hero-photos { gap: 8px; }
    .lab-setup-hero-photos img { height: clamp(150px, 36vw, 240px); border-radius: 12px; }
    .lab-setup-panel { margin-top: 24px; padding: 16px; }
    .lab-setup-panel > p { display: none !important; }
    .lab-setup-panel h3 { font-size: 22px; padding: 6px 12px; }
    .lab-setup-grid,
    .industrial-projects-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .lab-setup-tile figcaption,
    .industrial-project-tile figcaption { font-size: 18px; padding: 5px 12px; overflow-wrap: anywhere; }
    .lab-setup-tile figcaption {
        width: 100%;
        border-radius: 0;
        padding: 8px 10px;
        background: linear-gradient(90deg, #a9001d, #d00032);
        font-size: 20px;
        text-align: center;
        letter-spacing: .02em;
    }
    .industrial-project-tile figcaption {
        width: 100%;
        border-radius: 0;
        padding: 8px 10px;
        background: linear-gradient(90deg, #a9001d, #d00032);
        font-size: 20px;
        text-align: center;
        letter-spacing: .02em;
    }
    .lab-setup-promo { min-height: 180px; text-align: center; }
    .lab-setup-promo strong { font-size: 30px; }
    .lab-setup-promo span { font-size: 18px; }
    .industrial-projects-section { padding-left: 12px; padding-right: 12px; }
    .industrial-projects-panel { padding: 18px 16px 24px; }
    .industrial-projects-panel > p { display: none !important; }
    .industrial-projects-panel h2 { padding: 6px 12px; }
}

@media (max-width: 767px) {
    .records-grid#home-records-grid .records-company-group span {
        width: 130px !important;
        height: 45px !important;
        max-width: 130px !important;
        flex: 0 0 130px !important;
        padding: 6px !important;
        border-radius: 12px;
    }
}

@media (max-width: 767px) {
    .records-grid#home-records-grid .records-company-scroll { overflow: hidden !important; height: 62px !important; }
    .records-grid#home-records-grid .records-company-track { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; max-width: none !important; overflow: visible !important; animation: records-companies 18s linear infinite !important; }
    .records-grid#home-records-grid .records-company-group { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; max-width: none !important; flex: 0 0 max-content !important; overflow: visible !important; }
    .records-grid#home-records-grid .records-company-group[aria-hidden="true"] { display: flex !important; }
}