/* ======================== PHARMA PAGE — Green Palette ======================== */
.pharma-page{
  background:var(--bg);
}
.pharma-hero{
  background:linear-gradient(135deg,rgba(11,19,43,.94),rgba(28,37,65,.88)),url('../img/pharma.png') center/cover no-repeat;
  min-height:80vh;display:flex;align-items:center;
  padding:140px 0 80px;position:relative;overflow:hidden;
}
.pharma-hero::before {
  content: ''; position: absolute; inset: -20%;
  background: url('../img/logo-new.svg') repeat; background-size: 180px;
  opacity: 0.04; transform: rotate(-5deg); pointer-events: none; z-index: 0;
}
.pharma-hero::after{
  content:'';position:absolute;bottom:-50%;right:-30%;width:100%;height:100%;
  background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 50%);
  border-radius:50%; z-index: 0;
}
.pharma-hero-overlay{
  position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%2310B981' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.pharma-hero-content{position:relative;z-index:1;display:block;width:100%}
.pharma-hero-text{max-width:700px}
.pharma-hero-text h1{font-size:clamp(32px,5vw,60px);color:var(--white);font-weight:700;line-height:1.15;margin-bottom:20px}
.pharma-accent{color:var(--pharma-accent)!important}
.pharma-hero-sub{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:20px;max-width:520px}
.pharma-check-list{list-style:none;margin-bottom:32px}
.pharma-check-list li{font-size:15px;color:rgba(255,255,255,.85);margin-bottom:8px}
.pharma-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pharma-accent);margin-bottom:12px}
.pharma-section-title{font-size:clamp(24px,3.5vw,36px);font-weight:700;color:var(--text);margin-bottom:16px}

/* ======================== PHARMA VALUES BAND ======================== */
.pharma-values-band{
  background:linear-gradient(135deg,var(--pharma-dark),#0a101d);
  padding:48px 0;position:relative;overflow:hidden;
}
.pharma-values-band::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);
}
.pharma-values-band::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);
}
.pharma-values-grid{display:flex;align-items:center;justify-content:center;gap:0}
.pharma-value{
  flex:1;text-align:center;padding:24px;
  transition:all .4s;border-radius:16px;
}
.pharma-value:hover{background:rgba(16,185,129,.06)}
.pharma-value-icon{
  width:52px;height:52px;
  background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(16,185,129,.1));
  border-radius:14px;display:flex;align-items:center;justify-content:center;
  margin:0 auto 14px;transition:all .4s;
}
.pharma-value:hover .pharma-value-icon{transform:scale(1.1) rotate(-5deg)}
.pharma-value-icon svg{width:22px;height:22px;color:var(--pharma-accent)}
.pharma-value h4{font-size:13px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.pharma-value p{font-size:13px;color:rgba(255,255,255,.65)}
.pharma-val-divider{width:1px;height:60px;background:rgba(16,185,129,.2)}

/* ======================== PHARMA ENGAGEMENT ======================== */
.pharma-engagement-section{
  background:linear-gradient(180deg,var(--bg) 0%,#f0f4ff 100%);
  padding:80px 0;
}
.pharma-engagement-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.pharma-engagement-left h2{font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--text);margin-bottom:16px;line-height:1.3}
.pharma-engagement-left p{font-size:15px;color:var(--text-muted);line-height:1.7}
.pharma-eng-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pharma-eng-item{
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  padding:28px;border-radius:16px;text-align:center;
  border:1px solid var(--border);
  transition:all .4s cubic-bezier(.16,1,.3,1);
}
.pharma-eng-item:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,33,71,.08);
  border-color:rgba(16,185,129,.15);
}
.pharma-eng-icon{font-size:24px;margin-bottom:10px}
.pharma-eng-icon svg{color:var(--pharma-accent)}
.pharma-eng-item h4{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--text);margin-bottom:4px}
.pharma-eng-item p{font-size:13px;color:var(--text-muted)}

/* ======================== PHARMA DOMAINS ======================== */
.pharma-domains-section{
  background:linear-gradient(180deg,#f0f4ff 0%,var(--bg) 100%);
  padding:0 0 80px;
}
.pharma-domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}
.pharma-domain-card{
  background:rgba(255,255,255,.8);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid var(--border);border-radius:20px;
  padding:32px 28px;
  transition:all .5s cubic-bezier(.16,1,.3,1);
  position:relative;overflow:hidden;
}
.pharma-domain-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,rgba(16,185,129,.5),var(--pharma-accent));
  transform:scaleX(0);transform-origin:left;
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.pharma-domain-card:hover::before{transform:scaleX(1)}
.pharma-domain-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.08);transform:translateY(-6px)}
.pharma-domain-card.featured{border-color:var(--pharma-accent);border-width:2px}
.pharma-domain-icon{
  width:52px;height:52px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;
  background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.06));
  transition:all .4s;
}
.pharma-domain-card:hover .pharma-domain-icon{transform:scale(1.08) rotate(-5deg)}
.pharma-domain-icon svg{width:24px;height:24px;color:var(--pharma-accent)}
.pharma-domain-card h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}
.pharma-domain-card p{font-size:14px;color:var(--text-muted);line-height:1.6}

/* ======================== PHARMA ORGANIZATION ======================== */
.pharma-org-section{
  background:linear-gradient(135deg,var(--pharma-dark) 0%,#0a101d 50%,#111b30 100%);
  padding:80px 0;position:relative;overflow:hidden;
}
.pharma-org-section::before{
  content:'';position:absolute;top:-50%;right:-30%;width:100%;height:100%;
  background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 50%);
  border-radius:50%;
}
.pharma-org-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px;align-items:center;position:relative;z-index:1}
.pharma-org-section h2{font-size:24px;color:var(--white);font-weight:700;margin-bottom:20px;line-height:1.3}
.pharma-org-list{list-style:none}
.pharma-org-list li{font-size:14px;color:rgba(255,255,255,.85);margin-bottom:10px}
.pharma-org-img{width:100%;border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.3)}
.pharma-engagements-list{display:flex;flex-direction:column;gap:20px}
.pharma-eng-row{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px;border-radius:12px;
  transition:all .4s;
}
.pharma-eng-row:hover{background:rgba(16,185,129,.06)}
.pharma-eng-dot{
  width:40px;height:40px;
  background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(16,185,129,.1));
  border-radius:12px;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:all .4s;
}
.pharma-eng-row:hover .pharma-eng-dot{transform:scale(1.1) rotate(-5deg)}
.pharma-eng-dot svg{color:var(--pharma-accent)}
.pharma-eng-row h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.pharma-eng-row p{font-size:13px;color:rgba(255,255,255,.65)}

/* ======================== PHARMA TARIF ======================== */
.pharma-tarif-section{
  background:linear-gradient(180deg,var(--bg) 0%,#f0f4ff 100%);
  padding:80px 0;
}
.pharma-tarif-section p{font-size:16px;color:var(--text-muted);line-height:1.7}

/* ======================== PHARMA REASSURANCE ======================== */
.pharma-reassurance-section{
  background:linear-gradient(135deg,var(--pharma-dark),#0a101d);
  padding:60px 0;position:relative;overflow:hidden;
}
.pharma-reassurance-section::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);
}
.pharma-reassurance-inner{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}
.pharma-reassurance-icon{
  width:64px;height:64px;
  background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(16,185,129,.1));
  border-radius:18px;display:flex;align-items:center;justify-content:center;
  margin:0 auto 20px;
  animation:heartGlow 3s ease-in-out infinite;
}
.pharma-reassurance-icon svg{width:28px;height:28px;color:var(--pharma-accent)}
.pharma-reassurance-inner h2{font-size:clamp(20px,3vw,28px);color:var(--white);font-weight:700;line-height:1.4}

/* ======================== PHARMA FOOTER CTA ======================== */
.pharma-footer-cta{
  background:linear-gradient(135deg,var(--pharma-dark),#081510);
  padding:40px 0;border-top:1px solid rgba(16,185,129,.15);
}
.pharma-footer-cta-inner{
  display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  padding:24px 32px;border-radius:20px;
  background:rgba(16,185,129,.04);border:1px solid rgba(16,185,129,.1);
}
.pharma-footer-cta-left{display:flex;align-items:center;gap:16px}
.pharma-footer-cta-icon{font-size:32px}
.pharma-footer-cta-icon svg{color:var(--pharma-accent)}
.pharma-footer-cta-left h3{font-size:18px;color:var(--white);font-weight:700}
.pharma-footer-cta-left p{font-size:14px;color:rgba(255,255,255,.65)}
.pharma-footer-cta-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ======================== ANIMATIONS ======================== */
.js-anim .fade-up{
  opacity:0;
  transform:translateY(40px) scale(.97);
  transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);
}
.fade-up.visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

/* ======================== RESPONSIVE ======================== */
@media(max-width:1024px){
  .home-services-grid{grid-template-columns:repeat(2,1fr)}
  .services-grid-9{grid-template-columns:repeat(2,1fr)}
  .pour-qui-grid{grid-template-columns:repeat(2,1fr)}
  .pharma-domains-grid{grid-template-columns:repeat(2,1fr)}
  .pharma-org-grid{grid-template-columns:1fr;gap:32px}
  .steps-container{flex-wrap:wrap;gap:16px}
  .step-connector{display:none}
}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .home-hero-content,.services-hero-content,.solidarite-hero-content,.pharma-engagement-grid,.final-banner-content,.cta-final-grid,.cta-solidarite-grid,.about-values-box{grid-template-columns:1fr;gap:32px}
  .home-services-grid,.services-grid-9,.pour-qui-grid,.infos-grid,.services-solidaires-grid,.pharma-domains-grid,.pharma-eng-grid,.values-mini-grid{grid-template-columns:1fr}
  .steps-container{flex-direction:column;align-items:center}
  .step{max-width:280px}
  .step-connector{display:none}
  .contact-bar-inner{flex-direction:column;gap:16px}
  .contact-bar-divider{width:60px;height:1px}
  .footer-simple{flex-direction:column;text-align:center;gap:16px}
  .reassurance-inner,.engagement-inner{flex-direction:column;text-align:center}
  .reassurance-divider,.engagement-divider{width:48px;height:2px}
  .pharma-values-grid{flex-direction:column;gap:16px}
  .pharma-val-divider{width:60px;height:1px}
  .pharma-footer-cta-inner{flex-direction:column;text-align:center}
  .pharma-footer-cta-left{flex-direction:column}
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE — pharma.css (page Pharmacie, fond sombre)
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1280px) {
  .pharma-domains-grid,
  .pharma-engagement-grid { gap: 32px; }
  .pharma-eng-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 1024px) {
  .pharma-domains-grid { grid-template-columns: repeat(2, 1fr); }
  .pharma-engagement-grid { grid-template-columns: 1fr; gap: 32px; }
  .pharma-engagement-left { order: -1; text-align: center; }
  .pharma-eng-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .pharma-hero-content { grid-template-columns: 1fr; gap: 32px; text-align: center; }
  .pharma-hero-text .hero-actions { justify-content: center; }
  .pharma-domains-section,
  .pharma-engagement-section { padding: 56px 0; }
  .pharma-domains-grid { grid-template-columns: 1fr; gap: 16px; }
  .pharma-eng-grid { grid-template-columns: 1fr; gap: 12px; }
  .pharma-domain-card { padding: 24px 20px; }
  .pharma-domain-icon { width: 56px; height: 56px; }
  .pharma-domain-icon svg { width: 26px; height: 26px; }
  .pharma-footer-cta { padding: 40px 24px; }
  .pharma-footer-cta-btns { flex-direction: column; gap: 10px; width: 100%; }
  .pharma-footer-cta-btns .btn { width: 100%; min-height: 44px; justify-content: center; }
}
@media (max-width: 640px) {
  .pharma-domain-card h3 { font-size: 17px; }
  .pharma-domain-card p { font-size: 14px; }
  .pharma-engagements-list .pharma-check-list li { font-size: 14px; }
  .pharma-eng-icon { width: 36px; height: 36px; }
  .pharma-eng-icon svg { width: 18px; height: 18px; }
}
@media (max-width: 480px) {
  .pharma-domains-section,
  .pharma-engagement-section { padding: 40px 0; }
  .pharma-domain-card { padding: 20px 16px; }
  .pharma-domain-icon { width: 48px; height: 48px; border-radius: 14px; }
  .pharma-footer-cta { padding: 32px 16px; border-radius: 16px; }
}
@media (max-width: 380px) {
  .pharma-domain-card h3 { font-size: 16px; }
  .pharma-eng-row { padding: 10px 12px; }
  .pharma-eng-row strong { font-size: 13px; }
}
/* Préférences utilisateur */
@media (prefers-reduced-motion: reduce) {
  .fade-up { transform: none !important; opacity: 1 !important; transition: none !important; }
}