/* ==========================================================================
   NINO SEPO
   Related Products Editorial Section
   ========================================================================== */


/* --------------------------------------------------------------------------
   Main section
   -------------------------------------------------------------------------- */

.ninosepo-related-products{
    width:100%;

    margin:
        135px
        0
        0 !important;

    padding:
        30px
        0
        130px !important;

    gap:0 !important;

    color:#111;

    border-top:
        1px
        solid
        rgba(17,17,17,.14);
}


/* --------------------------------------------------------------------------
   Small editorial label
   -------------------------------------------------------------------------- */

.ninosepo-related-products__eyebrow{
    width:100%;

    margin:
        0
        0
        34px !important;

    padding:0 !important;
}


.ninosepo-related-products__eyebrow
.elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:
        rgba(17,17,17,.58);

    font-family:inherit;
    font-size:10px;
    font-weight:500;
    line-height:1;

    letter-spacing:.14em;
    text-transform:uppercase;
}


/* --------------------------------------------------------------------------
   Main heading
   Matches the collection category title
   -------------------------------------------------------------------------- */

.ninosepo-related-products__title{
    width:100%;
    max-width:700px;

    margin:0 !important;
    padding:0 !important;
}


.ninosepo-related-products__title
.elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#111;

    font-family:inherit;
    font-size:clamp(48px,4.2vw,72px);
    font-weight:400;
    line-height:.98;

    letter-spacing:-.045em;
}


/* --------------------------------------------------------------------------
   Supporting text
   -------------------------------------------------------------------------- */

.ninosepo-related-products__text{
    width:100%;
    max-width:560px;

    margin:
        28px
        0
        0 !important;

    padding:0 !important;
}


.ninosepo-related-products__text
.elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:
        rgba(17,17,17,.68);

    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:1.7;

    letter-spacing:-.006em;
}


/* --------------------------------------------------------------------------
   Loop Grid
   The Loop Grid is the last direct child in your hierarchy
   -------------------------------------------------------------------------- */

.ninosepo-related-products
.elementor-widget-loop-grid{
    width:100%;

    margin:
        64px
        0
        0 !important;

    padding:0 !important;
}


/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width:1024px){

    .ninosepo-related-products{
        margin-top:
            105px !important;

        padding:
            28px
            0
            105px !important;
    }


    .ninosepo-related-products__title
    .elementor-heading-title{
        font-size:
            clamp(44px,5.4vw,58px);
    }


    .ninosepo-related-products
    .elementor-widget-loop-grid{
        margin-top:
            54px !important;
    }

}


/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width:767px){

    .ninosepo-related-products{
        margin-top:
            82px !important;

        padding:
            23px
            0
            84px !important;
    }


    .ninosepo-related-products__eyebrow{
        margin-bottom:
            25px !important;
    }


    .ninosepo-related-products__eyebrow
    .elementor-heading-title{
        font-size:9px;

        letter-spacing:.14em;
    }


    .ninosepo-related-products__title{
        max-width:100%;
    }


    .ninosepo-related-products__title
    .elementor-heading-title{
        font-size:
            clamp(40px,11.5vw,54px);

        line-height:.99;

        letter-spacing:-.042em;
    }


    .ninosepo-related-products__text{
        max-width:100%;

        margin-top:
            24px !important;
    }


    .ninosepo-related-products__text
    .elementor-heading-title{
        font-size:14px;
        line-height:1.68;
    }


    .ninosepo-related-products
    .elementor-widget-loop-grid{
        margin-top:
            44px !important;
    }

}


/* ==========================================================================
   Small mobile
   ========================================================================== */

@media (max-width:480px){

    .ninosepo-related-products{
        margin-top:
            72px !important;

        padding-bottom:
            72px !important;
    }


    .ninosepo-related-products__title
    .elementor-heading-title{
        font-size:40px;
    }


    .ninosepo-related-products
    .elementor-widget-loop-grid{
        margin-top:
            40px !important;
    }

}