/* =========================================================
   HNIA HARRATI
   HOME PAGE
========================================================= */


/* =========================================================
   01. HERO — MINIMAL LUXURY
========================================================= */

.hnia-hero {
    position: relative;

    width: 100%;
    min-height: 92vh;

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

    overflow: hidden;
    isolation: isolate;

    background: #17120f;
}


/* =========================================================
   HERO VIDEO
========================================================= */

.hnia-hero .elementor-widget-html {
    position: absolute;
    inset: 0;

    z-index: 0;

    width: 100%;
    height: 100%;
}

.hnia-hero
.elementor-widget-html
.elementor-widget-container {
    width: 100%;
    height: 100%;
}

.hnia-hero-video {
    display: block;

    width: 100%;
    height: 100%;

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

    pointer-events: none;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.hnia-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(10, 7, 5, .18) 0%,
            rgba(10, 7, 5, .10) 40%,
            rgba(10, 7, 5, .26) 100%
        );
}


/* =========================================================
   HERO CONTENT
========================================================= */

.hnia-hero-content {
    position: relative !important;

    z-index: 5 !important;

    width: calc(100% - 64px);
    max-width: 980px;

    margin: 0 auto;

    display: flex;
    flex-direction: column;

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

    text-align: center;

    color: #fffdf9;

    transform: translateY(18px);
}


/* =========================================================
   HERO EYEBROW
========================================================= */

.hnia-hero-eyebrow {
    margin-bottom: 16px;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size: 8px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color: rgba(255,253,249,.78);
}


/* =========================================================
   HERO TITLE
========================================================= */

.hnia-hero-title {
    width: 100%;
    max-width: 760px;

    margin: 0 auto;

    text-align: center;
}

.hnia-hero-title .elementor-heading-title {
    margin: 0;

    font-family:
        "League Spartan",
        Arial,
        sans-serif;

    font-size:
        clamp(42px, 4.4vw, 68px);

    font-weight: 400;

    line-height: .98;

    letter-spacing: -.03em;

    color: #fffdf9;
}


/* =========================================================
   HERO CTA — MINIMAL UNDERLINE
========================================================= */

.hnia-hero-button {
    margin-top: 26px;
}

.hnia-hero-button a,
.hnia-hero-button .elementor-button {
    position: relative;

    display: inline-flex;
    align-items: center;

    padding:
        0
        0
        7px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color:
        rgba(255,253,249,.84) !important;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

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

    line-height: 1;

    letter-spacing: .16em;

    text-transform: uppercase;

    text-decoration: none;

    transition:
        color 250ms ease;
}

.hnia-hero-button a::after,
.hnia-hero-button .elementor-button::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background:
        rgba(255,253,249,.48);

    transform:
        scaleX(1);

    transform-origin:
        right center;

    transition:
        transform 500ms cubic-bezier(.16,1,.3,1),
        background-color 250ms ease;
}

.hnia-hero-button a:hover,
.hnia-hero-button .elementor-button:hover {
    color:
        #fffdf9 !important;
}

.hnia-hero-button a:hover::after,
.hnia-hero-button .elementor-button:hover::after {
    transform:
        scaleX(.38);

    transform-origin:
        left center;

    background:
        #fffdf9;
}


/* =========================================================
   HERO — TABLET
========================================================= */

@media (max-width: 1024px) {

    .hnia-hero {
        min-height: 88vh;
    }

    .hnia-hero-content {
        width:
            calc(100% - 48px);
    }

    .hnia-hero-title
    .elementor-heading-title {
        font-size:
            clamp(48px, 7vw, 72px);
    }
}


/* =========================================================
   HERO — MOBILE
========================================================= */

@media (max-width: 767px) {

    .hnia-hero {
        min-height: 86vh;
    }

    .hnia-hero-content {
        width:
            calc(100% - 24px);

        transform:
            translateY(10px);
    }

    .hnia-hero-eyebrow {
        margin-bottom: 14px;

        font-size: 8px;
    }

    .hnia-hero-title
    .elementor-heading-title {
        font-size: 48px;

        line-height: .96;
    }

    .hnia-hero-button {
        margin-top: 22px;
    }
}



/* =========================================================
   02. COLLECTIONS
========================================================= */

.hnia-collections {
    position: relative;

    background:
        #f7f4ef;
}


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

.hnia-collections-header {
    width: 100%;
    max-width: none;

    margin:
        0
        auto
        56px;

    text-align: center;
}

.hnia-collections-header
.elementor-heading-title {
    width: 100%;
    max-width: none;

    margin: 0 auto;

    text-align: center;

    color: #17120f;
}


/* =========================================================
   COLLECTIONS GRID
========================================================= */

.hnia-collections-grid {
    display: flex;

    gap: 18px;

    width: 100%;
}


/* =========================================================
   COLLECTION MAIN CARD
========================================================= */

.hnia-collection-main {
    position: relative;

    width: 62%;
    min-height: 720px;

    overflow: hidden;
    isolation: isolate;

    background:
        #b59c84;

    cursor: pointer;

    transition:
        transform .5s cubic-bezier(.16,1,.3,1),
        box-shadow .5s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   COLLECTION SIDE
========================================================= */

.hnia-collections-side {
    width: 38%;

    display: flex;
    flex-direction: column;

    gap: 18px;
}

.hnia-collection-small {
    position: relative;

    flex: 1;

    min-height: 351px;

    overflow: hidden;
    isolation: isolate;

    background:
        #7c7165;

    cursor: pointer;

    transition:
        transform .5s cubic-bezier(.16,1,.3,1),
        box-shadow .5s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   COLLECTION OVERLAY
========================================================= */

.hnia-collection-main::after,
.hnia-collection-small::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(12,9,7,0) 0%,
            rgba(12,9,7,.02) 34%,
            rgba(12,9,7,.14) 62%,
            rgba(12,9,7,.42) 100%
        );
}


/* =========================================================
   COLLECTION ELEMENTOR LAYERS
========================================================= */

.hnia-collection-main > .e-con-inner,
.hnia-collection-small > .e-con-inner,
.hnia-collection-main > .elementor-element,
.hnia-collection-small > .elementor-element,
.hnia-collection-content {
    position: relative !important;

    z-index: 5 !important;
}

.hnia-collection-content {
    pointer-events: none;
}

.hnia-collection-content
.elementor-widget {
    position: relative;

    z-index: 6;
}


/* =========================================================
   COLLECTION CLICKABLE CARD
========================================================= */

.hnia-collection-main
> .elementor-widget-html,
.hnia-collection-small
> .elementor-widget-html {
    position:
        absolute !important;

    inset:
        0 !important;

    z-index:
        20 !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    pointer-events:
        auto !important;
}

.hnia-collection-main
> .elementor-widget-html
.elementor-widget-container,
.hnia-collection-small
> .elementor-widget-html
.elementor-widget-container {
    width: 100%;
    height: 100%;
}

.hnia-collection-card-link {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    cursor: pointer;
}


/* =========================================================
   COLLECTION CARD MOTION
========================================================= */

.hnia-collection-main:hover,
.hnia-collection-small:hover {
    transform:
        translateY(-3px);

    box-shadow:
        0
        18px
        40px
        rgba(20,12,8,.10);
}


/* =========================================================
   COLLECTION LINK
========================================================= */

.hnia-collection-link {
    margin-top: 10px;

    transition:
        transform
        .35s
        cubic-bezier(.16,1,.3,1);
}

.hnia-collection-main:hover
.hnia-collection-link,
.hnia-collection-small:hover
.hnia-collection-link {
    transform:
        translateX(6px);
}



/* =========================================================
   03. FEATURED PRODUCTS
========================================================= */

.hnia-featured-products {
    position: relative;

    background:
        #fcfbf8;

    overflow: hidden;
}


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

.hnia-featured-header {
    width: 100%;
    max-width: none;

    margin:
        0
        auto
        58px;

    text-align: center;
}

.hnia-featured-header
> .e-con-inner,
.hnia-featured-header
> .elementor-element,
.hnia-featured-header
.elementor-widget,
.hnia-featured-header
.elementor-widget-container {
    width:
        100% !important;

    max-width:
        none !important;
}

.hnia-featured-header
.elementor-heading-title {
    width:
        min(92vw,1180px);

    margin:
        0
        auto;

    text-align: center;

    color:
        #17120f;
}

.hnia-featured-header p {
    width:
        min(90vw,620px);

    margin:
        18px
        auto
        0;

    text-align: center;

    color:
        #6b6058;
}


/* =========================================================
   PRODUCTS LOOP
========================================================= */

.hnia-products-loop {
    width: 100%;
}


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

.hnia-products-loop
ul.products {
    display:
        grid !important;

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

    column-gap:
        24px !important;

    row-gap:
        62px !important;

    width:
        100%;

    margin:
        0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}

.hnia-products-loop
ul.products::before,
.hnia-products-loop
ul.products::after {
    content:
        none !important;

    display:
        none !important;
}


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

.hnia-products-loop
ul.products
li.product {
    position: relative;

    display: flex;
    flex-direction: column;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    float:
        none !important;

    clear:
        none !important;

    overflow: visible;

    background: transparent;

    text-align:
        left !important;
}


/* =========================================================
   PRODUCT LINK
========================================================= */

.hnia-products-loop
ul.products
li.product
> a {
    position: relative;

    display: block;

    width: 100%;

    overflow: visible;

    color: inherit;

    text-decoration: none;
}


/* =========================================================
   PRODUCT FIRST IMAGE
========================================================= */

.hnia-products-loop
ul.products
li.product
> a
> img:first-of-type {
    position: relative;

    z-index: 1;

    display: block;

    width:
        100% !important;

    height:
        auto !important;

    aspect-ratio:
        3 / 4;

    margin:
        0
        0
        20px !important;

    object-fit:
        cover !important;

    object-position:
        center top !important;

    background:
        #f1ece6;

    opacity: 1;

    transform:
        scale(1);

    transition:
        opacity 850ms cubic-bezier(.22,.61,.36,1),
        transform 1100ms cubic-bezier(.16,1,.3,1),
        filter 850ms ease;
}


/* =========================================================
   PRODUCT SECOND IMAGE
========================================================= */

.hnia-products-loop
ul.products
li.product
.hnia-product-hover-image {
    position: absolute;

    top: 0;
    left: 0;

    z-index: 2;

    display: block;

    width:
        100% !important;

    height:
        auto !important;

    aspect-ratio:
        3 / 4;

    margin:
        0 !important;

    object-fit:
        cover !important;

    object-position:
        center top !important;

    background:
        #f1ece6;

    opacity: 0;

    transform:
        scale(1);

    pointer-events: none;

    transition:
        opacity 900ms cubic-bezier(.22,.61,.36,1),
        transform 1200ms cubic-bezier(.16,1,.3,1),
        filter 900ms ease;
}


/* =========================================================
   PRODUCT IMAGE HOVER
========================================================= */

.hnia-products-loop
ul.products
li.product:hover
> a
> img:first-of-type {
    opacity: 0;

    transform:
        scale(.995);
}

.hnia-products-loop
ul.products
li.product:hover
.hnia-product-hover-image {
    opacity: 1;

    transform:
        scale(1.018);

    filter:
        contrast(1.015)
        saturate(1.015);

    transition-delay:
        40ms;
}


/* =========================================================
   PRODUCT TITLE
========================================================= */

.hnia-products-loop
ul.products
li.product
.woocommerce-loop-product__title {
    margin:
        0
        0
        7px !important;

    padding:
        0 !important;

    font-family:
        "League Spartan",
        Arial,
        sans-serif;

    font-size:
        clamp(22px,1.55vw,28px) !important;

    font-weight:
        400 !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -.018em;

    color:
        #17120f !important;

    transition:
        transform
        350ms
        cubic-bezier(.16,1,.3,1);
}

.hnia-products-loop
ul.products
li.product:hover
.woocommerce-loop-product__title {
    transform:
        translateX(3px);
}


/* =========================================================
   PRODUCT PRICE
========================================================= */

.hnia-products-loop
ul.products
li.product
.price {
    display: block;

    margin:
        0 !important;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        11px !important;

    font-weight:
        500 !important;

    line-height:
        1.4;

    letter-spacing:
        .04em;

    color:
        #81766e !important;
}

.hnia-products-loop
.price
del {
    margin-right: 7px;

    opacity:
        .42;
}

.hnia-products-loop
.price
ins {
    text-decoration: none;

    color:
        #17120f;
}


/* =========================================================
   REMOVE LOOP ADD TO CART
========================================================= */

.hnia-products-loop
ul.products
li.product
.button {
    display:
        none !important;
}


/* =========================================================
   SALE BADGE
========================================================= */

.hnia-products-loop
.onsale {
    position:
        absolute !important;

    top:
        14px !important;

    left:
        14px !important;

    right:
        auto !important;

    z-index: 6;

    min-width:
        auto !important;

    min-height:
        auto !important;

    margin:
        0 !important;

    padding:
        8px
        11px !important;

    border-radius:
        0 !important;

    background:
        rgba(23,18,15,.94) !important;

    color:
        #fffdf9 !important;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        8px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}


/* =========================================================
   PRODUCT EDITORIAL LINE
========================================================= */

.hnia-products-loop
ul.products
li.product::after {
    content: "";

    display: block;

    width: 0;
    height: 1px;

    margin-top: 18px;

    background:
        #a6754c;

    transition:
        width
        480ms
        cubic-bezier(.16,1,.3,1);
}

.hnia-products-loop
ul.products
li.product:hover::after {
    width: 46px;
}


/* =========================================================
   FEATURED PRODUCTS — TABLET
========================================================= */

@media (max-width: 1024px) {

    .hnia-featured-header {
        margin-bottom:
            42px;
    }

    .hnia-products-loop
    ul.products {
        grid-template-columns:
            repeat(3,minmax(0,1fr));

        column-gap:
            16px !important;

        row-gap:
            44px !important;
    }

    .hnia-products-loop
    ul.products
    li.product
    .woocommerce-loop-product__title {
        font-size:
            22px !important;
    }
}


/* =========================================================
   FEATURED PRODUCTS — MOBILE
   One product per row for a stronger editorial presentation.
========================================================= */

@media (max-width: 767px) {

    .hnia-featured-header {
        margin-bottom:
            30px;
    }

    .hnia-products-loop
    ul.products {
        grid-template-columns:
            minmax(0,1fr) !important;

        column-gap:
            0 !important;

        row-gap:
            48px !important;
    }

    .hnia-products-loop
    ul.products
    li.product
    > a
    > img:first-of-type,
    .hnia-products-loop
    ul.products
    li.product
    .hnia-product-hover-image {
        aspect-ratio:
            3 / 4;

        margin-bottom:
            10px !important;
    }

    .hnia-products-loop
    ul.products
    li.product
    .woocommerce-loop-product__title {
        margin-bottom:
            5px !important;

        font-size:
            21px !important;

        line-height:
            1.02 !important;
    }

    .hnia-products-loop
    ul.products
    li.product
    .price {
        font-size:
            11px !important;
    }

    .hnia-products-loop
    ul.products
    li.product::after {
        margin-top:
            10px;
    }

    .hnia-products-loop
    ul.products
    li.product:hover
    .hnia-product-hover-image {
        transform:
            none;
    }
}



/* =========================================================
   04. TAILOR MADE
========================================================= */

.hnia-tailormade {
    position: relative;

    background:
        #f1ede7;
}


/* =========================================================
   TAILOR MADE VISUAL
========================================================= */

.hnia-tailormade-visual {
    position: relative;

    width:
        calc(100% - 8vw);

    max-width:
        1600px;

    min-height:
        680px;

    margin:
        0
        auto;

    overflow: hidden;

    background:
        #d9d3cc;

    border:
        1px solid
        rgba(23,18,15,.06);

    border-radius:
        2px;

    box-shadow:
        0
        28px
        70px
        rgba(23,18,15,.08);
}

.hnia-tailormade-visual
.elementor-widget-html,
.hnia-tailormade-visual
.elementor-widget-container {
    width: 100%;
    height: 100%;
}


/* =========================================================
   TAILOR MADE VIDEO
========================================================= */

.hnia-tailormade-video {
    position: relative;

    z-index: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit:
        cover;

    object-position:
        center;

    pointer-events:
        none;
}


/* =========================================================
   TAILOR MADE VISUAL OVERLAY
========================================================= */

.hnia-tailormade-visual::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(15,12,10,.015) 0%,
            rgba(15,12,10,.04) 55%,
            rgba(15,12,10,.08) 100%
        );
}


/* =========================================================
   TAILOR MADE META
========================================================= */

.hnia-tailormade-meta {
    display: flex;

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

    flex-wrap: wrap;
}

.hnia-tailormade-meta
.elementor-widget-text-editor {
    position: relative;

    padding:
        0
        24px;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        500;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

    color:
        #766b63;
}

.hnia-tailormade-meta
.elementor-widget-text-editor:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 50%;

    width: 1px;
    height: 18px;

    background:
        rgba(23,18,15,.18);

    transform:
        translateY(-50%);
}


/* =========================================================
   TAILOR MADE — TABLET
========================================================= */

@media (max-width: 1024px) {

    .hnia-tailormade-visual {
        width:
            calc(100% - 48px);

        max-width:
            none;

        min-height:
            520px;

        box-shadow:
            0
            22px
            52px
            rgba(23,18,15,.07);
    }
}


/* =========================================================
   TAILOR MADE — MOBILE
========================================================= */

@media (max-width: 767px) {

    .hnia-tailormade-visual {
        width:
            calc(100% - 24px);

        min-height:
            420px;

        box-shadow:
            0
            16px
            36px
            rgba(23,18,15,.06);
    }

    .hnia-tailormade-meta {
        display: grid;

        grid-template-columns:
            repeat(2,1fr);

        width:
            100%;

        gap:
            12px
            0;
    }

    .hnia-tailormade-meta
    .elementor-widget-text-editor {
        padding:
            8px
            12px;

        text-align:
            center;
    }

    .hnia-tailormade-meta
    .elementor-widget-text-editor::after {
        display:
            none;
    }
}



/* =========================================================
   05. LA MAISON — EDITORIAL
========================================================= */

.hnia-maison {
    position: relative;

    display: flex;

    align-items: center;

    gap:
        clamp(48px,6vw,100px);

    width: 100%;

    overflow: hidden;

    background:
        #fcfbf8;
}


/* =========================================================
   MAISON MEDIA
========================================================= */

.hnia-maison-media {
    position: relative;

    width: 56%;
    max-width: 760px;

    flex-shrink: 0;

    overflow: visible;
}


/* Editorial background plane */

.hnia-maison-media::before {
    content: "";

    position: absolute;

    left:
        -22px;

    bottom:
        -22px;

    z-index: 0;

    width:
        76%;

    height:
        72%;

    background:
        #eee9e2;
}


/* =========================================================
   MAISON IMAGE
========================================================= */

.hnia-maison-media img {
    position: relative;

    z-index: 1;

    display: block;

    width: 100%;

    aspect-ratio:
        4 / 5;

    object-fit:
        cover;

    object-position:
        center;

    transform:
        none !important;

    filter:
        none !important;

    transition:
        none !important;
}

.hnia-maison-media:hover img {
    transform:
        none !important;

    filter:
        none !important;
}


/* =========================================================
   MAISON CONTENT
========================================================= */

.hnia-maison-content {
    position: relative;

    width: 44%;
    max-width: 590px;

    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 22px;

    padding: 0;

    background:
        transparent !important;
}


/* =========================================================
   MAISON EYEBROW
========================================================= */

.hnia-maison-eyebrow {
    margin-bottom: 2px;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        .20em;

    text-transform:
        uppercase;

    color:
        #a27654;
}


/* =========================================================
   MAISON TITLE
========================================================= */

.hnia-maison-title {
    width: 100%;
}

.hnia-maison-title
.elementor-heading-title {
    max-width:
        570px;

    margin: 0;

    font-size:
        clamp(48px,4vw,68px);

    font-weight:
        400;

    line-height:
        .94;

    letter-spacing:
        -.035em;

    color:
        #17120f;
}


/* =========================================================
   MAISON TEXT
========================================================= */

.hnia-maison-text {
    width: 100%;
    max-width: 500px;

    margin-top:
        4px;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        15px;

    font-weight:
        400;

    line-height:
        1.75;

    color:
        #746a63;
}


/* =========================================================
   MAISON LINK
========================================================= */

.hnia-maison-link {
    position: relative;

    display: inline-flex;
    align-items: center;

    margin-top:
        12px;

    padding-bottom:
        7px;

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;

    color:
        #17120f;

    transition:
        color
        300ms
        ease;
}

.hnia-maison-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background:
        rgba(23,18,15,.35);

    transform-origin:
        left center;

    transition:
        transform 450ms cubic-bezier(.16,1,.3,1),
        background-color 300ms ease;
}

.hnia-maison-link:hover {
    color:
        #a6754c;
}

.hnia-maison-link:hover::after {
    transform:
        scaleX(.45);

    background:
        #a6754c;
}


/* =========================================================
   MAISON — TABLET
========================================================= */

@media (max-width: 1024px) {

    .hnia-maison {
        gap:
            42px;
    }

    .hnia-maison-media {
        width:
            52%;
    }

    .hnia-maison-content {
        width:
            48%;
    }

    .hnia-maison-media::before {
        left:
            -14px;

        bottom:
            -14px;
    }

    .hnia-maison-title
    .elementor-heading-title {
        font-size:
            clamp(42px,5vw,54px);
    }
}


/* =========================================================
   MAISON — MOBILE
========================================================= */

@media (max-width: 767px) {

    .hnia-maison {
        flex-direction:
            column;

        align-items:
            stretch;

        gap:
            42px;
    }

    .hnia-maison-media,
    .hnia-maison-content {
        width:
            100%;

        max-width:
            none;
    }

    .hnia-maison-media {
        width:
            calc(100% - 16px);

        margin-left:
            16px;
    }

    .hnia-maison-media::before {
        left:
            -16px;

        bottom:
            -16px;

        width:
            78%;

        height:
            68%;
    }

    .hnia-maison-media img {
        aspect-ratio:
            4 / 5;
    }

    .hnia-maison-content {
        padding:
            0
            4px;
    }

    .hnia-maison-title
    .elementor-heading-title {
        font-size:
            40px;

        line-height:
            .97;
    }

    .hnia-maison-text {
        max-width:
            none;

        font-size:
            14px;

        line-height:
            1.7;
    }
}