/* ============================================
   L'OR DES PLANTES — PAGE ACCUEIL PREMIUM
   Design premium, charte LODP, botanique chic
   ============================================ */

/* ════════════════════════════════════════════
   FOND BOTANIQUE — plante grimpante sur TOUT le site
   (injecté via wp_head dans functions.php)
   ════════════════════════════════════════════ */

.lodp-home-v5 * { box-sizing: border-box; margin: 0; padding: 0; }
.lodp-home-v5 {
  max-width: 100%;
  overflow-x: hidden;
  font-family: var(--font-body, 'Inter', system-ui, sans-serif);
}

/* ════════════════════════════════════════════
   SECTIONS HEADERS — partagés
   ════════════════════════════════════════════ */
.lodp-section-header {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 72px;
}

.lodp-section-label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--accent) !important;
  margin-bottom: 16px;
}

.lodp-section-label::before,
.lodp-section-label::after {
  content: '';
  display: inline-block;
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  vertical-align: middle;
}

.lodp-section-header h2 {
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: clamp(36px, 4.5vw, 52px);
  font-weight: 400;
  color: var(--primary) !important;
  margin: 0 0 14px;
  line-height: 1.1;
  letter-spacing: -1.5px;
}

.lodp-section-header p {
  font-size: 16px;
  color: var(--text-secondary);
  max-width: 500px;
  margin: 0 auto;
  line-height: 1.7;
  font-weight: 300;
}

/* ════════════════════════════════════════════
   HERO V5 — DARK PREMIUM AVEC ÉLÉMENTS BOTANIQUES
   ════════════════════════════════════════════ */
.lodp-hero-v5 {
  position: relative;
  padding: 120px 24px 100px;
  background: linear-gradient(165deg, #3a2e28 0%, #2c3e2c 30%, #3a2e28 60%, #2c2420 100%);
  overflow: hidden;
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Tapis lumineux — 3 halos */
.lodp-hero-v5::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 15% 20%, rgba(212,165,116,0.14) 0%, transparent 50%),
    radial-gradient(ellipse at 85% 30%, rgba(200, 146, 74,0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 85%, rgba(232,200,132,0.06) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

/* Bande dorée en bas */
.lodp-hero-v5::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, var(--gold) 20%, var(--accent) 50%, var(--gold) 80%, transparent 100%);
  z-index: 2;
}

/* Feuilles décoratives SVG en filigrane */
.lodp-hero-v5 .lodp-hero-leaf {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  opacity: 0.06;
}

.lodp-hero-v5 .lodp-hero-leaf--1 {
  top: 8%;
  left: -2%;
  width: 280px;
  height: 320px;
  transform: rotate(-15deg);
}

.lodp-hero-v5 .lodp-hero-leaf--2 {
  bottom: 5%;
  right: -1%;
  width: 200px;
  height: 240px;
  transform: rotate(25deg) scaleX(-1);
  opacity: 0.04;
}

.lodp-hero-v5 .lodp-hero-leaf--3 {
  top: 50%;
  right: 12%;
  width: 120px;
  height: 150px;
  transform: rotate(45deg);
  opacity: 0.03;
}

/* Badge premium */
.lodp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 22px;
  border-radius: 100px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(4px);
  color: var(--gold);
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 36px;
}

.lodp-hero-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  animation: pulse-dot 2.5s ease-in-out infinite;
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(0.7); }
}

/* Contenu centré */
.lodp-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.lodp-hero-inner h1 {
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: clamp(56px, 8vw, 96px);
  font-weight: 500;
  color: #ffffff;
  line-height: 1.02;
  margin: 0 0 6px;
  letter-spacing: -2.5px;
}

.lodp-hero-accent-gold {
  background: linear-gradient(135deg, var(--gold) 0%, var(--accent) 35%, var(--accent) 70%, var(--gold) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% 200%;
  animation: shimmer-gold 6s ease-in-out infinite;
}

@keyframes shimmer-gold {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.lodp-hero-tagline {
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: clamp(17px, 1.8vw, 21px);
  color: var(--gold);
  font-weight: 400;
  font-style: italic;
  margin: 8px 0 24px;
  letter-spacing: 0.5px;
}

.lodp-hero-desc {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: clamp(15px, 1.2vw, 17px);
  color: rgba(255,255,255,0.6);
  line-height: 1.8;
  max-width: 560px;
  margin: 0 auto 40px;
  font-weight: 300;
}

/* Actions — boutons */
.lodp-hero-actions {
  display: flex;
  gap: 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 56px;
}

.lodp-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 18px 42px;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent) 100%) !important;
  color: #fff !important;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 50px;
  border: none !important;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
  box-shadow: 0 4px 24px rgba(200, 146, 74,0.35);
  cursor: pointer;
}

.lodp-btn-primary:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(200, 146, 74,0.45);
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent) 100%) !important;
}

.lodp-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 17px 38px;
  background: transparent;
  color: var(--gold);
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid rgba(184, 153, 104,0.25);
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.lodp-btn-secondary:hover {
  background: rgba(184, 153, 104,0.06);
  border-color: var(--accent);
  color: var(--accent);
}

.lodp-btn-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
  font-size: 15px;
}

.lodp-btn-primary:hover .lodp-btn-arrow,
.lodp-btn-secondary:hover .lodp-btn-arrow {
  transform: translateX(6px);
}

/* Trust bar */
.lodp-hero-trust {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.lodp-hero-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  min-width: 140px;
  backdrop-filter: blur(2px);
}

.lodp-hero-trust-svg {
  width: 20px;
  height: 20px;
  stroke: var(--accent);
  fill: none;
  stroke-width: 1.5;
  flex-shrink: 0;
}

.lodp-hero-trust-label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 10px;
  color: rgba(255,255,255,0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.2;
}

.lodp-hero-trust-value {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 13px;
  color: rgba(255,255,255,0.85);
  font-weight: 500;
  line-height: 1.2;
}

/* ════════════════════════════════════════════
   CATÉGORIES V4 — CARTES PREMIUM IMMERSIVES
   ════════════════════════════════════════════ */
.lodp-categories-v4 {
  padding: 120px 80px 140px;
  max-width: 1400px;
  margin: 0 auto;
  background: #fffaf5;
}

.lodp-cats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.lodp-cat-card {
  position: relative;
  background: #fff;
  padding: 56px 28px 44px;
  text-align: center;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  text-decoration: none;
  display: block !important;
  overflow: hidden;
  border: 1px solid #ece8e0;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(0,0,0,0.02);
}

/* Bande dorée supérieure */
.lodp-cat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--accent), var(--accent), var(--accent), transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.lodp-cat-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 30px 60px rgba(44, 62, 44, 0.08);
  border-color: var(--gold);
}

.lodp-cat-card:hover::before {
  transform: scaleX(1);
}

/* Image circulaire premium */
.lodp-cat-img-wrap {
  width: 150px;
  height: 150px;
  margin: 0 auto 32px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #f0e4d0;
  transition: all 0.5s ease;
  position: relative;
  display: block;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

.lodp-cat-card:hover .lodp-cat-img-wrap {
  border-color: var(--accent);
  box-shadow: 0 0 0 6px rgba(184, 153, 104, 0.12), 0 8px 24px rgba(0,0,0,0.06);
  transform: scale(1.02);
}

.lodp-cat-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.lodp-cat-card:hover .lodp-cat-img {
  transform: scale(1.15);
}

/* Titres et descriptions */
.lodp-cat-card h3 {
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: 26px;
  font-weight: 450;
  color: var(--primary);
  margin-bottom: 10px;
  letter-spacing: 0.3px;
}

.lodp-cat-card > p {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.7;
  max-width: 220px;
  margin: 0 auto;
}

.lodp-cat-arrow-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--accent);
  transition: all 0.3s ease;
  font-weight: 600;
}

.lodp-cat-card:hover .lodp-cat-arrow-wrap {
  gap: 14px;
  color: var(--accent);
}

/* ════════════════════════════════════════════
   USPS V4 — ENGAGEMENTS AVEC NUMÉROS DORÉS
   ════════════════════════════════════════════ */
.lodp-usps-v4 {
  padding: 120px 80px;
  background: linear-gradient(175deg, #fffaf5 0%, #f5ede0 50%, #fffaf5 100%);
  position: relative;
}

.lodp-usps-v4::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  max-width: 800px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent) 50%, var(--accent) 70%, transparent);
}

.lodp-usps-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 48px;
}

.lodp-usp-v4-card {
  background: #fff;
  padding: 48px 36px 40px;
  text-align: center;
  position: relative;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  border: 1px solid rgba(212, 165, 116, 0.1);
  border-radius: 20px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}

/* Cercle numéro doré */
.lodp-usp-v4-number {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid rgba(212, 165, 116, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: 14px;
  color: rgba(212, 165, 116, 0.3);
  transition: all 0.4s ease;
  line-height: 1;
}

.lodp-usp-v4-card:hover {
  transform: translateY(-8px);
  box-shadow:
    0 16px 48px rgba(44, 36, 32, 0.06),
    0 0 0 1px rgba(212, 165, 116, 0.18);
}

.lodp-usp-v4-card:hover .lodp-usp-v4-number {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
  box-shadow: 0 2px 8px rgba(212, 165, 116, 0.25);
}

.lodp-usp-v4-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 2px 8px rgba(200, 146, 74,0.1));
}

.lodp-usp-v4-icon svg {
  width: 100%;
  height: 100%;
}

.lodp-usp-v4-card h3 {
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: 24px;
  font-weight: 500;
  color: var(--primary);
  margin: 0 0 14px;
  line-height: 1.2;
}

.lodp-usp-v4-card p {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 15px;
  line-height: 1.8;
  color: var(--text-secondary);
  max-width: 300px;
  margin: 0 auto;
}

/* ════════════════════════════════════════════
   HISTOIRE V4 — SPLAT PREMIUM
   ════════════════════════════════════════════ */
.lodp-story-section {
  padding: 140px 80px;
  background: #fffaf5;
  position: relative;
  overflow: hidden;
}

/* Feuille filigrane décorative */
.lodp-story-section::after {
  content: '';
  position: absolute;
  right: -60px;
  bottom: -60px;
  width: 320px;
  height: 420px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.04;
  background: linear-gradient(135deg, #d4a574 0%, #C8924A 50%, #e8c88a 100%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cpath d='M60 5 C25 20 5 55 5 75 C5 100 25 130 60 155 C95 130 115 100 115 75 C115 55 95 20 60 5z M60 20 C80 35 95 55 95 75 C95 90 85 110 60 135 C35 110 25 90 25 75 C25 55 40 35 60 20z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cpath d='M60 5 C25 20 5 55 5 75 C5 100 25 130 60 155 C95 130 115 100 115 75 C115 55 95 20 60 5z M60 20 C80 35 95 55 95 75 C95 90 85 110 60 135 C35 110 25 90 25 75 C25 55 40 35 60 20z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.lodp-story-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
  position: relative;
  z-index: 1;
}

/* Visuel avec année filigrane */
.lodp-story-visual {
  position: relative;
}

.lodp-story-visual-year {
  position: absolute;
  top: -50px;
  left: -30px;
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: 220px;
  font-weight: 200;
  color: rgba(212, 165, 116, 0.08);
  line-height: 0.8;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}

.lodp-story-img-wrap {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
}

/* Cadre doré premium */
.lodp-story-img-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--accent);
  transform: translate(14px, 14px);
  z-index: -1;
  pointer-events: none;
  border-radius: 12px;
}

.lodp-story-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: block;
  border-radius: 12px;
  transition: transform 0.6s ease;
}

.lodp-story-img-wrap:hover .lodp-story-image {
  transform: scale(1.03);
}

/* Texte */
.lodp-story-content {
  padding-right: 20px;
}

.lodp-story-content .lodp-section-label {
  margin-bottom: 20px;
}

.lodp-story-content .lodp-section-label::before,
.lodp-story-content .lodp-section-label::after {
  display: none;
}

.lodp-story-content h2 {
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 400;
  color: var(--primary);
  letter-spacing: -1.5px;
  line-height: 1.05;
  margin-bottom: 28px;
}

.lodp-story-content p {
  font-size: 16px;
  line-height: 2;
  color: #5c5c54;
  margin-bottom: 20px;
  font-weight: 300;
}

.lodp-story-content p:first-of-type::first-letter {
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: 64px;
  line-height: 0.8;
  float: left;
  margin-right: 10px;
  margin-top: 6px;
  color: var(--accent);
  font-weight: 200;
}

.lodp-btn-story {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 18px 40px;
  background: transparent;
  color: var(--primary);
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid rgba(44, 62, 44, 0.12);
  transition: all 0.4s ease;
  margin-top: 28px;
  font-weight: 500;
  border-radius: 50px;
}

.lodp-btn-story:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(200, 146, 74, 0.04);
}

.lodp-btn-story .lodp-btn-arrow {
  transition: transform 0.3s ease;
}

.lodp-btn-story:hover .lodp-btn-arrow {
  transform: translateX(8px);
}

/* ════════════════════════════════════════════
   TÉMOIGNAGES V4 — CARTES AVIS CLIENTS
   ════════════════════════════════════════════ */
.lodp-testimonials-v4 {
  background: linear-gradient(175deg, #f5ede0 0%, #f0e4d0 50%, #f5ede0 100%);
  padding: 100px 80px 120px;
  position: relative;
}

.lodp-testimonials-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.lodp-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 56px;
}

.lodp-testimonial-card {
  background: #fff;
  padding: 44px 36px 36px;
  border: 1px solid rgba(212, 165, 116, 0.12);
  border-radius: 16px;
  position: relative;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 2px 12px rgba(0,0,0,0.02);
}

.lodp-testimonial-card:hover {
  border-color: var(--accent);
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04);
}

/* Guillemet décoratif */
.lodp-testimonial-card::before {
  content: '\201C';
  position: absolute;
  top: 12px;
  left: 20px;
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: 64px;
  line-height: 1;
  color: rgba(212, 165, 116, 0.12);
  pointer-events: none;
}

.lodp-testimonial-stars {
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
  color: var(--accent);
  font-size: 18px;
  letter-spacing: 2px;
}

.lodp-testimonial-text {
  font-size: 15px;
  line-height: 1.9;
  color: #5c5c54;
  font-style: italic;
  margin-bottom: 28px;
  font-weight: 300;
  position: relative;
  z-index: 1;
}

.lodp-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 20px;
  border-top: 1px solid #f0e8e0;
}

.lodp-testimonial-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--accent));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: 17px;
  color: #fff;
  font-weight: 450;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(200, 146, 74,0.15);
}

.lodp-testimonial-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
  letter-spacing: 0.3px;
}

.lodp-testimonial-date {
  font-size: 12px;
  color: var(--text-secondary);
  margin-top: 2px;
}

/* ════════════════════════════════════════════
   NEWSLETTER V4 — FOND FORÊT AVEC ACCENTS DORÉS
   ════════════════════════════════════════════ */
.lodp-newsletter-v4 {
  background: linear-gradient(175deg, #2c3e2c 0%, #1a2618 100%);
  padding: 120px 80px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* Motif botanique subtil en fond */
.lodp-newsletter-v4::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 20% 30%, rgba(212,165,116,0.05) 0%, transparent 40%),
    radial-gradient(ellipse at 80% 70%, rgba(212,165,116,0.03) 0%, transparent 35%);
  z-index: 0;
}

/* Bande dorée subtile */
.lodp-newsletter-v4::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  max-width: 800px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212,165,116,0.2), transparent);
  z-index: 1;
}

.lodp-newsletter-content {
  max-width: 680px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.lodp-newsletter-content h2 {
  font-family: var(--font-display, 'Playfair Display', Georgia, serif);
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 350;
  color: var(--accent);
  letter-spacing: -1px;
  margin-bottom: 16px;
}

.lodp-newsletter-content > p {
  font-size: 17px;
  color: rgba(255,255,255,0.6);
  line-height: 1.7;
  margin-bottom: 44px;
  font-weight: 300;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.lodp-newsletter-form {
  display: flex;
  max-width: 520px;
  margin: 0 auto 64px;
  gap: 0;
  border: 1px solid rgba(212, 165, 116, 0.12);
  border-radius: 12px;
  overflow: hidden;
}

.lodp-newsletter-form input {
  flex: 1;
  padding: 20px 24px;
  background: rgba(255,255,255,0.04);
  border: none;
  color: #fff;
  font-size: 15px;
  transition: all 0.3s ease;
  font-family: var(--font-body, 'Inter', sans-serif);
}

.lodp-newsletter-form input:focus {
  background: rgba(255,255,255,0.08);
  outline: none;
}

.lodp-newsletter-form input::placeholder {
  color: rgba(255,255,255,0.3);
}

.lodp-newsletter-form button {
  padding: 20px 40px;
  background: linear-gradient(135deg, var(--accent), var(--accent));
  color: #fff;
  border: none;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  font-family: var(--font-body, 'Inter', sans-serif);
  white-space: nowrap;
}

.lodp-newsletter-form button:hover {
  background: linear-gradient(135deg, var(--accent), var(--accent));
}

/* Contacts */
.lodp-newsletter-contacts {
  display: flex;
  justify-content: center;
  gap: 56px;
  flex-wrap: wrap;
}

.lodp-newsletter-contacts > div,
.lodp-newsletter-contacts > a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,0.45);
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 300;
}

.lodp-newsletter-contacts a:hover {
  color: var(--accent);
}

/* ════════════════════════════════════════════
   RESPONSIVE — MOBILE & TABLETTE
   ════════════════════════════════════════════ */

@media (max-width: 1100px) {
  .lodp-cats-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .lodp-story-inner { grid-template-columns: 1fr; gap: 60px; }
  .lodp-testimonials-grid { grid-template-columns: 1fr; max-width: 500px; margin: 56px auto 0; }
  .lodp-usps-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .lodp-hero-v5 { padding: 80px 24px 80px; min-height: auto; }
  .lodp-hero-inner { max-width: 100%; }
  .lodp-hero-trust { gap: 8px; }
  .lodp-hero-trust-item { min-width: 120px; padding: 10px 16px; }
  .lodp-hero-actions { flex-direction: column; align-items: center; }
  .lodp-categories-v4 { padding: 80px 40px; }
  .lodp-usps-v4 { padding: 80px 40px; }
  .lodp-story-section { padding: 80px 40px; }
  .lodp-story-image { height: 360px; }
  .lodp-testimonials-v4 { padding: 80px 40px; }
  .lodp-newsletter-v4 { padding: 80px 40px; }
  .lodp-newsletter-form { flex-direction: column; border-radius: 12px; }
  .lodp-newsletter-form button { width: 100%; border-radius: 0; }
}

@media (max-width: 600px) {
  .lodp-hero-v5 { padding: 60px 20px 60px; min-height: auto; }
  .lodp-cats-grid { grid-template-columns: 1fr; max-width: 380px; margin: 0 auto; }
  .lodp-values-grid { grid-template-columns: 1fr; }
  .lodp-hero-trust { flex-direction: column; align-items: center; }
  .lodp-hero-trust-item { min-width: 200px; }
  .lodp-story-content h2 { font-size: 32px; }
  .lodp-story-section { padding: 60px 24px; }
  .lodp-story-image { height: 280px; }
  .lodp-newsletter-contacts { flex-direction: column; gap: 20px; align-items: center; }
}