/* BARA Carrelage v1.1.1: only realisations, materials, lower homepage and dedicated quote page. The original hero and services styles remain unchanged. */
.bara-real-section{background:#fff}.bara-section-top{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:25px}.bara-section-top>div{max-width:720px}.bara-section-top h2,.bara-authentic-grid h2,.bara-cta-block h2,.bara-later h2,.bara-quote-intro h1{font-weight:550;letter-spacing:-.035em;line-height:1.13}.bara-section-top h2{font-size:clamp(1.65rem,2.25vw,2.5rem);margin:0 0 8px}.bara-section-top p{color:#607088;font-size:.95rem;line-height:1.75;margin:0}.bara-small-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #125cb1;border-radius:9px;background:linear-gradient(125deg,#0a70d2,#064ca8);color:#fff;padding:11px 16px;line-height:1.25;font-size:.83rem;font-weight:580;white-space:nowrap;box-shadow:0 7px 17px #095bb124;transition:transform .18s,box-shadow .18s}.bara-small-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 11px 24px #095bb130}.bara-small-btn-line{background:#fff;color:#165aa9;box-shadow:none;border-color:#c6d9f0}.bara-small-btn-line:hover{color:#0756ad;background:#f4f9ff}.bara-small-btn:focus-visible,.bara-real-card:focus-visible,.bara-material-card:focus-visible{outline:3px solid #4c9ee6;outline-offset:3px}
.bara-real-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.bara-real-card{min-width:0;position:relative;display:block;aspect-ratio:1/1.03;background:#e7eef5;border-radius:15px;overflow:hidden;isolation:isolate;box-shadow:0 11px 28px #092e5821}.bara-real-card img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.bara-real-card:hover img{transform:scale(1.045)}.bara-real-card::after{content:'';pointer-events:none;position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#061831d6)}.bara-real-overlay{z-index:1;position:absolute;bottom:0;left:0;right:0;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:8px;padding:14px 15px}.bara-real-overlay strong{display:block;font-size:1rem;font-weight:600;line-height:1.25}.bara-real-overlay small{display:block;font-size:.76rem;color:#e6eef9;margin-top:5px;line-height:1.35}.bara-card-arrow{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #ffffffa8;border-radius:50%;font-size:1.15rem;background:#fff3}.bara-project-banner{background-image:linear-gradient(90deg,rgba(5,30,62,.95),rgba(5,49,98,.53)),url('../gallery/douche-effet-marbre.webp')}.bara-db-projects{margin-top:62px}
.bara-mat-section{background:linear-gradient(180deg,#f8fbff,#fff)}.bara-material-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px}.bara-material-card{min-width:0;display:block;background:#fff;border:1px solid #e5edf4;border-radius:14px;padding:11px 11px 13px;text-align:center;box-shadow:0 6px 18px rgba(15,46,85,.065);transition:transform .2s,box-shadow .2s}.bara-material-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #143d7122}.bara-material-stage{display:block;aspect-ratio:1;background:#fff;border-radius:8px;overflow:hidden}.bara-material-stage img{display:block;width:100%;height:100%;object-fit:contain}.bara-material-card strong{display:block;font-size:.8rem;line-height:1.3;letter-spacing:-.01em;color:#172c4e;font-weight:550;margin:10px 0 0}.bara-material-note{margin:16px 0 0;color:#788599;font-size:.78rem;line-height:1.65}.bara-material-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.bara-material-catalog .bara-material-card{padding:17px}.bara-material-catalog .bara-material-card strong{font-size:1rem;margin-top:12px}.bara-mat-more{display:block;color:#216ab6;font-size:.79rem;margin-top:5px}
.bara-authentic-section{padding:50px 0;background:#f7f9fc}.bara-authentic-grid{display:grid;grid-template-columns:1.06fr 1.25fr 1.06fr 1.25fr;align-items:center;gap:22px}.bara-authentic-grid>img{width:100%;height:225px;object-fit:cover;border-radius:13px;box-shadow:0 6px 23px #0b315d14}.bara-authentic-grid>img:first-child{object-position:center 62%}.bara-authentic-grid h2{font-size:clamp(1.35rem,1.65vw,1.8rem);margin:0 0 11px}.bara-authentic-grid p{font-size:.86rem;color:#617086;line-height:1.7;margin-bottom:12px}.bara-text-cta{color:#0856b8;font-size:.84rem;font-weight:600}.bara-text-cta:hover{text-decoration:underline}.bara-later .process-title h2{font-size:clamp(1.45rem,2vw,2rem)}.bara-later .process-step h3{font-weight:620;font-size:1rem}.bara-later .gallery-card h3{font-size:1.12rem;font-weight:600;line-height:1.3}.bara-later .gallery-card .eyebrow{padding:0 17px;margin-top:11px}.bara-later .gallery-card p{font-size:.83rem;line-height:1.55}
.bara-cta-block{background:#eaf2fc;padding:33px 0}.bara-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.bara-cta-inner>div:first-child{max-width:770px}.bara-cta-inner h2{font-size:clamp(1.5rem,2.1vw,2.15rem);margin:4px 0 7px}.bara-cta-inner p{font-size:.88rem;color:#516786;line-height:1.6;margin:0}.bara-cta-actions{display:flex;flex-wrap:wrap;gap:11px}
.bara-quote-intro{background:linear-gradient(95deg,#f1f6fc,#fff);padding:62px 0 38px;border-bottom:1px solid #e1ebf6}.bara-quote-intro .wrap{max-width:1050px}.bara-quote-intro h1{font-size:clamp(2rem,4vw,3.6rem);color:#142b4e;margin:0 0 10px}.bara-quote-intro p{max-width:650px;color:#5d6c80;margin:0}.bara-quote-page .quote-section{padding-top:42px}.bara-quote-page .quote-form-panel h2,.bara-quote-page .quote-art h2{font-weight:570;letter-spacing:-.02em}.bara-quote-page .quote-form-panel .btn{font-weight:580;font-size:.8rem;padding:11px 17px;border-radius:9px}.bara-quote-page .quote-form-panel legend{font-weight:630;font-size:1rem}.bara-quote-page .wizard-steps .selected{font-weight:650}.bara-quote-page .quote-art .tile-showcase{max-width:260px}
@media(max-width:1170px){.bara-material-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bara-authentic-grid{grid-template-columns:1fr 1.2fr;gap:18px}.bara-authentic-grid>img{height:195px}}
@media(max-width:790px){.bara-real-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bara-section-top{align-items:start;flex-direction:column;gap:14px}.bara-material-grid,.bara-material-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bara-cta-inner{align-items:start;flex-direction:column}.bara-cta-actions{width:100%}.bara-authentic-grid{grid-template-columns:1fr 1fr}.bara-authentic-grid>img{height:220px}}
@media(max-width:540px){.bara-real-grid{gap:10px}.bara-real-card{aspect-ratio: .93}.bara-real-overlay{padding:11px 9px;gap:4px}.bara-real-overlay strong{font-size:.85rem}.bara-real-overlay small{font-size:.65rem}.bara-card-arrow{width:23px;height:23px;font-size:.9rem}.bara-material-grid,.bara-material-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.bara-material-card{padding:9px}.bara-material-card strong{font-size:.8rem}.bara-authentic-grid{grid-template-columns:1fr 1.2fr;gap:12px}.bara-authentic-grid>img{height:175px}.bara-authentic-grid h2{font-size:1.2rem}.bara-authentic-grid p{font-size:.75rem;line-height:1.55}.bara-cta-block{padding:27px 0}.bara-small-btn{padding:10px 12px;font-size:.78rem}.bara-quote-intro{padding:37px 0 25px}.bara-quote-page .quote-section{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.bara-small-btn,.bara-real-card img,.bara-material-card{transition:none!important}.bara-real-card:hover img,.bara-small-btn:hover,.bara-material-card:hover{transform:none!important}}