/* Accueil uniquement : photo existante et un seul panneau pour les deux champs.
   Aucun contenu, attribut de formulaire, prix ou asset nouveau.
   Charger après refonte.css et shell-unifie.css. */
body.tcg-design-v1.tcg-page-accueil .container1 {
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

body.tcg-design-v1.tcg-page-accueil #form_img {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
  grid-template-rows: auto auto 1fr;
  align-content: start;
  min-height: 356px;
  margin: 0 0 20px;
  padding: 26px;
  border: 1px solid #d1e0eb;
  border-radius: 16px;
  background-color: #dceef9;
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  background-clip: border-box;
  overflow: hidden;
  text-align: left;
}

/* Une surface continue derrière les deux champs, la photographie reste lisible à droite. */
body.tcg-design-v1.tcg-page-accueil #form_img::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 14px auto 14px 14px;
  width: calc((100% - 52px) / 1.85 + 24px);
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 12px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 3px 16px rgba(17,47,70,.09);
  pointer-events: none;
}

body.tcg-design-v1.tcg-page-accueil #form_img :is(.cal_field1,.cal_field2) {
  position: relative;
  grid-column: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.tcg-design-v1.tcg-page-accueil #form_img .cal_field1 { margin-bottom: 22px; }
body.tcg-design-v1.tcg-page-accueil #form_img .cal_field1 br { display: none; }
body.tcg-design-v1.tcg-page-accueil #form_img label {
  display: block;
  margin: 0 0 9px;
  color: #17324d;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.4;
}
body.tcg-design-v1.tcg-page-accueil #form_img input:not([type="hidden"]) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 50px;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid #8da6ba;
  border-radius: 7px;
  color: #17324d;
  background: #fff;
  font-size: 18px;
  line-height: 1.4;
  text-align: left;
}
body.tcg-design-v1.tcg-page-accueil #form_img .cal_field2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px;
  gap: 0 10px;
  align-items: end;
}
body.tcg-design-v1.tcg-page-accueil #form_img .cal_field2 label { grid-column: 1 / -1; }
body.tcg-design-v1.tcg-page-accueil #form_img #F_cp { width: 100%; }
body.tcg-design-v1.tcg-page-accueil #form_img button {
  width: 72px;
  min-width: 0;
  min-height: 50px;
  height: 50px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #03589b;
  border-radius: 7px;
  background: #03589b;
  color: #fff;
  font: inherit;
  font-weight: 700;
  line-height: 1.4;
}
body.tcg-design-v1.tcg-page-accueil #form_img button:hover { background: #034779; }
/* Note de revue conservée dans le panneau ; elle n'est pas un contenu à livrer. */
body.tcg-design-v1.tcg-page-accueil #form_img .lab-form-note {
  grid-column: 1;
  align-self: end;
  margin: 16px 0 0;
  padding: 12px 0 0;
  border: 0;
  border-top: 1px solid #d5e0ea;
  border-radius: 0;
  background: transparent;
  color: #536778;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}

@media (max-width: 1050px) {
  body.tcg-design-v1.tcg-page-accueil .container1 { grid-template-columns: minmax(0, 1fr); }
  body.tcg-design-v1.tcg-page-accueil #form_img { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body.tcg-design-v1.tcg-page-accueil #form_img::before { width: calc((100% - 52px) / 2 + 24px); }
}

@media (max-width: 540px) {
  body.tcg-design-v1.tcg-page-accueil #form_img {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 192px 24px 24px;
    border-radius: 14px;
    background-size: 100% auto;
    background-position: center top;
  }
  body.tcg-design-v1.tcg-page-accueil #form_img::before {
    inset: 176px 12px 12px;
    width: auto;
    border-radius: 11px;
    background: #fff;
  }
  body.tcg-design-v1.tcg-page-accueil #form_img .cal_field1 { margin-bottom: 18px; }
  body.tcg-design-v1.tcg-page-accueil #form_img label { font-size: 15px; }
  body.tcg-design-v1.tcg-page-accueil #form_img .lab-form-note { margin-top: 16px; padding-top: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  body.tcg-design-v1.tcg-page-accueil #form_img :is(input,button) { transition: none; }
}