.elementor-2721 .elementor-element.elementor-element-7a55795{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;}.elementor-2721 .elementor-element.elementor-element-7a55795:not(.elementor-motion-effects-element-type-background), .elementor-2721 .elementor-element.elementor-element-7a55795 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://emdainternational.com/wp-content/uploads/2026/10/Lab-Consumable.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2721 .elementor-element.elementor-element-eade7dd{--display:flex;--background-transition:1s;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-2721 .elementor-element.elementor-element-eade7dd:not(.elementor-motion-effects-element-type-background), .elementor-2721 .elementor-element.elementor-element-eade7dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-2721 .elementor-element.elementor-element-eade7dd:hover{background-color:#8B282B2B;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2721 .elementor-element.elementor-element-9e2c25c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2721 .elementor-element.elementor-element-9e2c25c .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:600;color:var( --e-global-color-8fe5960 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2721 .elementor-element.elementor-element-c7d45af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;color:#000000;}.elementor-2721 .elementor-element.elementor-element-5ea43b0{--display:flex;}.elementor-2721 .elementor-element.elementor-element-52fe14a{--display:flex;}@media(max-width:767px){.elementor-2721 .elementor-element.elementor-element-7a55795{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-eade7dd */.elementor-2721 .elementor-element.elementor-element-eade7dd{
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow: 0 8px 32px rgba(0,0,0,0.15);

    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e195e *//* =========================================================
   MOLEQULE-ON — MODERN LAB CATALOG
   BRAND COLORS
========================================================= */

:root{
    --primary:#72181D;
    --primary-dark:#561216;
    --secondary:#EB4B4B;
    --secondary-dark:#C83B3B;

    --ink:#17242D;
    --navy:#28343C;
    --muted:#71808B;

    --soft:#F7F7F8;
    --soft-red:#FFF0F0;

    --line:#E3E5E7;
    --white:#FFFFFF;

    --shadow:0 14px 40px rgba(70,20,23,.08);
    --shadow-hover:0 22px 55px rgba(70,20,23,.15);

    --radius:22px;
}


/* =========================================================
   RESET
========================================================= */

.lab-catalog,
.lab-catalog *{
    box-sizing:border-box;
}

.lab-catalog{
    width:100%;
    max-width:1480px;
    margin:0 auto;
    padding:30px 24px 70px;

    font-family:
        Inter,
        ui-sans-serif,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    color:var(--ink);
}


/* =========================================================
   HEADER
========================================================= */

.lab-catalog-header{
    position:relative;

    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:30px;

    padding:42px;
    margin-bottom:28px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(235,75,75,.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #FAF4F4 0%,
            #FFFFFF 58%,
            #F8F8F8 100%
        );

    border:1px solid var(--line);
    border-radius:30px;
}

.lab-catalog-header::before{
    content:"";

    position:absolute;

    width:260px;
    height:260px;

    right:-90px;
    bottom:-110px;

    border:1px solid rgba(114,24,29,.15);
    border-radius:50%;
}

.lab-catalog-header::after{
    content:"";

    position:absolute;

    width:170px;
    height:170px;

    right:-45px;
    bottom:-65px;

    border:1px solid rgba(235,75,75,.14);
    border-radius:50%;
}


/* =========================================================
   HEADER CONTENT
========================================================= */

.lab-header-copy{
    position:relative;
    z-index:2;
}

.lab-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-bottom:13px;

    color:var(--primary);

    font-size:11px;
    font-weight:800;
    letter-spacing:2px;

    text-transform:uppercase;
}

.lab-eyebrow::before{
    content:"";

    width:24px;
    height:2px;

    background:var(--secondary);
}

.lab-catalog-title{
    margin:0;

    color:var(--primary);

    font-size:clamp(32px,4vw,54px);
    line-height:1;

    letter-spacing:-2px;

    font-weight:850;
}

.lab-catalog-title span{
    color:var(--secondary);
}

.lab-catalog-intro{
    max-width:720px;

    margin:18px 0 0;

    color:var(--muted);

    font-size:15px;
    line-height:1.7;
}


/* =========================================================
   HEADER STAT
========================================================= */

.lab-header-stat{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.lab-stat-box{
    min-width:230px;

    padding:22px 24px;

    background:var(--white);

    border:1px solid var(--line);
    border-radius:18px;

    box-shadow:
        0 12px 30px rgba(70,20,23,.06);
}

.lab-stat-number{
    display:block;

    color:var(--primary);

    font-size:42px;
    line-height:1;

    font-weight:850;
}

.lab-stat-label{
    display:block;

    margin-top:8px;

    color:var(--muted);

    font-size:12px;
    font-weight:700;
}


/* =========================================================
   TOOLBAR
========================================================= */

.lab-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:16px;

    margin-bottom:28px;
}


/* =========================================================
   SEARCH
========================================================= */

.lab-search{
    position:relative;

    flex:1;
    max-width:540px;
}

.lab-search svg{
    position:absolute;

    top:50%;
    left:17px;

    width:19px;
    height:19px;

    transform:translateY(-50%);

    fill:none;

    stroke:#83919A;
    stroke-width:1.8;

    pointer-events:none;
}

.lab-search input{
    width:100%;
    height:52px;

    padding:0 18px 0 48px;

    color:var(--ink);
    background:var(--white);

    border:1px solid var(--line);
    border-radius:14px;

    outline:none;

    font-size:14px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.lab-search input:focus{
    border-color:var(--primary);

    box-shadow:
        0 0 0 4px rgba(114,24,29,.09);
}


/* =========================================================
   FILTERS
========================================================= */


.lab-filters{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
}

.lab-filter{
    height:42px;
    padding:0 15px;

    border:1px solid var(--line);
    border-radius:50px;

    color:#66757E;
    background:var(--white);

    font-size:12px;
    font-weight:750;

    cursor:pointer;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.lab-filter:hover{
    transform:translateY(-1px);

    color:#FFFFFF;
    background:#72181D;
    border-color:#72181D;
}

.lab-filter.active{
    color:#FFFFFF;
    background:var(--primary);
    border-color:var(--primary);
}



/* =========================================================
   PRODUCT GRID
========================================================= */

.lab-product-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:20px;
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.lab-product{
    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;
    min-height:100%;

    overflow:hidden;

    background:var(--white);

    border:1px solid var(--line);
    border-radius:var(--radius);

    box-shadow:var(--shadow);

    cursor:pointer;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.lab-product:hover{
    transform:translateY(-6px);

    border-color:#D7B2B5;

    box-shadow:var(--shadow-hover);
}


/* =========================================================
   CARD TOP
========================================================= */

.lab-product-top{
    position:relative;

    min-height:205px;

    padding:24px;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #FBF1F2,
            #FDFAFA 55%,
            #F7F8F8
        );

    border-bottom:1px solid var(--line);
}



/* =========================================================
   FAVORITE
========================================================= */

.lab-save{
    position:absolute;

    top:15px;
    right:16px;

    width:39px;
    height:39px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    background:rgba(255,255,255,.90);

    border:1px solid #72181D;
    border-radius:50%;

    cursor:pointer;

    z-index:10;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.lab-save:hover{
    transform:scale(1.08);
}

.lab-save svg{
    width:18px;
    height:18px;

    fill:none;

    stroke:#72181D;
    stroke-width:1.8;

    transition:.25s ease;
}

.lab-save.active{
    background:#72181D;

    border-color:#72181D;
}

.lab-save.active svg{
    fill:#FFFFFF;
    stroke:#FFFFFF;
}



/* =========================================================
   SCIENTIFIC VISUAL
========================================================= */

.lab-visual{
    position:absolute;

    left:24px;
    right:24px;
    bottom:20px;

    height:105px;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* Product image mode: replace the symbolic visual cleanly */
.lab-visual.has-image{
    left:0;
    right:0;
    bottom:0;
    height:100%;
    padding:0;
    box-sizing:border-box;
    overflow:hidden;
}

.lab-visual.has-image::before,
.lab-visual.has-image::after,
.lab-visual.has-image .lab-dot{
    display:none;
}

.lab-visual::before{
    content:"";

    position:absolute;

    width:106px;
    height:106px;

    border:1px solid rgba(114,24,29,.16);

    border-radius:50%;
}

.lab-visual::after{
    content:"";

    position:absolute;

    width:76px;
    height:76px;

    border:1px dashed rgba(235,75,75,.22);

    border-radius:50%;
}

.lab-visual-symbol{
    position:relative;

    z-index:2;

    width:62px;
    height:62px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#FFFFFF;

    background:
        linear-gradient(
            145deg,
            var(--primary),
            #8C292F
        );

    border-radius:18px;

    font-size:18px;
    font-weight:850;

    box-shadow:
        0 12px 25px rgba(114,24,29,.22);
}


/* =========================================================
   CELL CULTURE — HOVER CAROUSEL (SLIDING IMAGES)
   Applies to every card that has multiple images (subProducts).
========================================================= */

.lab-gallery{
    position:absolute;

    top:0;
    left:0;
    right:0;
    bottom:0;

    z-index:2;

    overflow:hidden;
}

.lab-gallery-track{
    display:flex;

    width:100%;
    height:100%;

    transform:translateX(0);

    transition:transform .6s cubic-bezier(.65,0,.35,1);

    will-change:transform;
}

.lab-gallery-track.no-transition{
    transition:none;
}

.lab-gallery-slide{
    position:relative;

    flex:0 0 100%;

    min-width:0;
    height:100%;

    display:block;

    overflow:hidden;
}

/* soft blurred copy (now fully covered by the full-width image) */
.lab-gallery-bg{
    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    z-index:1;

    object-fit:cover;

    filter:blur(28px) saturate(1.05);
    transform:scale(1.6);

    pointer-events:none;
}

/* CHANGED: carousel images now fill the full card width,
   exactly like the single-image product cards */
.lab-gallery-slide .lab-product-image{
    object-fit:contain;
    object-position:center center;
}

/* set automatically by the script when the image ratio matches the card */
.lab-gallery-slide .lab-product-image.fit-cover{
    object-fit:cover;
}

.lab-gallery-dots{
    position:absolute;

    left:0;
    right:0;
    bottom:5px;

    z-index:4;

    display:flex;
    justify-content:center;
    gap:5px;

    pointer-events:none;
}

.lab-gallery-dot{
    width:6px;
    height:6px;

    border-radius:50%;

    background:rgba(114,24,29,.28);

    box-shadow:0 0 0 1px rgba(255,255,255,.85);

    transition:
        background .3s ease,
        transform .3s ease;
}

.lab-gallery-dot.active{
    background:var(--primary);

    transform:scale(1.15);
}

.lab-product-image{
    position:relative;
    z-index:2;

    width:100%;
    height:100%;

    display:block;
    object-fit:cover;
    object-position:center center;

    border:0;
    margin:0;
    padding:0;
}

.lab-dot{
    position:absolute;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--secondary);

    z-index:3;
}

.lab-dot.one{
    top:9px;
    left:35%;
}

.lab-dot.two{
    right:27%;
    bottom:12px;
}

.lab-dot.three{
    left:22%;
    bottom:30px;

    width:5px;
    height:5px;

    background:var(--primary);
}


/* =========================================================
   TYPE BADGE
========================================================= */

.lab-type{
    position:absolute;

    left:22px;
    bottom:17px;

    z-index:6;

    max-width:65%;

    padding:6px 10px;

    color:var(--primary);

    background:rgba(255,255,255,.93);

    border:1px solid rgba(215,190,192,.9);

    border-radius:7px;

    font-size:9px;
    font-weight:800;

    letter-spacing:.6px;

    text-transform:uppercase;
}


/* =========================================================
   PRODUCT CONTENT
========================================================= */

.lab-product-content{
    display:flex;
    flex-direction:column;

    flex:1;

    padding:22px 22px 20px;
}

.lab-product-title{
    margin:0;

    color:var(--primary);

    font-size:22px;
    line-height:1.15;

    font-weight:850;

    letter-spacing:-.5px;
}

.lab-product-subtitle{
    margin-top:6px;

    color:var(--secondary);

    font-size:12px;
    line-height:1.4;

    font-weight:750;
}

.lab-product-description{
    min-height:72px;

    margin:13px 0 0;

    color:#687881;

    font-size:12.5px;
    line-height:1.65;
}


/* =========================================================
   SPECIFICATIONS
========================================================= */

.lab-spec-list{
    display:grid;

    grid-template-columns:1fr;

    gap:7px;

    margin-top:17px;
}

.lab-spec-item{
    display:flex;
    align-items:center;

    min-width:0;

    padding:9px 10px;

    background:#FAFAFA;

    border:1px solid #E9E8E8;

    border-radius:10px;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.lab-spec-item:hover{
    background:#FFF5F5;

    border-color:#E5C5C7;
}

.lab-spec-mark{
    flex:0 0 auto;

    width:25px;
    height:25px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-right:9px;

    color:var(--primary);

    background:var(--soft-red);

    border-radius:7px;

    font-size:11px;
    font-weight:850;
}

.lab-spec-text{
    min-width:0;

    color:#596B74;

    font-size:10.5px;
    line-height:1.35;

    font-weight:650;
}


/* =========================================================
   FOOTER
========================================================= */

.lab-product-footer{
    display:flex;
    align-items:stretch;

    gap:9px;

    margin-top:19px;
    padding-top:16px;

    border-top:1px solid #E8EDEF;
}


/* =========================================================
   VIEW PRODUCT
========================================================= */


.lab-view{
    flex:1;

    min-height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    padding:0 14px;

    color:#FFFFFF;

    background:var(--primary);

    border-radius:11px;

    text-decoration:none;

    font-size:11px;
    font-weight:800;

    transition:
        background .25s ease,
        transform .25s ease;
}

.lab-view:hover{
    color:#FFFFFF;

    background:#72181D;

    transform:translateY(-2px);
}

.lab-view svg{
    width:15px;
    height:15px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.8;
}



/* =========================================================
   MANUFACTURER
========================================================= */

.lab-maker{
    min-width:105px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:7px 10px;

    background:var(--soft);

    border:1px solid #E1E3E4;

    border-radius:11px;
}

.lab-maker span{
    color:#91A0A8;

    font-size:7px;
    font-weight:850;

    letter-spacing:1px;

    text-transform:uppercase;
}

.lab-maker strong{
    margin-top:3px;

    color:var(--primary);

    font-size:9.5px;
    line-height:1.2;

    font-weight:850;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.lab-empty{
    display:none;

    padding:60px 20px;

    text-align:center;

    background:#FAFAFA;

    border:1px dashed #D7C6C8;

    border-radius:20px;

    color:var(--muted);
}

.lab-empty.show{
    display:block;
}

.lab-empty strong{
    display:block;

    margin-bottom:6px;

    color:var(--primary);

    font-size:18px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

    .lab-catalog-header{
        grid-template-columns:1fr;
    }

    .lab-header-stat{
        justify-content:flex-start;
    }

    .lab-product-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:720px){

    .lab-catalog{
        padding:18px 12px 45px;
    }

    .lab-catalog-header{
        padding:28px 22px;

        border-radius:23px;
    }

    .lab-catalog-title{
        font-size:36px;

        letter-spacing:-1.4px;
    }

    .lab-catalog-intro{
        font-size:13px;
    }

    .lab-stat-box{
        width:100%;
    }

    .lab-toolbar{
        align-items:stretch;

        flex-direction:column;
    }

    .lab-search{
        max-width:none;
    }

    .lab-filters{
        overflow-x:auto;

        flex-wrap:nowrap;

        padding-bottom:3px;
    }

    .lab-filter{
        flex:0 0 auto;
    }

    .lab-product-grid{
        grid-template-columns:1fr;

        gap:16px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:430px){

    .lab-catalog-title{
        font-size:31px;
    }

    .lab-product-top{
        min-height:190px;
    }

    .lab-product-content{
        padding:19px 17px 17px;
    }

    .lab-product-title{
        font-size:20px;
    }

    .lab-product-footer{
        gap:7px;
    }

    .lab-maker{
        min-width:92px;
    }

    .lab-maker strong{
        font-size:8.5px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .lab-product,
    .lab-save,
    .lab-view,
    .lab-filter,
    .lab-gallery-track{
        transition:none;
    }

}

/* =========================================================
   MOLEQULE-ON — MULTI-IMAGE OVERFLOW FIX
   Keeps gallery images inside the existing product card
========================================================= */

.lab-catalog .lab-product-top {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.lab-catalog .lab-visual.has-image {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.lab-catalog .lab-visual.has-sub-products,
.lab-catalog .lab-gallery {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.lab-catalog .lab-gallery {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.lab-catalog .lab-gallery-track {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    flex-wrap: nowrap;
    transition: transform .6s cubic-bezier(.65, 0, .35, 1);
}

.lab-catalog .lab-gallery-track.no-transition {
    transition: none;
}

.lab-catalog .lab-gallery-slide {
    position: relative;
    display: block;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

.lab-catalog .lab-gallery-slide .lab-product-image {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

/* Keep the blurred background clipped inside each slide */
.lab-catalog .lab-gallery-slide .lab-gallery-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    pointer-events: none;
}

/* Preserve card clipping and existing card layout */
.lab-catalog .lab-product {
    min-width: 0;
    overflow: hidden;
}
/* =========================================================
   FIX: GALLERY SLIDING IMAGES FILL THE FIXED IMAGE AREA
   Existing animation and image links remain unchanged
========================================================= */

.lab-catalog .lab-visual.has-sub-products {
    overflow: hidden;
}

.lab-catalog .lab-gallery {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.lab-catalog .lab-gallery-track {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}

.lab-catalog .lab-gallery-slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Fill the complete image area without left-right gaps */
.lab-catalog .lab-gallery-slide .lab-product-image {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Keep the blurred background clipped within each slide */
.lab-catalog .lab-gallery-slide .lab-gallery-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

/* Fix Favorite Button After Unfavorite */

.lab-save:not(.active),
.lab-save:not(.active):hover,
.lab-save:not(.active):focus,
.lab-save:not(.active):focus-visible,
.lab-save:not(.active):active {
    background: #FFFFFF !important;
    border-color: #72181D !important;
}

.lab-save:not(.active) svg {
    fill: none !important;
    stroke: #72181D !important;
}

.lab-save.active,
.lab-save.active:hover,
.lab-save.active:focus,
.lab-save.active:active {
    background: #72181D !important;
    border-color: #72181D !important;
}

.lab-save.active svg {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a1f9aa *//* =========================================================
   EMDA RELATED PRODUCTS — EQUIPMENT
========================================================= */

.emda-equip-related {
    --emda-equip-maroon: #7F171B;
    --emda-equip-dark: #241719;
    --emda-equip-text: #333333;
    --emda-equip-muted: #777777;
    --emda-equip-border: #e8dddd;
    --emda-equip-bg: #faf8f6;

    width: 100%;
    padding: 90px 20px 95px;
    background: var(--emda-equip-bg);
    box-sizing: border-box;
    overflow: hidden;
}

.emda-equip-related-inner {
    width: min(1200px, 100%);
    margin: 0 auto;
}


/* ---------- HEADING ---------- */

.emda-equip-related-heading {
    text-align: center;
    margin-bottom: 48px;
}

.emda-equip-related-line {
    display: block;
    width: 55px;
    height: 3px;
    margin: 0 auto 16px;
    background: var(--emda-equip-maroon);
}

.emda-equip-related-heading p {
    margin: 0 0 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: var(--emda-equip-maroon);
}

.emda-equip-related-heading h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--emda-equip-dark);
}

.emda-equip-related-sub {
    display: block;
    max-width: 650px;
    margin: 13px auto 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1.7;
    color: var(--emda-equip-muted);
}


/* ---------- GRID ---------- */

.emda-equip-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}


/* ---------- CARD ---------- */

.emda-equip-related-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;

    background: #ffffff;
    border: 1px solid var(--emda-equip-border);
    border-radius: 14px;

    overflow: hidden;
    text-decoration: none;

    box-shadow: 0 7px 25px rgba(70, 25, 25, 0.06);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* TOP HOVER LINE */

.emda-equip-related-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: var(--emda-equip-maroon);

    transition: width 0.4s ease;

    z-index: 5;
}

.emda-equip-related-card:hover::before {
    width: 100%;
}

.emda-equip-related-card:hover {
    transform: translateY(-7px);
    border-color: #d9c5c5;
    box-shadow: 0 16px 35px rgba(70, 25, 25, 0.12);
}


/* ---------- IMAGE ---------- */

.emda-equip-related-image {
    position: relative;
    width: 100%;
    height: 245px;

    background: #f5f3f1;

    overflow: hidden;
}

.emda-equip-related-image img {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: contain;
    padding: 18px;

    box-sizing: border-box;

    transition: transform 0.45s ease;
}

.emda-equip-related-card:hover
.emda-equip-related-image img {
    transform: scale(1.05);
}


/* ---------- ARROW ---------- */

.emda-equip-related-arrow {
    position: absolute;
    top: 14px;
    right: 14px;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(127, 23, 27, 0.94);
    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    line-height: 1;

    opacity: 0;
    transform: translate(-5px, 5px);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

.emda-equip-related-card:hover
.emda-equip-related-arrow {
    opacity: 1;
    transform: translate(0, 0);
}


/* ---------- CONTENT ---------- */

.emda-equip-related-content {
    display: flex;
    flex-direction: column;

    flex: 1;

    padding: 24px 23px 25px;
}

.emda-equip-related-category {
    margin-bottom: 10px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 1.3px;
    color: var(--emda-equip-maroon);
}

.emda-equip-related-content h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;

    color: var(--emda-equip-dark);

    transition: color 0.3s ease;
}

.emda-equip-related-card:hover
.emda-equip-related-content h3 {
    color: var(--emda-equip-maroon);
}

.emda-equip-related-content p {
    margin: 12px 0 20px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    line-height: 1.65;
    font-weight: 400;

    color: var(--emda-equip-muted);
}


/* ---------- VIEW PRODUCT ---------- */

.emda-equip-related-link {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: auto;
    padding-top: 16px;

    border-top: 1px solid #eee6e4;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.5px;
    color: var(--emda-equip-maroon);

    transition: letter-spacing 0.3s ease;
}

.emda-equip-related-link strong {
    font-size: 18px;
    font-weight: 400;

    transition: transform 0.3s ease;
}

.emda-equip-related-card:hover
.emda-equip-related-link {
    letter-spacing: 0.8px;
}

.emda-equip-related-card:hover
.emda-equip-related-link strong {
    transform: translateX(5px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

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

    .emda-equip-related-heading h2 {
        font-size: 36px;
    }

}


@media (max-width: 650px) {

    .emda-equip-related {
        padding: 65px 16px 70px;
    }

    .emda-equip-related-heading {
        margin-bottom: 35px;
    }

    .emda-equip-related-heading h2 {
        font-size: 31px;
    }

    .emda-equip-related-sub {
        font-size: 14px;
    }

    .emda-equip-related-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .emda-equip-related-image {
        height: 235px;
    }

}


@media (max-width: 420px) {

    .emda-equip-related-heading h2 {
        font-size: 28px;
    }

    .emda-equip-related-content {
        padding: 21px 19px 22px;
    }

    .emda-equip-related-content h3 {
        font-size: 19px;
    }

}/* End custom CSS */