.rf{color:#071a37;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px}.rf *{box-sizing:border-box}.rf a{text-decoration:none}.rf-wrap{max-width:1180px;margin:auto;padding-left:20px;padding-right:20px}.rf-crumb{font-size:12px;padding-top:9px;padding-bottom:9px}.rf-crumb a{color:#10233e}.rf-hero{min-height:360px;background:#05264a;position:relative;overflow:hidden;color:white}.rf-hero:before{content:"";position:absolute;inset:0 0 0 39%;background:url('/static/seo/images/renault/hero-right.webp') right center/cover no-repeat}.rf-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#051d3a 0%,#06254b 34%,rgba(5,30,59,.92) 43%,transparent 68%)}.rf-hero-inner{position:relative;z-index:1;min-height:360px;display:flex;align-items:center}.rf-hero-copy{max-width:510px;padding:20px 0}.rf-hero h1{font-size:42px;line-height:1.05;margin:0 0 4px;font-weight:900;letter-spacing:-1px;color:white}.rf-hero h1 em{color:#ff690c;font-style:normal}.rf-hero h2{color:white;font-size:22px;margin:0 0 12px;line-height:1.1}.rf-hero p{font-size:15px;line-height:1.3;margin:0 0 8px}.rf-hero ul{list-style:none;padding:0;margin:8px 0 12px}.rf-hero li{margin:4px 0;padding-left:25px;position:relative}.rf-hero li:before{content:'✓';position:absolute;left:0;top:0;color:#fff;background:#ff690c;border-radius:50%;width:17px;height:17px;text-align:center;font-weight:900}.rf-buttons{display:flex;gap:14px;flex-wrap:wrap}.rf-btn{display:inline-block;border-radius:14px;padding:12px 20px;font-size:16px;font-weight:800}.rf-orange{background:#ff690c;color:white!important}.rf-border{color:white!important;border:1px solid white}.rf-benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#f0f3f8;border-radius:13px;margin:9px 0 18px;padding:12px 10px}.rf-benefits>div{display:flex;align-items:center;gap:12px;padding:0 14px;border-right:1px solid #d2dae5}.rf-benefits>div:last-child{border:0}.rf-benefits b{font-size:31px;color:#203f65}.rf-benefits strong,.rf-benefits small{display:block}.rf-benefits strong{font-size:13px}.rf-benefits small{font-size:12px;margin-top:3px}.rf h2{font-size:23px;font-weight:900;color:#071a37;margin:0 0 2px;line-height:1.2;letter-spacing:-.4px}.rf-sub{font-size:13px;margin:0 0 12px}.rf-two{display:grid;grid-template-columns:1fr 1.65fr;gap:18px;margin-bottom:20px}.rf-services{display:grid;gap:5px}.rf-services a{display:flex;align-items:center;background:#f2f4f8;border-radius:11px;min-height:63px;padding:9px 12px;color:#081b39;gap:15px}.rf-services a>b{font-size:30px;color:#ff690c;width:42px;text-align:center}.rf-services span{flex:1}.rf-services strong,.rf-services small{display:block}.rf-services strong{font-size:14px}.rf-services small{font-size:12px;margin-top:3px}.rf-services i{font-size:26px;color:#ff690c;font-style:normal}.rf-models{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;text-align:center}.rf-models>div{display:flex;flex-direction:column;align-items:center}.rf-models img{height:79px;width:100%;object-fit:contain;mix-blend-mode:multiply}.rf-models b,.rf-models small{display:block}.rf-models b{font-size:15px}.rf-models small{font-size:12px}.rf-types-row{grid-template-columns:1.55fr 1fr}.rf-key-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rf-key-types>div{background:#f1f4f8;border-radius:11px;padding:5px;text-align:center}.rf-key-types img{height:100px;width:100%;object-fit:contain;mix-blend-mode:multiply}.rf-key-types b,.rf-key-types small{display:block}.rf-key-types b{font-size:13px}.rf-key-types small{font-size:12px}.rf-price{border:1px solid #d1d9e6;border-radius:10px;overflow:hidden}.rf-price>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid #e5eaf0}.rf-price>div:last-child{border:0}.rf-price strong{font-size:13px}.rf-price b{font-size:13px;background:#ff690c;color:white;padding:8px 10px;border-radius:6px;white-space:nowrap;min-width:115px;text-align:center}.rf-price-note{background:#f2f4f8;padding:10px;border-radius:9px;font-size:12px;line-height:1.4;margin-top:8px}.rf-table-section{margin:20px 0}.rf-table-scroll{overflow-x:auto;border:1px solid #cdd7e4;border-radius:9px}.rf table{border-collapse:collapse;width:100%;min-width:780px;font-size:12px}.rf th{background:#062649;color:#fff;text-align:left;padding:9px 12px}.rf td{padding:10px 12px;border-right:1px solid #dce3ed;border-top:1px solid #dce3ed;vertical-align:middle}.rf tbody tr:nth-child(even){background:#f5f7fa}.rf-bottom-row{grid-template-columns:1.1fr 1fr;margin-top:24px}.rf-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rf-examples>div{display:flex;background:#f5f6f8;border-radius:10px;overflow:hidden;min-height:130px}.rf-examples img{width:40%;object-fit:cover}.rf-examples span{padding:12px}.rf-examples b,.rf-examples small{display:block}.rf-examples b{font-size:14px;margin-bottom:7px}.rf-examples small{font-size:12px;line-height:1.4}.rf-faq details{border:1px solid #d4dfeb;border-radius:8px;margin:5px 0;padding:9px 13px}.rf-faq summary{font-weight:800;cursor:pointer;font-size:13px}.rf-faq p{font-size:12px;line-height:1.45;margin:7px 0 0}.rf-related{margin:22px 0 36px}.rf-related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.rf-related a{border:1px solid #cbd8e7;border-radius:11px;color:#071a37;font-weight:800;padding:13px 10px;font-size:13px;display:flex;justify-content:space-between}.rf-related a b{color:#ff690c}.rf-footer-cta{background:#062649;color:white;padding:20px 0}.rf-footer-cta>.rf-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.rf-footer-cta h2{color:white;font-size:19px}.rf-footer-cta p{font-size:13px;line-height:1.5;max-width:690px}.rf-footer-cta a{display:block;background:#ff690c;color:white!important;padding:12px 22px;border-radius:12px;white-space:nowrap;font-size:22px;font-weight:900;text-align:center}.rf-footer-cta a small{display:block;font-size:11px;font-weight:400;margin-top:2px}@media(max-width:900px){.rf-two,.rf-types-row,.rf-bottom-row{grid-template-columns:1fr}.rf-benefits{grid-template-columns:repeat(2,1fr);gap:14px}.rf-benefits>div:nth-child(2){border:0}.rf-hero:before{left:28%;opacity:.6}.rf-hero:after{background:linear-gradient(90deg,#051d3a 0%,rgba(5,29,58,.94) 50%,rgba(5,29,58,.45) 100%)}.rf-related>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.rf-hero h1{font-size:35px}.rf-hero h2{font-size:19px}.rf-hero-copy{max-width:100%}.rf-hero:before{left:0;opacity:.22}.rf-hero:after{background:rgba(5,29,58,.7)}.rf-models{grid-template-columns:repeat(2,1fr)}.rf-benefits{grid-template-columns:1fr}.rf-benefits>div{border:0}.rf-key-types{grid-template-columns:1fr 1fr}.rf-examples{grid-template-columns:1fr}.rf-related>div{grid-template-columns:1fr}.rf-footer-cta>.rf-wrap{flex-direction:column;align-items:stretch}.rf-footer-cta a{white-space:normal}.rf-buttons{flex-direction:column}.rf-btn{text-align:center}}

/* SGL RENAULT — Finitions visuelles des modèles */

.rf-models > div {
    min-width: 0;
    overflow: hidden;
}

.rf-models img {
    display: block;
    width: 100%;
    max-width: 130px;
    height: 78px;
    margin: 0 auto 5px;
    object-fit: contain;
    object-position: center;
}

.rf-models b,
.rf-models small {
    position: relative;
    z-index: 1;
}

.rf-hero-copy {
    position: relative;
    z-index: 2;
}

.rf-hero-copy p,
.rf-hero-copy li {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}


/* SGL RENAULT — Finitions V2 */

/* Sous-titre lisible dans la bannière */
.rf .rf-hero h2 {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 2px 5px rgba(0,0,0,.65);
    font-weight: 800;
}

/* Miniatures des quatre familles de clés */
.rf .rf-table-section tbody td:first-child {
    position: relative;
    padding-left: 70px;
    min-height: 62px;
    height: 62px;
}

.rf .rf-table-section tbody td:first-child::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.rf .rf-table-section tbody tr:nth-child(1) td:first-child::before {
    background-image: url('/static/seo/images/renault/key-remote.webp');
}

.rf .rf-table-section tbody tr:nth-child(2) td:first-child::before {
    background-image: url('/static/seo/images/renault/card.webp');
}

.rf .rf-table-section tbody tr:nth-child(3) td:first-child::before {
    background-image: url('/static/seo/images/renault/card.webp');
}

.rf .rf-table-section tbody tr:nth-child(4) td:first-child::before {
    background-image: url('/static/seo/images/renault/smart.webp');
}

@media (max-width: 600px) {
    .rf .rf-table-section tbody td:first-child {
        padding-left: 60px;
    }

    .rf .rf-table-section tbody td:first-child::before {
        width: 40px;
        left: 8px;
    }
}


/* SGL-RENAULT-29-DEBUT */

/* Modèles : photographie au-dessus du nom */
.rf .rf-models > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0;
    overflow: visible;
}

.rf .rf-models > div > img {
    display: block !important;
    order: 0 !important;
    width: 100%;
    max-width: 130px;
    height: 80px;
    margin: 0 auto 5px;
    object-fit: contain;
    object-position: center;
}

.rf .rf-models > div > b {
    display: block !important;
    order: 1 !important;
}

.rf .rf-models > div > small {
    display: block !important;
    order: 2 !important;
}

/* Types de clés : image, intitulé, description */
.rf .rf-key-types > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0;
    overflow: hidden;
}

.rf .rf-key-types > div > img {
    display: block !important;
    order: 0 !important;
    width: 100%;
    height: 100px;
    object-fit: contain;
    object-position: center;
}

.rf .rf-key-types > div > b {
    display: block !important;
    order: 1 !important;
}

.rf .rf-key-types > div > small {
    display: block !important;
    order: 2 !important;
}

/* Exemples : photographie à gauche, texte à droite */
.rf .rf-examples > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
    min-width: 0;
    overflow: hidden;
}

.rf .rf-examples > div > img {
    display: block !important;
    order: 0 !important;
    flex: 0 0 40%;
    width: 40%;
    min-width: 0;
    height: auto;
    object-fit: cover;
}

.rf .rf-examples > div > span {
    display: block !important;
    order: 1 !important;
    flex: 1 1 auto;
    min-width: 0;
}

/* SGL-RENAULT-29-FIN */

/* ==========================================================
   SGL — RENAULT — ETAPE 31
   Optimisation mobile uniquement — ordinateur préservé
   ========================================================== */

@media screen and (max-width: 600px) {

  /* Typographie et espacement */
  .rf {
    font-size: 16px;
    line-height: 1.5;
  }

  .rf-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .rf h2 {
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: -.35px;
    margin-bottom: 7px;
  }

  .rf-sub {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 15px;
  }

  /* Bannière : hiérarchie plus lisible */
  .rf .rf-hero {
    min-height: 0;
  }

  .rf .rf-hero-inner {
    min-height: 0;
  }

  .rf .rf-hero-copy {
    padding-top: 25px;
    padding-bottom: 26px;
    max-width: 100%;
  }

  .rf .rf-hero h1 {
    font-size: clamp(31px, 8vw, 38px);
    line-height: 1.08;
    letter-spacing: -.6px;
    margin-bottom: 8px;
  }

  .rf .rf-hero h2 {
    font-size: 19px;
    line-height: 1.3;
    margin-bottom: 12px;
  }

  .rf .rf-hero-copy p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 12px;
  }

  .rf .rf-hero-copy li {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 7px;
  }

  .rf .rf-hero-copy ul {
    margin: 10px 0 16px;
  }

  .rf .rf-hero:before {
    opacity: .16;
  }

  .rf .rf-hero:after {
    background: rgba(5, 29, 58, .88);
  }

  .rf .rf-btn {
    font-size: 16px;
    padding: 13px 16px;
    border-radius: 11px;
  }

  /* Avantages */
  .rf .rf-benefits {
    padding: 14px;
    gap: 13px;
    margin-bottom: 22px;
  }

  .rf .rf-benefits > div {
    padding: 4px 0;
    gap: 12px;
  }

  .rf .rf-benefits strong {
    font-size: 15px;
  }

  .rf .rf-benefits small {
    font-size: 13px;
  }

  /* Prestations */
  .rf .rf-services {
    gap: 9px;
  }

  .rf .rf-services a {
    min-height: 76px;
    padding: 12px;
    gap: 11px;
  }

  .rf .rf-services strong {
    font-size: 15px;
    line-height: 1.3;
  }

  .rf .rf-services small {
    font-size: 13px;
    line-height: 1.4;
  }

  /* Modèles Renault */
  .rf .rf-models {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 12px;
  }

  .rf .rf-models img {
    height: 105px;
    max-width: 100%;
    object-fit: contain;
  }

  .rf .rf-models b {
    font-size: 17px;
  }

  .rf .rf-models small {
    font-size: 14px;
  }

  /* Types de clés */
  .rf .rf-key-types {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .rf .rf-key-types > div {
    min-width: 0;
    padding: 9px;
  }

  .rf .rf-key-types img {
    height: 105px;
  }

  .rf .rf-key-types b {
    font-size: 14px;
    line-height: 1.35;
  }

  .rf .rf-key-types small {
    font-size: 13px;
  }

  /* Tarifs */
  .rf .rf-price > div {
    padding: 11px 10px;
  }

  .rf .rf-price strong {
    font-size: 14px;
    line-height: 1.35;
  }

  .rf .rf-price b {
    font-size: 13px;
    min-width: 112px;
    padding: 9px 7px;
  }

  .rf .rf-price-note {
    font-size: 14px;
    line-height: 1.5;
    padding: 12px;
  }

  /* Tableau : défilement horizontal conservé */
  .rf .rf-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  .rf .rf-table-section table {
    min-width: 780px;
  }

  .rf .rf-table-section th,
  .rf .rf-table-section td {
    font-size: 13px;
    line-height: 1.45;
  }

  /* Exemples et FAQ */
  .rf .rf-examples b {
    font-size: 15px;
  }

  .rf .rf-examples small {
    font-size: 14px;
    line-height: 1.45;
  }

  .rf .rf-faq summary {
    font-size: 15px;
    line-height: 1.4;
  }

  .rf .rf-faq p {
    font-size: 14px;
    line-height: 1.5;
  }

  .rf .rf-related a {
    font-size: 14px;
    line-height: 1.4;
  }

  .rf .rf-footer-cta h2 {
    font-size: 20px;
  }

  .rf .rf-footer-cta p {
    font-size: 14px;
  }
}


/* ==========================================================
   SGL — RENAULT — ETAPE 33
   Texte court sur mobile, texte original sur ordinateur
   ========================================================== */

.rf .rf-hero-description-mobile,
.rf .rf-hero-list-mobile {
    display: none;
}

@media screen and (max-width: 600px) {

    .rf .rf-hero-description-desktop,
    .rf .rf-hero-list-desktop {
        display: none;
    }

    .rf .rf-hero-description-mobile {
        display: block;
        font-size: 16px;
        line-height: 1.45;
        margin: 0 0 13px;
    }

    .rf .rf-hero-list-mobile {
        display: block;
        margin: 0 0 17px;
        padding: 0;
    }

    .rf .rf-hero-list-mobile li {
        font-size: 15px;
        line-height: 1.4;
        margin: 7px 0;
    }

    .rf .rf-hero-copy {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .rf .rf-hero h2 {
        margin-bottom: 13px;
    }
}


/* ==========================================================
   SGL — RENAULT — ETAPE 39
   Image Renault plus visible uniquement sur mobile
   ========================================================== */

@media screen and (max-width: 600px) {

    .rf .rf-hero::before {
        opacity: .65;
        background-position: 65% center;
    }

    .rf .rf-hero::after {
        background: linear-gradient(
            90deg,
            rgba(5, 29, 58, .92) 0%,
            rgba(5, 29, 58, .78) 45%,
            rgba(5, 29, 58, .38) 100%
        );
    }

}