.elementor-848 .elementor-element.elementor-element-6f43bf38{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS *//* ===== EN Checkout (shortcode) → 2 colonnes ===== */
.eeoty-checkout--en { 
  max-width: 1100px; 
  margin: 0 auto; 
  padding: 0 16px; 
}

.eeoty-checkout--en form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 32px;
  align-items: start;
}

/* Colonne A = formulaire (customer details) */
.eeoty-checkout--en #customer_details {
  grid-column: 1;
  grid-row: 1 / span 2; /* occupe toute la hauteur */
}

/* Colonne B = titre + récap/paiement */
.eeoty-checkout--en #order_review_heading {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 8px 0;
  font-size: 1.25rem;
}

/* Récap + moyens de paiement */
.eeoty-checkout--en #order_review {
  grid-column: 2;
  grid-row: 2;
  position: sticky;
  top: 24px; /* “collant” confortable */
}

/* Cartes visuelles propres */
.eeoty-checkout--en #customer_details,
.eeoty-checkout--en #order_review {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
}

/* Petites finitions */
.eeoty-checkout--en .woocommerce-form-coupon-toggle { display: none; } /* cache le bandeau coupon */
.eeoty-checkout--en .woocommerce-NoticeGroup-checkout { margin-bottom: 16px; }
.eeoty-checkout--en table.shop_table { margin-bottom: 16px; }

/* Mobile: repasse en 1 colonne */
@media (max-width: 960px) {
  .eeoty-checkout--en form.checkout { display: block; }
  .eeoty-checkout--en #order_review { position: static; top: auto; }
}/* End custom CSS */