:root{--bg:#050606;--panel:#101211;--gold:#d9aa32;--gold2:#f0c95b;--text:#fff;--muted:#c6c6c6;--line:#4a3a12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:10;background:rgba(3,4,4,.96);border-bottom:1px solid var(--line)}.nav{max-width:1280px;margin:auto;min-height:160px;padding:10px 24px;display:flex;align-items:center;gap:34px}.brand-logo{display:flex;align-items:center;flex:0 0 auto}.brand-logo img{height:142px;width:auto;display:block}.brand-title{display:flex;flex-direction:column;white-space:nowrap;line-height:1}.brand-title strong{font-size:clamp(38px,5vw,72px);font-weight:900;letter-spacing:1px;background:linear-gradient(#fff0a2,#d79d19);-webkit-background-clip:text;color:transparent}.brand-title span{margin-top:10px;font-size:16px;letter-spacing:5px;color:#fff;font-weight:600}nav{margin-left:auto;display:flex;gap:22px;font-size:14px;font-weight:700}nav a:hover{color:var(--gold2)}#lang{border:1px solid var(--gold);background:transparent;color:var(--gold2);padding:8px 12px;border-radius:5px;cursor:pointer}.hero{min-height:620px;display:flex;align-items:center;background:radial-gradient(circle at 82% 20%,#4d3710 0,transparent 28%),linear-gradient(115deg,#030404,#11100b)}.hero-inner,.section{max-width:1180px;width:100%;margin:auto;padding:84px 24px}.eyebrow,.kicker{font-size:13px;font-weight:800;letter-spacing:2px;color:var(--gold2)}.hero h1{font-size:clamp(46px,7vw,84px);line-height:1.02;margin:18px 0 24px;max-width:900px}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p,.lead{max-width:700px;color:var(--muted);font-size:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;padding:14px 22px;border:1px solid #8c762f;border-radius:6px;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:var(--gold);color:#111}.hours{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap}.hours strong{color:var(--gold2)}h2{font-size:clamp(34px,5vw,56px);line-height:1.1;margin:12px 0 18px}.currencies{font-size:24px;font-weight:800;margin:38px 0;color:var(--gold2)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.cards article{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:10px}.cards b{font-size:30px;color:var(--gold2)}.cards p,.note{color:var(--muted)}.alt{max-width:none;background:#0c0d0c;padding-left:max(24px,calc((100% - 1132px)/2));padding-right:max(24px,calc((100% - 1132px)/2));display:grid;grid-template-columns:2fr 1fr;align-items:center}.goldmark{justify-self:end;width:220px;height:220px;border:2px solid var(--gold);display:grid;place-items:center;text-align:center;font-size:80px;color:var(--gold2);font-weight:900}.goldmark small{font-size:24px}.tablewrap{overflow:auto;margin-top:35px;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:18px;text-align:left;border-bottom:1px solid var(--line)}th{background:#17140c;color:var(--gold2)}td:nth-child(2),td:nth-child(3){font-weight:800}.contact{display:block;gap:50px;align-items:center}.contact iframe{width:100%;height:430px;border:0;border-radius:10px;filter:grayscale(.25)}.contact p a{color:var(--gold2)}footer{max-width:1180px;margin:auto;padding:35px 24px 90px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted)}.footer-logo img{height:125px;width:auto;display:block}.mobilebar{display:none}@media(max-width:900px){.nav{min-height:110px}.brand-logo img{height:94px}.brand-title strong{font-size:34px}.brand-title span{font-size:11px;letter-spacing:2px}nav{display:none}}@media(max-width:760px){.nav{min-height:92px;padding:8px 14px;gap:10px}.brand-logo img{height:76px}.brand-title{white-space:normal}.brand-title strong{font-size:25px}.brand-title span{font-size:9px;letter-spacing:1px;margin-top:5px}#lang{margin-left:auto}.hero{min-height:570px}.hero-inner,.section{padding:65px 20px}.cards,.alt,.contact{grid-template-columns:1fr}.goldmark{justify-self:start;margin-top:50px;width:160px;height:160px;font-size:58px}.contact iframe{height:320px}footer{flex-direction:column;padding-bottom:100px}.footer-logo img{height:105px}.mobilebar{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:20;bottom:0;left:0;right:0;background:var(--gold);color:#111;font-weight:900;text-align:center}.mobilebar a{padding:15px;border-right:1px solid rgba(0,0,0,.2)}}
/* Gold visual — replaces periodic-table AU 79 tile */
.gold-visual{position:relative;min-height:270px;border:1px solid rgba(212,175,55,.28);border-radius:22px;background:radial-gradient(circle at 50% 35%,rgba(212,175,55,.18),transparent 48%),#080808;overflow:hidden;box-shadow:inset 0 0 55px rgba(212,175,55,.06)}
.gold-visual .bar{position:absolute;width:170px;height:76px;border-radius:9px;background:linear-gradient(145deg,#fff0a6 0%,#d4af37 28%,#8c6816 72%,#f1d66d 100%);color:#5a430e;font-weight:900;letter-spacing:.15em;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 28px rgba(0,0,0,.45);border:1px solid #f4dc78}
.gold-visual .bar1{left:18%;top:32%;transform:rotate(-9deg)}.gold-visual .bar2{left:43%;top:43%;transform:rotate(7deg)}
.gold-visual .coin{position:absolute;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1a0,#d4af37 38%,#7c5a10 78%);border:3px double #f5d96b;color:#6d500d;font-size:30px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 25px rgba(0,0,0,.5)}
.gold-visual .coin1{left:23%;top:58%;transform:rotate(-12deg)}.gold-visual .coin2{right:17%;top:25%;transform:rotate(12deg)}
@media(max-width:760px){.gold-visual{min-height:220px}.gold-visual .bar{width:135px;height:62px}.gold-visual .coin{width:64px;height:64px}}
/* Corrections 28/08 */
.brand-logo img{background:transparent!important;border-radius:0!important;object-fit:contain}
.more-currencies{margin-top:28px;padding:22px 26px;border:1px solid rgba(226,181,74,.45);border-radius:14px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:rgba(226,181,74,.06)}
.more-currencies strong{color:#e2b54a;font-size:1.05rem}.more-currencies span{color:#d9d9d9}
.gold-photo{margin:0;overflow:hidden;border-radius:18px;border:1px solid rgba(226,181,74,.45);background:#050505;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.gold-photo img{width:100%;height:430px;object-fit:cover;display:block}.gold-photo figcaption{font-size:.72rem;color:#999;padding:7px 10px;text-align:right}
.rate-contact{margin-top:22px}.why{grid-template-columns:repeat(5,1fr)}
@media(max-width:1050px){.why{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.why{grid-template-columns:1fr}.gold-photo img{height:300px}}
#rates {
  padding-top: 190px;
}
/* Bandeau GM EXCHANGE plus compact */
.nav {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.brand-logo img {
  max-height: 135px !important;
  width: auto !important;
}
/* Image devises accueil */
.hero {
  background-image:
    linear-gradient(90deg, #050606 0%, #050606 38%, rgba(5,6,6,.75) 52%, rgba(5,6,6,.10) 100%),
    url("devises-gm.png") !important;
  background-position: center, right center !important;
  background-size: cover, 58% auto !important;
  background-repeat: no-repeat !important;
}

.hero-inner {
  position: relative;
  z-index: 2;
}
/* ===== VERSION MOBILE GM EXCHANGE ===== */
@media (max-width: 700px) {

  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .nav {
    width: 100%;
    padding: 10px 16px !important;
    box-sizing: border-box;
  }

  .brand-logo img {
    max-height: 75px !important;
    width: auto !important;
  }

  .hero {
    width: 100%;
    min-height: 720px !important;
    box-sizing: border-box;

    background-image:
      linear-gradient(
        180deg,
        rgba(5,6,6,.96) 0%,
        rgba(5,6,6,.88) 52%,
        rgba(5,6,6,.35) 100%
      ),
      url("devises-gm.png") !important;

    background-size: cover !important;
    background-position: center !important;
  }

  .hero-inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 55px 22px 260px !important;
    margin: 0 !important;
  }

  .hero h1 {
    font-size: 42px !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
  }

  .hero p {
    font-size: 17px !important;
    line-height: 1.5 !important;
    max-width: 100% !important;
  }

  .hero .actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .hero .actions a {
    width: 100% !important;
    box-sizing: border-box;
    text-align: center;
  }

  #rates {
    padding-top: 90px !important;
  }

  table {
    width: 100% !important;
  }
}
/* Finition mobile */
@media (max-width: 700px) {

  .hero {
    min-height: 650px !important;
    background-position: center 35% !important;
  }

  .hero-inner {
    padding-top: 45px !important;
    padding-bottom: 180px !important;
  }
}
/* ===== TAUX MOBILE - VERSION PROPRE ===== */
@media (max-width: 700px) {

  #rates {
    overflow: hidden !important;
  }

  #rates table,
  #rates tbody,
  #rates tr,
  #rates td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #rates thead {
    display: none !important;
  }

  #rates tr {
    padding: 0 !important;
    border-bottom: 1px solid rgba(212,175,55,.35);
  }

  #rates td:first-child {
    padding: 18px 18px 6px !important;
    font-size: 18px !important;
  }

  #rates td:last-child {
    padding: 6px 18px 18px !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  #rates .currency-name {
    margin-left: 10px !important;
  }

  #rates .rate-gap {
    display: none !important;
  }

  #rates td:last-child span {
    display: block !important;
    width: 100% !important;
  }
}
/* Taux mobile plus compact */
@media (max-width: 700px) {

  #rates td:last-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 12px 18px 18px !important;
  }

  #rates td:last-child span {
    display: inline !important;
    width: auto !important;
  }

  #rates .rate-gap {
    display: inline !important;
    margin: 0 5px !important;
  }
}
/* Dernière finition du tableau mobile */
@media (max-width: 700px) {

  #rates .rate-gap {
    display: none !important;
  }

  #rates td:last-child {
    display: block !important;
    padding: 10px 18px 14px !important;
    line-height: 1.35 !important;
  }

  #rates td:last-child span {
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px 0 !important;
  }

  #rates td:first-child {
    padding: 14px 18px 8px !important;
  }

  #rates tr {
    padding: 0 !important;
  }
}
/* ===== ACHAT D'OR ===== */

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

.gold-image {
  min-height: 500px;
  border-radius: 20px;
  background:
    linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.20)),
    url("achat-or-gm.jpg") center center / cover no-repeat;
  border: 1px solid rgba(226,181,74,.40);
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
}

.gold-types {
  font-weight: 600;
  margin: 22px 0;
}

.gold-benefits p {
  margin: 16px 0;
}

.gold-actions {
  margin-top: 30px;
}

/* Achat d'or sur téléphone */
@media (max-width: 700px) {
  .gold-wrap {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .gold-image {
    min-height: 360px;
    background-position: center center;
  }
}
/* Ajustement final section Achat d'or */
.gold-content h2 {
  max-width: 650px;
  font-size: 42px !important;
  line-height: 1.15 !important;
}

.gold-wrap {
  grid-template-columns: 0.9fr 1.1fr;
}

.gold-image {
  min-height: 560px;
}
/* CORRECTION GALERIE ACHAT D'OR */

.gold-wrap {
  display: grid !important;
  grid-template-columns: 0.9fr 1.6fr !important;
  gap: 60px !important;
  align-items: center !important;
}

.gold-gallery {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.gold-image {
  min-height: 560px !important;
}

.gold-side {
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 18px !important;
}

.gold-small {
  min-height: 270px !important;
}

.gold-content h2 {
  font-size: 42px !important;
  line-height: 1.12 !important;
  max-width: 520px !important;
}

#gold {
  padding-top: 80px !important;
}

@media (max-width: 700px) {
  .gold-wrap {
    grid-template-columns: 1fr !important;
  }

  .gold-gallery {
    grid-template-columns: 1fr !important;
  }

  .gold-side {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
  }

  .gold-small {
    min-height: 180px !important;
  }
}
/* ===== ACHAT D'OR - VERSION PROPRE ===== */

#gold {
  padding: 90px 0 !important;
}

#gold .gold-wrap {
  width: calc(100% - 80px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 360px 1fr !important;
  gap: 55px !important;
  align-items: center !important;
}

#gold .gold-content h2 {
  font-size: 42px !important;
  line-height: 1.12 !important;
  max-width: 360px !important;
}

#gold .gold-gallery {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 18px !important;
  width: 100% !important;
}

#gold .gold-image {
  min-height: 560px !important;
  width: 100% !important;
  border-radius: 20px !important;
  background: url("achat-or-gm.jpg") center / cover no-repeat !important;
}

#gold .gold-side {
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 18px !important;
}

#gold .gold-small {
  min-height: 270px !important;
  width: 100% !important;
  border-radius: 20px !important;
  background-size: cover !important;
  background-position: center !important;
  border: 1px solid rgba(226,181,74,.45) !important;
}

#gold .gold-lingots {
  background-image: url("or-lingots-gm.jpg") !important;
}

#gold .gold-chaines {
  background-image: url("or-chaines-gm.jpg") !important;
}

@media (max-width: 700px) {
  #gold .gold-wrap {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  #gold .gold-content h2 {
    font-size: 36px !important;
    max-width: 100% !important;
  }

  #gold .gold-gallery {
    grid-template-columns: 1fr !important;
  }

  #gold .gold-image {
    min-height: 380px !important;
  }

  #gold .gold-side {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
  }

  #gold .gold-small {
    min-height: 180px !important;
  }
}
/* CENTRAGE ACHAT D'OR */

#gold .gold-wrap {
  width: calc(100% - 80px) !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  transform: none !important;
  position: relative !important;

  display: grid !important;
  grid-template-columns: 380px minmax(0, 1fr) !important;
  gap: 55px !important;
  align-items: center !important;
}

#gold .gold-gallery {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 18px !important;
}

#gold .gold-image {
  min-height: 600px !important;
}

#gold .gold-side {
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 18px !important;
}

#gold .gold-small {
  min-height: 290px !important;
}

#gold .gold-content h2 {
  font-size: 42px !important;
  line-height: 1.12 !important;
  max-width: 380px !important;
}
/* Décalage final Achat d'or sur ordinateur */
@media (min-width: 701px) {
  #gold .gold-wrap {
    transform: translateX(180px) !important;
  }
}
@media (min-width: 701px) {
  #gold .gold-gallery {
    margin-top: 35px !important;
  }
}
@media (min-width: 701px) {

  #gold .gold-gallery {
    max-width: 700px !important;
  }

  #gold .gold-image {
    min-height: 450px !important;
    height: 450px !important;
  }

  #gold .gold-small {
    min-height: 216px !important;
    height: 216px !important;
  }
}
/* ===== CORRECTION POURQUOI NOUS CHOISIR ===== */

#why {
  padding: 120px 0 90px !important;
  position: relative !important;
}

#why .why-inner {
  width: calc(100% - 80px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  display: block !important;
}

#why .kicker {
  display: block !important;
  margin-bottom: 12px !important;
}

#why .why-inner h2 {
  display: block !important;
  font-size: 42px !important;
  line-height: 1.1 !important;
  margin: 0 0 45px !important;
}

#why .why-cards {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

#why .why-card {
  display: block !important;
  background: #101211 !important;
  border: 1px solid rgba(226,181,74,.40) !important;
  border-radius: 18px !important;
  padding: 28px 22px !important;
  min-height: 220px !important;
}

#why .why-icon {
  display: block !important;
  color: #e2b54a !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
}

#why .why-card h3 {
  display: block !important;
  font-size: 19px !important;
  margin: 0 0 14px !important;
}

#why .why-card p {
  display: block !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  color: #c9c9c9 !important;
}

@media (max-width: 700px) {
  #why {
    padding: 80px 0 65px !important;
  }

  #why .why-inner {
    width: calc(100% - 32px) !important;
  }

  #why .why-inner h2 {
    font-size: 34px !important;
    margin-bottom: 30px !important;
  }

  #why .why-cards {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #why .why-card {
    min-height: auto !important;
  }
}
#why {
  padding-top: 150px !important;
}
/* ===== CONTACT - CORRECTION FINALE ===== */

#contact {
  padding: 150px 0 90px !important;
}

#contact .contact-inner {
  width: calc(100% - 80px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
}

#contact .contact-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}

#contact .contact-card {
  display: block !important;
  background: #101211 !important;
  border: 1px solid rgba(226,181,74,.40) !important;
  border-radius: 18px !important;
  padding: 28px 22px !important;
  min-height: 200px !important;
}

#contact .contact-icon {
  display: block !important;
  color: #e2b54a !important;
  font-size: 24px !important;
  margin-bottom: 18px !important;
}

#contact .contact-card h3 {
  display: block !important;
  margin: 0 0 14px !important;
  font-size: 20px !important;
}

#contact .contact-card p {
  display: block !important;
  margin: 0 !important;
  color: #d0d0d0 !important;
  line-height: 1.55 !important;
}

#contact .contact-buttons {
  display: flex !important;
  gap: 16px !important;
  margin-top: 30px !important;
}

@media (max-width: 900px) {
  #contact .contact-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 700px) {
  #contact .contact-inner {
    width: calc(100% - 32px) !important;
  }

  #contact .contact-grid {
    grid-template-columns: 1fr !important;
  }

  #contact .contact-buttons {
    flex-direction: column !important;
  }
}
/* Débloquer la nouvelle section Contact */
#contact.contact-new {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
}

#contact.contact-new > .contact-inner {
  width: calc(100% - 80px) !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#contact.contact-new .contact-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: 100% !important;
  gap: 18px !important;
}

@media (max-width: 700px) {
  #contact.contact-new > .contact-inner {
    width: calc(100% - 32px) !important;
  }

  #contact.contact-new .contact-grid {
    grid-template-columns: 1fr !important;
  }
}
/* CONTACT - FORCER 4 CARTES SUR DESKTOP */
#contact .contact-inner .contact-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
}

#contact .contact-card {
  display: block !important;
  border: 1px solid #6b5418 !important;
  border-radius: 18px !important;
  padding: 28px !important;
  min-width: 0 !important;
}
/* FINITION CONTACT */

#contact {
  padding-top: 150px !important;
}

#contact .contact-card {
  background: #101211 !important;
  border: 1px solid rgba(226,181,74,.45) !important;
  border-radius: 18px !important;
  padding: 28px 22px !important;
  min-height: 230px !important;
}

#contact .contact-grid {
  max-width: 1400px !important;
}

#contact .contact-card h3 {
  margin-top: 18px !important;
}

#contact .contact-buttons {
  margin-top: 30px !important;
}
/* CONTACT - LARGEUR ET POSITION */

#contact.contact-new {
  width: 100% !important;
  max-width: none !important;
  padding: 150px 0 100px !important;
  box-sizing: border-box !important;
}

#contact.contact-new .contact-inner {
  width: calc(100% - 120px) !important;
  max-width: 1450px !important;
  margin: 0 auto !important;
}

#contact.contact-new .contact-grid {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
  gap: 22px !important;
}

#contact.contact-new .contact-card {
  background: #101211 !important;
  border: 1px solid rgba(226,181,74,.45) !important;
  border-radius: 18px !important;
  padding: 28px 24px !important;
  min-height: 220px !important;
  box-sizing: border-box !important;
}

#contact {
  scroll-margin-top: 190px !important;
}
/* CONTACT - LIBERER LA LARGEUR DE .section */
#contact.section {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#contact .contact-inner {
  width: calc(100% - 100px) !important;
  max-width: 1450px !important;
  margin: 0 auto !important;
}
/* CONTACT - largeur définitive desktop */
@media (min-width: 901px) {

  #contact .contact-inner {
    width: 90% !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #contact .contact-grid {
    width: 100% !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }

  #contact .contact-card {
    width: auto !important;
    min-width: 0 !important;
    min-height: 240px !important;
  }
}
#contact {
  padding-top: 190px !important;
}
/* CONTACT MOBILE - 1 CARTE PAR LIGNE */
@media (max-width: 700px) {

  #contact {
    padding-top: 110px !important;
  }

  #contact .contact-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: none !important;
    left: auto !important;
    transform: none !important;
    gap: 16px !important;
  }

  #contact .contact-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    padding: 25px 22px !important;
    box-sizing: border-box !important;
  }

  #contact .contact-card h3 {
    font-size: 22px !important;
  }

  #contact .contact-card p,
  #contact .contact-card a {
    font-size: 18px !important;
    overflow-wrap: anywhere !important;
  }
}
@media (max-width: 700px) {
  #contact {
    padding-bottom: 140px !important;
  }
}
/* ===== ACHAT D'OR MOBILE ===== */
@media (max-width: 700px) {

  #gold .gold-wrap {
    display: block !important;
    width: calc(100% - 32px) !important;
    margin: 0 auto !important;
  }

  #gold .gold-gallery {
    display: block !important;
    width: 100% !important;
    margin-top: 30px !important;
  }

  #gold .gold-image {
    display: block !important;
    width: 100% !important;
    height: 380px !important;
    min-height: 380px !important;
    background: url("achat-or-gm.jpg") center / cover no-repeat !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
  }

  #gold .gold-side {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    width: 100% !important;
  }

  #gold .gold-small {
    display: block !important;
    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    border-radius: 16px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  #gold .gold-lingots {
    background-image: url("or-lingots-gm.jpg") !important;
  }

  #gold .gold-chaines {
    background-image: url("or-chaines-gm.jpg") !important;
  }
}