/* ==========================================================

   PAGE LOCATION

========================================================== */



.rental-page {

    width: 100%;

    overflow: hidden;

    background: #FAF7F4;

    color: #000000;

}





/* ==========================================================

   HERO

========================================================== */



.rental-hero {

    min-height: 720px;



    padding: 40px;



    display: flex;



    background: #F6E8EB;

}





.rental-hero-inner {

    width: 100%;

    max-width: 1450px;



    margin: 0 auto;



    display: flex;

    flex-direction: column;

    justify-content: space-between;

}





.rental-hero-meta,

.rental-hero-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;



    gap: 30px;



    font-family: "DM Sans", sans-serif;



    color: #8C7176;



    font-size: 11px;

    letter-spacing: 0.18em;



    text-transform: uppercase;

}





.rental-hero-content {

    width: 100%;

    max-width: 1150px;



    margin: 90px auto;



    text-align: center;

}





.rental-hero-kicker {

    margin: 0 0 27px;



    font-family: "Libre Baskerville", serif;



    color: #A9606E;



    font-size: 13px;

    font-style: italic;

}





.rental-hero h1 {

    margin: 0;



    font-family: "Playfair Display SC", serif;



    color: #000000;



    font-size: clamp(65px, 7.5vw, 115px);

    font-weight: 400;



    line-height: 0.88;

    letter-spacing: -0.05em;



    text-transform: uppercase;

}





.rental-hero h1 span {

    display: block;



    margin-top: 15px;



    font-family: "Libre Baskerville", serif;



    color: #B96E7D;



    font-size: 0.56em;

    font-style: italic;



    line-height: 1.05;



    text-transform: none;

}





.rental-hero-description {

    max-width: 500px;



    margin: 35px auto 0;



    font-family: "DM Sans", sans-serif;



    color: #76686B;



    font-size: 16px;

    line-height: 1.8;

}





.rental-hero-button {

    width: fit-content;



    margin: 35px auto 0;



    display: flex;

    align-items: center;



    gap: 16px;



    font-family: "Libre Baskerville", serif;



    color: #000000;



    font-size: 12px;

    font-style: italic;



    text-decoration: none;

}





.rental-hero-arrow {

    width: 42px;

    height: 42px;



    display: flex;

    align-items: center;

    justify-content: center;



    border: 1px solid #000000;

    border-radius: 50%;



    transition:

background 0.3s ease,

        color 0.3s ease,

        transform 0.3s ease;

}





.rental-hero-button:hover .rental-hero-arrow {

    background: #000000;



    color: #FFFFFF;



    transform: translateY(5px);

}





/* ==========================================================

   INTRODUCTION

========================================================== */



.rental-intro {

    padding: 145px 40px;



    background: #FAF7F4;

}





.rental-intro-inner {

    max-width: 1300px;



    margin: 0 auto;



    display: grid;

    grid-template-columns: 1.1fr 0.75fr;



    align-items: end;



    gap: 120px;

}





.rental-label {

    margin-bottom: 35px;



    display: flex;

    align-items: center;



    gap: 15px;

}





.rental-label > span {

    width: 40px;

    height: 1px;



    background: #E2A4B1;

}





.rental-label p {

    margin: 0;



    font-family: "DM Sans", sans-serif;



    color: #B96E7D;



    font-size: 11px;

    letter-spacing: 0.2em;



    text-transform: uppercase;

}





.rental-intro h2,

.rental-help h2 {

    margin: 0;



    font-family: "Playfair Display SC", serif;



    color: #000000;



    font-size: clamp(50px, 5vw, 78px);

    font-weight: 400;



    line-height: 0.95;

    letter-spacing: -0.045em;



    text-transform: uppercase;

}





.rental-intro h2 span,

.rental-help h2 span {

    display: block;



    margin-top: 10px;



    font-family: "Libre Baskerville", serif;



    color: #C77D8C;



    font-size: 0.7em;

    font-style: italic;



    text-transform: none;

}





.rental-intro-content p {

    margin: 0 0 18px;



    font-family: "DM Sans", sans-serif;



    color: #696260;



    font-size: 16px;

    line-height: 1.8;

}





.rental-intro-content p:last-child {

    margin-bottom: 0;

}





.rental-intro-content .rental-intro-lead {

    font-family: "Libre Baskerville", serif;



    color: #000000;



    font-size: 16px;

    font-style: italic;



    line-height: 1.65;

}





.rental-intro-content strong {

    color: #000000;



    font-weight: 500;

}





/* ==========================================================

   CATALOGUE

========================================================== */



.rental-catalogue {

    padding: 140px 40px 150px;



    background: #000000;



    color: #FFFFFF;

}





.rental-catalogue-inner {

    width: 100%;

    max-width: 1450px;



    margin: 0 auto;

}





.rental-catalogue-header {

    margin-bottom: 80px;



    display: grid;

    grid-template-columns: 1fr 370px;



    align-items: end;



    gap: 90px;

}





.rental-catalogue-heading > p {

    margin: 0 0 22px;



    font-family: "DM Sans", sans-serif;



    color: #E2A4B1;



    font-size: 11px;

    letter-spacing: 0.2em;



    text-transform: uppercase;

}





.rental-catalogue-heading h2 {

    margin: 0;



    font-family: "Playfair Display SC", serif;



    color: #FFFFFF;



    font-size: clamp(55px, 5.5vw, 85px);

    font-weight: 400;



    line-height: 0.92;

    letter-spacing: -0.045em;



    text-transform: uppercase;

}





.rental-catalogue-heading h2 span {

    display: block;



    font-family: "Libre Baskerville", serif;



    color: #E2A4B1;



    font-size: 0.66em;

    font-style: italic;



    text-transform: none;

}





.rental-catalogue-intro p {

    margin: 0 0 14px;



    font-family: "DM Sans", sans-serif;



    color: rgba(255, 255, 255, 0.45);



    font-size: 16px;

    line-height: 1.75;

}





.rental-catalogue-intro p:last-child {

    margin-bottom: 0;

}





/* ==========================================================

   GRID DYNAMIQUE

========================================================== */



.rental-grid {

    display: grid;



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



    gap: 75px 25px;

}





/* On décale légèrement une carte sur deux pour casser la grille */



.rental-item:nth-child(3n + 2) {

    padding-top: 70px;

}





.rental-item-visual {

    position: relative;



    width: 100%;

    height: 520px;



    overflow: hidden;



    background: #151515;

}





.rental-item-image {

    position: absolute;



    inset: 0;



    width: 100%;

    height: 100%;

}





.rental-item-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;



    transition:

        transform 0.8s cubic-bezier(.2, .7, .2, 1),

        opacity 0.6s ease;

}





.rental-item-image-secondary {

    opacity: 0;



    transition: opacity 0.6s ease;

}





.rental-item:hover .rental-item-image-secondary {

    opacity: 1;

}





.rental-item:hover .rental-item-image-main img {

    transform: scale(1.035);

}





.rental-item:hover .rental-item-image-secondary img {

    transform: scale(1.035);

}





.rental-item-placeholder {

    position: absolute;



    inset: 0;



    display: flex;

    align-items: center;

    justify-content: center;



    background: #191919;

}





.rental-item-placeholder span {

    font-family: "Libre Baskerville", serif;



    color: rgba(255, 255, 255, 0.3);



    font-size: 13px;

    font-style: italic;

}





/* NUMÉRO */



.rental-item-number {

    position: absolute;



    top: 15px;

    left: 15px;



    z-index: 3;



    width: 39px;

    height: 39px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: rgba(0, 0, 0, 0.72);



    backdrop-filter: blur(8px);



    font-family: "Libre Baskerville", serif;



    color: #FFFFFF;



    font-size: 11px;

    font-style: italic;

}





/* CATÉGORIE */



.rental-item-category {

    position: absolute;



    right: 15px;

    bottom: 15px;



    z-index: 3;



    padding: 8px 12px;



    border-radius: 100px;



    background: rgba(0, 0, 0, 0.72);



    backdrop-filter: blur(8px);



    font-family: "DM Sans", sans-serif;



    color: #FFFFFF;



    font-size: 10px;

    letter-spacing: 0.12em;



    text-transform: uppercase;

}





/* CONTENU CARTE */



.rental-item-content {

    padding-top: 20px;

}





.rental-item-content h3 {

    margin: 0;



    font-family: "Libre Baskerville", serif;



    color: #FFFFFF;



    font-size: 21px;

    font-weight: 400;



    line-height: 1.3;

}





.rental-item-content > p {

    max-width: 390px;



    margin: 13px 0 0;



    font-family: "DM Sans", sans-serif;



    color: rgba(255, 255, 255, 0.4);



    font-size: 16px;

    line-height: 1.7;

}





.rental-item-link {

    width: fit-content;



    margin-top: 18px;



    display: flex;

    align-items: center;



    gap: 12px;



    font-family: "Libre Baskerville", serif;



    color: rgba(255, 255, 255, 0.65);



    font-size: 12px;

    font-style: italic;



    text-decoration: none;



    transition: color 0.3s ease;

}





.rental-item-link span:last-child {

    color: #E2A4B1;



    font-size: 15px;



    transition: transform 0.3s ease;

}





.rental-item-link:hover {

    color: #FFFFFF;

}





.rental-item-link:hover span:last-child {

    transform: rotate(45deg);

}





/* BAS DU CATALOGUE */



.rental-catalogue-footer {

    margin-top: 100px;

    padding-top: 25px;



    display: flex;

    align-items: center;

    justify-content: space-between;



    gap: 50px;



    border-top: 1px solid rgba(255, 255, 255, 0.15);

}





.rental-catalogue-footer > p {

    max-width: 390px;



    margin: 0;



    font-family: "DM Sans", sans-serif;



    color: rgba(255, 255, 255, 0.35);



    font-size: 16px;

    line-height: 1.7;

}





.rental-catalogue-footer a {

    display: flex;

    align-items: center;



    gap: 15px;



    font-family: "Libre Baskerville", serif;



    color: #FFFFFF;



    font-size: 12px;

    font-style: italic;



    text-decoration: none;

}





.rental-catalogue-footer a span:last-child {

    color: #E2A4B1;



    font-size: 17px;



    transition: transform 0.3s ease;

}





.rental-catalogue-footer a:hover span:last-child {

    transform: rotate(45deg);

}





.rental-empty {

    padding: 80px 0;



    border-top: 1px solid rgba(255, 255, 255, 0.15);

    border-bottom: 1px solid rgba(255, 255, 255, 0.15);



    text-align: center;

}





.rental-empty p {

    font-family: "Libre Baskerville", serif;



    color: rgba(255, 255, 255, 0.5);



    font-style: italic;

}





/* ==========================================================

   POURQUOI LOUER

========================================================== */



.rental-why {

    padding: 145px 40px;



    background: #FAF7F4;

}





.rental-why-inner {

    max-width: 1350px;



    margin: 0 auto;

}





.rental-small-title {

    margin: 0 0 25px;



    font-family: "Libre Baskerville", serif;



    color: #B96E7D;



    font-size: 12px;

    font-style: italic;

}





.rental-why-heading {

    max-width: 850px;

}





.rental-why-heading h2 {

    margin: 0;



    font-family: "Playfair Display SC", serif;



    font-size: clamp(52px, 5.5vw, 82px);

    font-weight: 400;



    line-height: 0.94;

    letter-spacing: -0.045em;



    text-transform: uppercase;

}





.rental-why-heading h2 span {

    display: block;



    font-family: "Libre Baskerville", serif;



    color: #C77D8C;



    font-size: 0.68em;

    font-style: italic;



    text-transform: none;

}





.rental-why-grid {

    margin-top: 85px;



    display: grid;

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

}





.rental-why-grid article {

    min-height: 310px;



    padding: 27px 35px;



    border-top: 1px solid rgba(0, 0, 0, 0.15);

    border-right: 1px solid rgba(0, 0, 0, 0.1);

}





.rental-why-grid article:last-child {

    border-right: 0;

}





.rental-why-grid article > span {

    font-family: "Libre Baskerville", serif;



    color: #C77D8C;



    font-size: 12px;

    font-style: italic;

}





.rental-why-grid h3 {

    margin: 80px 0 20px;



    font-family: "Libre Baskerville", serif;



    font-size: 23px;

    font-weight: 400;

}





.rental-why-grid p {

    margin: 0;



    font-family: "DM Sans", sans-serif;



    color: #716A67;



    font-size: 16px;

    line-height: 1.75;

}





/* ==========================================================

   COMMENT ÇA MARCHE

========================================================== */



.rental-how {

    padding: 145px 40px;



    background: #000000;



    color: #FFFFFF;

}





.rental-how-inner {

    max-width: 1400px;



    margin: 0 auto;

}





.rental-label-light p {

    color: #E2A4B1;

}





.rental-how-top {

    max-width: 900px;

}





.rental-how-top h2 {

    margin: 0;



    font-family: "Playfair Display SC", serif;



    font-size: clamp(55px, 5.7vw, 88px);

    font-weight: 400;



    line-height: 0.92;

    letter-spacing: -0.045em;



    text-transform: uppercase;

}





.rental-how-top h2 span {

    display: block;



    margin-top: 10px;



    font-family: "Libre Baskerville", serif;



    color: #E2A4B1;



    font-size: 0.65em;

    font-style: italic;



    text-transform: none;

}





.rental-how-top > p {

    max-width: 500px;



    margin: 30px 0 0;



    font-family: "DM Sans", sans-serif;



    color: rgba(255, 255, 255, 0.45);



    font-size: 16px;

    line-height: 1.8;

}





.rental-steps {

    margin-top: 85px;



    display: grid;

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

}





.rental-step {

    min-height: 300px;



    padding: 25px 30px;



    display: flex;

    flex-direction: column;

    justify-content: space-between;



    border-top: 1px solid rgba(255, 255, 255, 0.2);

    border-right: 1px solid rgba(255, 255, 255, 0.12);

}





.rental-step:last-child {

    border-right: 0;

}





.rental-step-number {

    font-family: "Libre Baskerville", serif;



    color: #E2A4B1;



    font-size: 12px;

    font-style: italic;

}





.rental-step h3 {

    margin: 0 0 18px;



    font-family: "Libre Baskerville", serif;



    color: #FFFFFF;



    font-size: 21px;

    font-weight: 400;

    font-style: italic;

}





.rental-step p {

    margin: 0;



    font-family: "DM Sans", sans-serif;



    color: rgba(255, 255, 255, 0.4);



    font-size: 16px;

    line-height: 1.75;

}





/* ==========================================================

   ACCOMPAGNEMENT

========================================================== */



.rental-help {

    padding: 145px 40px;



    background: #FAF7F4;

}





.rental-help-inner {

    max-width: 1400px;



    margin: 0 auto;



    display: grid;

    grid-template-columns: 0.75fr 1.1fr;



    align-items: center;



    gap: clamp(80px, 9vw, 150px);

}





.rental-help-content {

    max-width: 520px;

}





.rental-help-lead {

    margin-top: 32px !important;



    font-family: "Libre Baskerville", serif !important;



    color: #000000 !important;



    font-size: 16px !important;

    font-style: italic;



    line-height: 1.65 !important;

}





.rental-help-content > p:not(.rental-small-title) {

    margin: 20px 0 0;



    font-family: "DM Sans", sans-serif;



    color: #696260;



    font-size: 16px;

    line-height: 1.8;

}





.rental-help-link {

    width: fit-content;



    margin-top: 35px;



    display: flex;

    align-items: center;



    gap: 15px;



    font-family: "Libre Baskerville", serif;



    color: #000000;



    font-size: 12px;

    font-style: italic;



    text-decoration: none;

}





.rental-help-link span:last-child {

    width: 38px;

    height: 38px;



    display: flex;

    align-items: center;

    justify-content: center;



    border: 1px solid #E2A4B1;

    border-radius: 50%;



    transition:

background 0.3s ease,

        transform 0.3s ease;

}





.rental-help-link:hover span:last-child {

    background: #E2A4B1;



    transform: rotate(45deg);

}





/* IMAGE */



.rental-help-visual {

    position: relative;



    height: 680px;

}





.rental-help-visual > img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

}





.rental-help-badge {

    position: absolute;



    left: -55px;

    bottom: 45px;



    width: 125px;

    height: 125px;



    display: flex;

    align-items: center;

    justify-content: center;



    gap: 10px;



    border-radius: 50%;



    background: #E2A4B1;



    transform: rotate(-7deg);

}





.rental-help-badge > span {

    font-family: "Playfair Display SC", serif;



    font-size: 38px;

}





.rental-help-badge p {

    margin: 0;



    font-family: "DM Sans", sans-serif;



    font-size: 10px;

    line-height: 1.5;



    letter-spacing: 0.1em;



    text-transform: uppercase;

}





/* ==========================================================

   CTA FINAL

========================================================== */



.rental-final {

    padding: 150px 40px;



    background: #E2A4B1;



    text-align: center;

}





.rental-final-inner {

    max-width: 1050px;



    margin: 0 auto;

}





.rental-final-kicker {

    margin: 0 0 25px;



    font-family: "Libre Baskerville", serif;



    color: #70444D;



    font-size: 13px;

    font-style: italic;

}





.rental-final h2 {

    margin: 0;



    font-family: "Playfair Display SC", serif;



    color: #000000;



    font-size: clamp(58px, 6.5vw, 95px);

    font-weight: 400;



    line-height: 0.9;

    letter-spacing: -0.045em;



    text-transform: uppercase;

}





.rental-final h2 span {

    display: block;



    margin-top: 10px;



    font-family: "Libre Baskerville", serif;



    font-size: 0.67em;

    font-style: italic;



    text-transform: none;

}





.rental-final-text {

    max-width: 520px;



    margin: 30px auto 0;



    font-family: "DM Sans", sans-serif;



    color: rgba(0, 0, 0, 0.6);



    font-size: 16px;

    line-height: 1.8;

}





.rental-final-button {

    position: relative;



    width: fit-content;



    margin: 38px auto 0;

    padding: 7px 7px 7px 24px;



    display: flex;

    align-items: center;



    gap: 25px;



    overflow: hidden;



    border: 1px solid #000000;

    border-radius: 100px;



    color: #000000;



    text-decoration: none;



    isolation: isolate;

}





.rental-final-button::before {

    content: "";



    position: absolute;



    inset: 0;



    z-index: -1;



    background: #000000;



    transform: translateX(-101%);



    transition: transform 0.45s cubic-bezier(.77, 0, .18, 1);

}





.rental-final-button > span:first-child {

    font-family: "Libre Baskerville", serif;



    font-size: 12px;

    font-style: italic;



    transition: color 0.3s ease;

}





.rental-final-arrow {

    width: 42px;

    height: 42px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: #000000;

    color: #FFFFFF;



    font-size: 16px;



    transition:

background 0.3s ease,

        color 0.3s ease,

        transform 0.4s ease;

}





.rental-final-button:hover::before {

    transform: translateX(0);

}





.rental-final-button:hover > span:first-child {

    color: #FFFFFF;

}





.rental-final-button:hover .rental-final-arrow {

    background: #FFFFFF;

    color: #000000;



    transform: rotate(45deg);

}





/* ==========================================================

   TABLETTE

========================================================== */



@media (max-width: 1050px) {



    .rental-hero {

        min-height: 650px;



        padding: 35px 30px;

    }





    .rental-intro,

    .rental-catalogue,

    .rental-why,

    .rental-how,

    .rental-help {

        padding: 110px 30px;

    }





    .rental-intro-inner {

        gap: 70px;

    }





    .rental-grid {

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



        gap: 65px 25px;

    }





    .rental-item:nth-child(3n + 2) {

        padding-top: 0;

    }





    .rental-item:nth-child(even) {

        padding-top: 60px;

    }





    .rental-item-visual {

        height: 500px;

    }





    .rental-help-inner {

        gap: 70px;

    }





    .rental-help-visual {

        height: 580px;

    }





    .rental-final {

        padding: 120px 30px;

    }



}





/* ==========================================================

   PETITE TABLETTE

========================================================== */



@media (max-width: 768px) {



    .rental-hero {

        min-height: 600px;



        padding: 30px 25px;

    }





    .rental-hero-content {

        margin: 70px auto;

    }





    .rental-hero h1 {

        font-size: clamp(52px, 11vw, 78px);

    }





    .rental-intro {

        padding: 90px 25px;

    }





    .rental-intro-inner {

        display: block;

    }





    .rental-intro-content {

        max-width: 600px;



        margin-top: 40px;

    }





    /* CATALOGUE */



    .rental-catalogue {

        padding: 90px 25px;

    }





    .rental-catalogue-header {

        display: block;



        margin-bottom: 55px;

    }





    .rental-catalogue-intro {

        max-width: 500px;



        margin-top: 30px;

    }





    .rental-item-visual {

        height: 460px;

    }





    /* WHY */



    .rental-why {

        padding: 90px 25px;

    }





    .rental-why-grid {

        margin-top: 60px;

    }





    /* HOW */



    .rental-how {

        padding: 90px 25px;

    }





    .rental-steps {

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



        margin-top: 65px;

    }





    .rental-step:nth-child(2) {

        border-right: 0;

    }





    /* HELP */



    .rental-help {

        padding: 90px 25px;

    }





    .rental-help-inner {

        display: flex;

        flex-direction: column;

    }





    .rental-help-content {

        max-width: 650px;

    }





    .rental-help-visual {

        width: calc(100% - 35px);

        height: 600px;



        margin-left: 35px;

    }





    .rental-help-badge {

        left: -35px;

    }





    .rental-final {

        padding: 100px 25px;

    }



}





/* ==========================================================

   MOBILE

========================================================== */



@media (max-width: 550px) {



    .rental-hero {

        min-height: 550px;



        padding: 25px 18px 30px;

    }





    .rental-hero-meta span:last-child {

        display: none;

    }





    .rental-hero-content {

        margin: 55px auto;

    }





    .rental-hero-kicker {

        font-size: 12px;

    }





    .rental-hero h1 {

        font-size: clamp(43px, 13vw, 58px);



        line-height: 0.94;

    }





    .rental-hero-description {

        margin-top: 27px;



        font-size: 13px;

    }





    .rental-hero-bottom {

        justify-content: flex-start;

        flex-wrap: wrap;



        gap: 10px 18px;

    }





    /* INTRO */



    .rental-intro,

    .rental-catalogue,

    .rental-why,

    .rental-how,

    .rental-help {

        padding: 75px 18px;

    }





    .rental-intro h2,

    .rental-help h2 {

        font-size: clamp(39px, 11vw, 50px);

    }





    .rental-intro-content {

        margin-top: 30px;

    }





    .rental-intro-content .rental-intro-lead {

        font-size: 14px;

    }





    .rental-intro-content p {

        font-size: 13px;

    }





    /* CATALOGUE */



    .rental-catalogue-heading h2 {

        font-size: clamp(42px, 12vw, 56px);

    }





    .rental-grid {

        grid-template-columns: 1fr;



        gap: 55px;

    }





    .rental-item:nth-child(even),

    .rental-item:nth-child(3n + 2) {

        padding-top: 0;

    }





    .rental-item-visual {

        height: 500px;

    }





    .rental-item-content h3 {

        font-size: 19px;

    }





    .rental-catalogue-footer {

        margin-top: 65px;



        align-items: flex-start;

        flex-direction: column;



        gap: 25px;

    }





    /* WHY */



    .rental-why-heading h2 {

        font-size: clamp(42px, 12vw, 56px);

    }





    .rental-why-grid {

        grid-template-columns: 1fr;



        margin-top: 55px;

    }





    .rental-why-grid article {

        min-height: 0;



        padding: 25px 0 30px;



        border-right: 0;

    }





    .rental-why-grid h3 {

        margin: 35px 0 15px;



        font-size: 21px;

    }





    /* HOW */



    .rental-how-top h2 {

        font-size: clamp(42px, 12vw, 56px);

    }





    .rental-steps {

        grid-template-columns: 1fr;



        margin-top: 55px;

    }





    .rental-step {

        min-height: 0;



        padding: 25px 0 30px;



        border-right: 0;

    }





    .rental-step > div {

        margin-top: 35px;

    }





    /* HELP */



    .rental-help-inner {

        gap: 55px;

    }





    .rental-help-visual {

        width: calc(100% - 20px);

        height: 470px;



        margin-left: 20px;

    }





    .rental-help-badge {

        left: -20px;

        bottom: 25px;



        width: 100px;

        height: 100px;

    }





    .rental-help-badge > span {

        font-size: 30px;

    }





    /* FINAL */



    .rental-final {

        padding: 80px 18px;

    }





    .rental-final h2 {

        font-size: clamp(42px, 12vw, 57px);

    }





    .rental-final-button {

        padding-left: 18px;



        gap: 17px;

    }





    .rental-final-button > span:first-child {

        font-size: 12px;

    }



}





/* ==========================================================

   PETIT MOBILE

========================================================== */



@media (max-width: 380px) {



    .rental-hero,

    .rental-intro,

    .rental-catalogue,

    .rental-why,

    .rental-how,

    .rental-help,

    .rental-final {

        padding-left: 15px;

        padding-right: 15px;

    }





    .rental-item-visual {

        height: 430px;

    }





    .rental-help-visual {

        height: 420px;

    }



}





/* ==========================================================

   PAS DE HOVER SUR ÉCRAN TACTILE

========================================================== */



@media (hover: none) {



    .rental-item-image-secondary {

        display: none;

    }



}