/* MSG Céramique — points-de-vente.css (styles propres à la page Points de vente)
   Chargé après main.css. Valeurs reprises du design « MSG Points de vente.dc.html ». */

/* Fondu d'entrée de la vue (identique au design : 14px / .5s) */
@keyframes pdvView{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.msg-view{animation:pdvView .5s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){
  .msg-view{animation:none}
}

/* ---------- Hero ---------- */
.pdv-title{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(40px,6.4vw,78px);line-height:1.0;letter-spacing:-.02em;margin:0 0 26px;color:var(--ink);max-width:12ch}
.pdv-intro{font:400 clamp(15px,1.5vw,17.5px)/1.72 'Hanken Grotesk';color:var(--muted);max-width:600px;margin:0}

/* ---------- Bloc image + carte adresse bleue ---------- */
.pdv-split{display:flex;flex-wrap:wrap;gap:0;box-shadow:0 30px 70px -40px rgba(32,28,22,.45)}
.pdv-split-img{flex:2 1 460px;min-width:300px;min-height:clamp(320px,42vw,520px);position:relative;overflow:hidden}
.pdv-split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pdv-card{flex:1 1 320px;min-width:280px;background:var(--blue);color:var(--cream);padding:clamp(36px,4vw,54px) clamp(30px,3.4vw,48px);display:flex;flex-direction:column;justify-content:center}
.pdv-card.grain::before{background-size:240px}
.pdv-card-label{font:700 11px 'Space Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,234,.7);margin-bottom:18px}
.pdv-card-address{font-family:'Fraunces',serif;font-size:clamp(26px,3vw,34px);line-height:1.24;margin-bottom:22px}
.pdv-card-rows{display:flex;flex-direction:column;gap:14px;font:400 15px/1.5 'Hanken Grotesk';color:rgba(244,241,234,.9);border-top:1px solid rgba(244,241,234,.28);padding-top:22px}
.pdv-card-row{display:flex;justify-content:space-between;gap:16px}
.pdv-card-row > span{color:rgba(244,241,234,.7)}
.pdv-card-row a{color:#F4F1EA}
.pdv-card-row a:hover{color:#fff}

/* ---------- Cartes beiges 01 / 02 / 03 ---------- */
.pdv-cards{display:flex;flex-wrap:wrap;gap:clamp(24px,2.6vw,36px)}
.pdv-tile{flex:1 1 220px;min-width:220px;background:var(--beige);padding:clamp(26px,2.8vw,38px)}
.pdv-tile-num{font:700 13px 'Space Mono',monospace;color:var(--blue);margin-bottom:16px}
.pdv-tile-title{font-family:'Fraunces',serif;font-size:22px;color:var(--ink);margin-bottom:10px}
.pdv-tile p{font:400 14.5px/1.65 'Hanken Grotesk';color:var(--muted);margin:0}
.pdv-tile p.pdv-tile-text--mb{margin:0 0 16px}
.pdv-link{font:600 12px 'Hanken Grotesk';letter-spacing:.08em;text-transform:uppercase;color:var(--blue);border-bottom:1px solid var(--blue);padding-bottom:3px}
.pdv-link:hover{color:var(--blue-dark);border-color:var(--blue-dark)}

/* ---------- Carte stylisée « Nous situer » ---------- */
.pdv-map{position:relative;height:clamp(320px,44vw,480px);background:#E6E1D7;background-image:repeating-linear-gradient(0deg,transparent 0 32px,rgba(32,28,22,.05) 32px 33px),repeating-linear-gradient(90deg,transparent 0 32px,rgba(32,28,22,.05) 32px 33px);overflow:hidden;border:1px solid rgba(32,28,22,.14)}
.pdv-map-pin{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-45deg);width:22px;height:22px;background:var(--blue);border-radius:50% 50% 50% 0;box-shadow:0 0 0 8px rgba(0,47,167,.16)}
.pdv-map-tag{position:absolute;left:50%;top:46%;transform:translate(-50%,-165%);background:var(--ink);color:var(--cream);padding:7px 13px;font:600 12px 'Hanken Grotesk';white-space:nowrap}
.pdv-map-caption{position:absolute;left:16px;bottom:14px;font:400 11px 'Space Mono',monospace;letter-spacing:.06em;color:var(--muted-2);background:rgba(246,244,238,.9);padding:5px 11px}