/*=====================================================================
  ÉcoClimPro V2
  assets/css/main.css
  Partie 1
======================================================================*/

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

*,
*::before,
*::after{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
font-size:16px;
scroll-behavior:smooth;
-webkit-text-size-adjust:100%;
}

body{
font-family:"Inter",sans-serif;
font-size:1rem;
line-height:1.7;
color:#243746;
background:#fff;
overflow-x:hidden;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

img{
display:block;
max-width:100%;
height:auto;
border:0;
}

svg{
display:block;
}

picture{
display:block;
}

iframe{
border:0;
width:100%;
}

ul{
list-style:none;
}

ol{
padding-left:1.3rem;
}

a{
text-decoration:none;
color:inherit;
transition:.25s;
}

button{
font:inherit;
cursor:pointer;
border:none;
background:none;
}

input,
textarea,
select{
font:inherit;
outline:none;
}

:focus-visible{
outline:3px solid #18b4ff;
outline-offset:3px;
}

/*==========================
ROOT
==========================*/

:root{

--primary:#0A6CB0;
--primary-dark:#075489;
--secondary:#24A85A;
--secondary-dark:#178847;

--white:#fff;

--light:#f4f7fb;
--light2:#edf3f8;

--dark:#163041;
--text:#34495e;

--border:#dfe8ef;

--shadow-sm:
0 5px 15px rgba(0,0,0,.06);

--shadow:
0 12px 30px rgba(0,0,0,.08);

--shadow-lg:
0 25px 60px rgba(0,0,0,.14);

--radius:14px;
--radius-lg:22px;

--transition:.35s;

--container:1280px;

}

/*==========================
TYPOGRAPHIE
==========================*/

h1,
h2,
h3,
h4,
h5{

font-family:Poppins,sans-serif;

font-weight:700;

line-height:1.2;

color:var(--dark);

}

h1{

font-size:clamp(2.8rem,5vw,4.6rem);

}

h2{

font-size:clamp(2rem,4vw,3.2rem);

margin-bottom:25px;

}

h3{

font-size:1.4rem;

margin-bottom:15px;

}

p{

margin-bottom:18px;

color:var(--text);

}

strong{

font-weight:700;

}

small{

font-size:.85rem;

}

/*==========================
LAYOUT
==========================*/

.container{

width:min(100% - 40px,var(--container));

margin:auto;

}

.section{

padding:110px 0;

position:relative;

}

.section--alt{

background:var(--light);

}

.section--dark{

background:#0d2f45;

color:#fff;

}

.section--dark h1,
.section--dark h2,
.section--dark h3,
.section--dark h4,
.section--dark h5,
.section--dark p,
.section--dark span,
.section--dark li,
.section--dark a{
color:#fff;
}

.section--dark p{
color:rgba(255,255,255,.85);
}

.section--dark a:hover{
color:var(--secondary);
}

.grid-2{

display:grid;

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

gap:70px;

align-items:center;

}

.cards-grid{

display:grid;

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

gap:32px;

}

.gallery-grid{

display:grid;

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

gap:20px;

}

.why-grid{

display:grid;

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

gap:28px;

}

.reviews-grid{

display:grid;

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

gap:25px;

}

/*==========================
TOPBAR
==========================*/

.topbar{

background:#083b5c;

color:#fff;

font-size:.88rem;

}

.topbar__inner{

display:flex;

justify-content:space-between;

align-items:center;

padding:9px 0;

}

.topbar a{

color:#fff;

opacity:.92;

}

.topbar a:hover{

opacity:1;

}

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

.site-header{

position:sticky;

top:0;

left:0;

right:0;

background:#fff;

z-index:9999;

transition:.35s;

box-shadow:none;

}

.site-header.is-sticky{

box-shadow:var(--shadow);

}

.site-header__inner{

display:flex;

align-items:center;

justify-content:space-between;

height:92px;

}

.site-logo{

display:flex;

align-items:center;

gap:12px;

font-size:1.6rem;

font-weight:700;

color:var(--primary);

}

.logo-mark{

width:44px;

height:44px;

background:linear-gradient(

135deg,

var(--primary),

var(--secondary)

);

border-radius:50%;

}

.logo-text strong{

color:var(--secondary);

}

.main-navigation{

display:flex;

align-items:center;

gap:38px;

}

.main-navigation ul{

display:flex;

gap:30px;

align-items:center;

}

.main-navigation li{

position:relative;

}

.main-navigation a{

font-weight:600;

color:#163041;

}

.main-navigation a:hover{

color:var(--primary);

}

.current-menu-item>a,

.current>a{

color:var(--primary);

}

/*==========================
MENU
==========================*/

.menu-item-has-children>ul{

position:absolute;

left:0;

top:120%;

min-width:240px;

background:#fff;

border-radius:14px;

box-shadow:var(--shadow);

padding:15px 0;

opacity:0;

visibility:hidden;

transform:translateY(15px);

transition:.3s;

}

.menu-item-has-children:hover>ul{

opacity:1;

visibility:visible;

transform:none;

}

.menu-item-has-children ul li{

padding:0;

}

.menu-item-has-children ul a{

display:block;

padding:11px 20px;

}

/*==========================
BURGER
==========================*/

.nav-toggle{

display:none;

width:48px;

height:48px;

align-items:center;

justify-content:center;

border-radius:12px;

background:#eef5fb;

}

.nav-toggle__bar,

.nav-toggle__bar::before,

.nav-toggle__bar::after{

content:"";

display:block;

width:24px;

height:2px;

background:#163041;

position:relative;

transition:.3s;

}

.nav-toggle__bar::before{

position:absolute;

top:-7px;

}

.nav-toggle__bar::after{

position:absolute;

top:7px;

}

/*==========================
BOUTONS
==========================*/

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:12px;

padding:16px 34px;

border-radius:60px;

font-weight:700;

transition:.3s;

}

.btn--primary{

background:var(--primary);

color:#fff;

}

.btn--primary:hover{

background:var(--primary-dark);

transform:translateY(-2px);

}

.btn--outline{

border:2px solid var(--primary);

color:var(--primary);

}

.btn--outline:hover{

background:var(--primary);

color:#fff;

}

.btn--white{

background:#fff;

color:var(--primary);

}

.btn--white:hover{

transform:translateY(-2px);

box-shadow:var(--shadow);

}

.btn--ghost{

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

color:#fff;

}

.btn--block{

width:100%;

}
/*==================================================
assets/css/pages/climatisation.css
==================================================*/

.page-climatisation{
    overflow:hidden;
}

.hero-clim{
    padding:100px 0;
    background:linear-gradient(135deg,#edf7ff 0%,#ffffff 55%,#eefcf3 100%);
}

.hero-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:80px;
    align-items:center;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    padding:10px 20px;
    border-radius:50px;
    background:#e7f5ff;
    color:#0a6fd8;
    font-weight:600;
    margin-bottom:20px;
}

.hero-content h1{
    font-size:clamp(2.6rem,5vw,4rem);
    line-height:1.1;
    margin-bottom:25px;
}

.hero-text{
    font-size:1.15rem;
    line-height:1.9;
    color:#64748b;
    margin-bottom:35px;
}

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:35px;
}

.hero-infos{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.hero-infos li{
    font-weight:600;
}

.hero-image img{
    width:100%;
    display:block;
    border-radius:24px;
    box-shadow:0 30px 60px rgba(0,0,0,.12);
}

.section{
    padding:90px 0;
}

.bg-light{
    background:#f7fbfd;
}

.section-title{
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
}

.section-title h2{
    margin-bottom:20px;
}

.section-title p{
    color:#64748b;
    line-height:1.8;
}

.grid-4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.card,
.product-card,
.advantage-card,
.info-box,
.faq-item{
    background:#fff;
    border-radius:20px;
    box-shadow:0 18px 45px rgba(0,0,0,.05);
}

.card{
    padding:35px;
}

.card .icon{
    font-size:42px;
    margin-bottom:18px;
}

.products-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.product-card{
    overflow:hidden;
    transition:.35s;
}

.product-card:hover{
    transform:translateY(-8px);
}

.product-card img{
    width:100%;
    height:260px;
    object-fit:cover;
}

.product-content{
    padding:35px;
}

.product-content ul{
    margin:25px 0;
    padding-left:20px;
}

.product-content li{
    margin-bottom:10px;
}

.price{
    font-size:30px;
    font-weight:700;
    color:#00a651;
    margin:25px 0;
}

.advantages-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.advantage-card{
    padding:40px;
}

.number{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#00a651;
    color:#fff;
    font-weight:700;
    margin-bottom:20px;
}

.table-responsive{
    overflow:auto;
}

.comparison-table{
    width:100%;
    border-collapse:collapse;
}

.comparison-table th{
    background:#0d2238;
    color:#fff;
    padding:18px;
}

.comparison-table td{
    padding:18px;
    border-bottom:1px solid #edf2f7;
    text-align:center;
}

.content-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:60px;
    align-items:center;
}

.info-box{
    background:#00a651;
    color:#fff;
    padding:40px;
}

.info-box h3{
    color:#fff;
}

.info-box ul{
    margin-top:20px;
    padding-left:18px;
}

.info-box li{
    margin-bottom:12px;
}

.faq{
    display:grid;
    gap:25px;
}

.faq-item{
    padding:30px;
}

.cta-section{
    padding:100px 0;
    text-align:center;
    background:linear-gradient(135deg,#0077d6,#00a651);
    color:#fff;
}

.cta-section h2,
.cta-section p{
    color:#fff;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

/*==========================
PRODUCT CATALOG (BEM)
=========================*/

.product-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:2rem;
}

.product-card__link{
    display:flex;
    flex-direction:column;
    height:100%;
    padding:0;
}

.product-card__image{
    position:relative;
    padding-top:70%;
    overflow:hidden;
    background:var(--light);
}

.product-card__image img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.product-card:hover .product-card__image img{
    transform:scale(1.05);
}

.product-card__body{
    padding:1.5rem;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:.5rem;
}

.product-card__brand{
    font-size:.75rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--primary);
}

.product-card__title{
    font-size:1.1rem;
    margin:0;
    color:var(--dark);
}

.product-card__category{
    font-size:.8rem;
    color:#6B7280;
    font-weight:500;
}

.product-card__text{
    font-size:.9rem;
    color:var(--text);
    line-height:1.6;
    margin-top:.25rem;
}

.product-card__price{
    display:inline-block;
    margin-top:.5rem;
    font-size:1rem;
    font-weight:700;
    color:var(--secondary-dark);
}

.product-card__cta{
    display:block;
    padding:1rem 1.5rem;
    text-align:center;
    font-weight:700;
    color:var(--primary);
    background:var(--light);
    border-top:1px solid var(--border);
    transition:var(--transition);
}

.product-card:hover .product-card__cta{
    background:var(--primary);
    color:var(--white);
}

/*==========================
PRODUCT SINGLE
=========================*/

.product-single{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3rem;
    align-items:start;
}

.product-single__image{
    border-radius:var(--radius);
    overflow:hidden;
}

.product-single__image img{
    width:100%;
    height:auto;
}

.product-single__price{
    font-size:1.5rem;
    color:var(--secondary-dark);
    margin-bottom:1.5rem;
    padding:1rem 1.5rem;
    background:var(--light);
    border-radius:var(--radius);
}

.product-single__content{
    margin-bottom:2rem;
    line-height:1.8;
}

.product-single__specs{
    margin-bottom:2rem;
}

.product-single__specs h3{
    margin-bottom:1rem;
}

.specs-table{
    width:100%;
    border-collapse:collapse;
}

.specs-table tr:nth-child(even){
    background:var(--light);
}

.specs-table td{
    padding:.75rem 1rem;
    border-bottom:1px solid var(--border);
}

.specs-table td:first-child{
    font-weight:700;
    width:40%;
    color:var(--dark);
}

.product-single__features{
    margin-bottom:2rem;
}

.product-single__features h3{
    margin-bottom:1rem;
}

.product-single__features ul{
    list-style:none;
    padding:0;
}

.product-single__features li{
    padding:.5rem 0 .5rem 1.5rem;
    position:relative;
}

.product-single__features li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:var(--secondary);
    font-weight:700;
}

.product-single__cta{
    margin-top:2rem;
}

/*==========================
PRODUCT CARD — BADGES & SPECS
========================*/

.product-card__badge{
    position:absolute;
    top:.75rem;
    right:.75rem;
    background:var(--primary);
    color:var(--white);
    padding:.25rem .6rem;
    border-radius:var(--radius);
    font-size:.7rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.03em;
}

/* Pastille « Nouveauté » en orange, comme dans le catalogue fournisseur,
   pour se distinguer nettement de la pastille Wi-Fi. */
.product-card__badge--new{
    background:#f97316;
}

/*==========================
BADGES DE FICHE PRODUIT
========================*/

.product-single__badges{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
    list-style:none;
    margin:0 0 1rem;
    padding:0;
}

.product-single__badges .badge{
    display:inline-block;
    padding:.25rem .6rem;
    border-radius:var(--radius);
    background:#f1f5f9;
    color:#0f172a;
    font-size:.75rem;
    font-weight:600;
    line-height:1.4;
}

.product-single__badges .badge--new{
    background:#f97316;
    color:var(--white);
}

.product-single__badges .badge--energy{
    background:#16a34a;
    color:var(--white);
}

.product-single__badges .badge--wifi{
    background:var(--primary);
    color:var(--white);
}

/*==========================
COMPOSITION D'UN SYSTEME
========================*/

.product-single__composition{
    margin:0 0 1.5rem;
}

.composition-list{
    list-style:none;
    margin:0 0 .75rem;
    padding:0;
}

.composition-list li{
    position:relative;
    padding-left:1.5rem;
    margin-bottom:.35rem;
    line-height:1.5;
}

.composition-list li::before{
    content:"\2713";
    position:absolute;
    left:0;
    color:#16a34a;
    font-weight:700;
}

.composition-note{
    font-size:.85rem;
    color:#64748b;
    margin:0;
}

.product-card__specs{
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
    margin-bottom:.5rem;
}

.product-card__spec{
    font-size:.75rem;
    padding:.2rem .5rem;
    background:var(--light);
    border-radius:3px;
    color:var(--text-light);
}

.product-card__spec--energy{
    background:var(--secondary);
    color:var(--white);
    font-weight:700;
}

/*==========================
CONTACT PAGE
========================*/

.contact-layout{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:3rem;
    align-items:start;
}

.contact-info h2{
    margin-bottom:.5rem;
}

.contact-info > p{
    margin-bottom:1.5rem;
    color:var(--text-light);
}

.contact-info__list{
    list-style:none;
    padding:0;
    margin:0 0 2rem;
}

.contact-info__list li{
    padding:.6rem 0;
    border-bottom:1px solid var(--border);
    font-size:.95rem;
}

.contact-info__list strong{
    display:inline-block;
    min-width:100px;
    color:var(--dark);
}

.contact-info__list a{
    color:var(--primary);
    font-weight:700;
}

.contact-map{
    margin-top:1.5rem;
}

/*==========================
CALLBACK FORM
========================*/

.callback-form{
    padding:2rem;
    background:var(--light);
    border-radius:var(--radius);
}

.callback-form h3{
    margin-bottom:.5rem;
}

.callback-form > p{
    margin-bottom:1.5rem;
    color:var(--text-light);
}

.callback-form__form{
    display:flex;
    flex-direction:column;
    gap:1rem;
}

.callback-form__group{
    display:flex;
    flex-direction:column;
    gap:.3rem;
}

.callback-form__group label{
    font-weight:700;
    font-size:.85rem;
    color:var(--dark);
}

.callback-form__group input,
.callback-form__group select,
.callback-form__group textarea{
    padding:.65rem .75rem;
    border:1px solid var(--border);
    border-radius:var(--radius);
    font-size:.95rem;
    font-family:inherit;
    transition:var(--transition);
}

.callback-form__group input:focus,
.callback-form__group select:focus,
.callback-form__group textarea:focus{
    outline:none;
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(0,102,179,.12);
}

.callback-form__success{
    padding:1rem;
    background:#e6f9ee;
    border:1px solid #34c759;
    border-radius:var(--radius);
    color:#1a7c36;
    text-align:center;
    font-weight:700;
}

.callback-form__error{
    padding:1rem;
    background:#ffeaea;
    border:1px solid #ff3b30;
    border-radius:var(--radius);
    color:#c0392b;
    text-align:center;
    font-weight:700;
}

/*==========================
PRODUCT SINGLE — BOTTOM
========================*/

.product-single__bottom{
    display:flex;
    flex-direction:column;
    gap:2rem;
}

.product-single__contact{
    max-width:600px;
}

.product-single__info-line{
    padding:1.5rem;
    background:var(--light);
    border-radius:var(--radius);
    text-align:center;
    font-size:1.1rem;
}

.product-single__info-line a{
    color:var(--primary);
    font-weight:700;
}

.product-single__actions{
    margin-top:2rem;
}

/*==========================
CATALOGUE — CATEGORY CARDS
========================*/

.catalogue-banner{
    border-radius:var(--radius);
    overflow:hidden;
    margin-bottom:2rem;
}

.catalogue-banner img{
    width:100%;
    height:auto;
}

.catalogue-intro{
    font-size:1.1rem;
    color:var(--text-light);
    margin-bottom:2rem;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.5rem;
}

.category-card{
    display:flex;
    flex-direction:column;
    padding:2rem;
    background:var(--white);
    border-radius:var(--radius);
    border:1px solid var(--border);
    text-decoration:none;
    color:var(--dark);
    transition:var(--transition);
    position:relative;
    overflow:hidden;
}

.category-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-lg);
    border-color:var(--primary);
}

.category-card__icon{
    font-size:2.5rem;
    margin-bottom:1rem;
}

.category-card__title{
    font-size:1.2rem;
    margin-bottom:.5rem;
    color:var(--dark);
}

.category-card__desc{
    font-size:.85rem;
    color:var(--text-light);
    line-height:1.6;
    margin-bottom:1rem;
    flex:1;
}

.category-card__meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:1rem;
    padding-top:.75rem;
    border-top:1px solid var(--border);
}

.category-card__price{
    font-weight:700;
    color:var(--secondary-dark);
    font-size:.9rem;
}

.category-card__count{
    font-size:.8rem;
    color:var(--text-light);
}

.category-card__cta{
    display:block;
    text-align:center;
    padding:.75rem;
    background:var(--primary);
    color:var(--white);
    border-radius:var(--radius);
    font-weight:700;
    font-size:.9rem;
    transition:var(--transition);
}

.category-card:hover .category-card__cta{
    background:var(--primary-dark);
}

/*==========================
PAGE HERO — DESC
========================*/

.page-hero__desc{
    font-size:1.1rem;
    color:rgba(255,255,255,.85);
    margin-top:.5rem;
}

/*==========================
PRODUCT SINGLE — PROS/CONS
========================*/

.product-single__pros-cons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2rem;
    margin-bottom:2rem;
}

.product-single__pros,
.product-single__cons{
    padding:1.5rem;
    border-radius:var(--radius);
}

.product-single__pros{
    background:#e6f9ee;
    border:1px solid #34c759;
}

.product-single__cons{
    background:#fff3e6;
    border:1px solid #ff9500;
}

.product-single__pros h4,
.product-single__cons h4{
    margin-bottom:1rem;
    font-size:1rem;
}

.product-single__pros h4{
    color:#1a7c36;
}

.product-single__cons h4{
    color:#b35c00;
}

.product-single__pros ul,
.product-single__cons ul{
    list-style:none;
    padding:0;
    margin:0;
}

.product-single__pros li,
.product-single__cons li{
    padding:.4rem 0 .4rem 1.5rem;
    position:relative;
    font-size:.9rem;
    line-height:1.5;
}

.product-single__pros li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#34c759;
    font-weight:700;
}

.product-single__cons li::before{
    content:"✗";
    position:absolute;
    left:0;
    color:#ff9500;
    font-weight:700;
}

@media(max-width:1200px){

.hero-grid,
.content-grid,
.advantages-grid{
grid-template-columns:1fr;
}

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

.category-grid{
grid-template-columns:repeat(2,1fr);
}

.contact-layout{
grid-template-columns:1fr;
}

.product-single__pros-cons{
grid-template-columns:1fr;
}

.product-single{
grid-template-columns:1fr;
}

.grid-4{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.section{
padding:70px 0;
}

.hero-grid,
.products-grid,
.product-grid,
.category-grid,
.grid-4{
grid-template-columns:1fr;
}

.hero-buttons{
flex-direction:column;
}

.hero-infos{
grid-template-columns:1fr;
}

}

/*==========================
DARK SECTIONS — TEXT FIX
========================*/

.site-footer,
.site-footer *,
.footer-cta,
.footer-cta *,
.hero,
.hero h1, .hero h2, .hero h3,
.hero p, .hero span, .hero li,
.hero a, .hero .btn,
.topbar, .topbar *,
.section--dark,
.section--dark h1, .section--dark h2, .section--dark h3,
.section--dark p, .section--dark span, .section--dark li,
.cta-section, .cta-section h2, .cta-section p,
.info-box, .info-box h3, .info-box p, .info-box li{
color:#fff;
}

.site-footer p,
.footer-cta__text,
.footer-desc,
.hero p,
.hero-text,
.section--dark p,
.cta-section p{
color:rgba(255,255,255,.85);
}

.site-footer a,
.hero a{
color:rgba(255,255,255,.9);
}

.site-footer a:hover,
.hero a:hover,
.footer-cta a:hover{
color:var(--secondary);
}

.footer-cta{
background:#0d2f45;
color:#fff;
}

.footer-cta h2,
.footer-cta p{
color:#fff;
}

.site-footer{
background:#0a1e2e;
color:#fff;
}

.site-footer h3{
color:#fff;
}

.site-footer p,
.footer-desc{
color:rgba(255,255,255,.85);
}

.site-footer a{
color:rgba(255,255,255,.9);
}

.site-footer a:hover{
color:var(--secondary);
}

/*==========================
ZONE D INTERVENTION
========================*/

.zone-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:2rem;
align-items:start;
}

.zone-map__wrapper{
position:relative;
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--shadow);
background:var(--light);
max-width:500px;
margin:0 auto;
}

.zone-map__wrapper img{
width:100%;
height:auto;
display:block;
}

.zone-map__overlay{
position:absolute;
inset:0;
width:100%;
height:100%;
pointer-events:none;
}

.zone-info__card{
padding:1.5rem;
background:var(--light);
border-radius:var(--radius);
margin-bottom:1rem;
}

.zone-info__card h2{
margin-bottom:.5rem;
font-size:1.4rem;
}

.zone-info__card h3{
margin-bottom:.5rem;
font-size:1.2rem;
}

.zone-cities{
list-style:none;
padding:0;
margin:0;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:.4rem;
}

.zone-cities li{
font-size:.9rem;
color:var(--text);
}

.text-center{
text-align:center;
}

@media(max-width:900px){
.zone-layout{
grid-template-columns:1fr;
}
.zone-map__wrapper{
max-width:100%;
}
.zone-cities{
grid-template-columns:1fr;
}
}