/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique refund-policy-title).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#refund-policy-title{
  --refund-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #e0e0e0));
  --refund-on: var(--btn-primary-light-color, #ffffff);
  --refund-muted: color-mix(in srgb, currentColor 66%, transparent);
  --refund-line: color-mix(in srgb, currentColor 16%, transparent);
  --refund-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#refund-policy-title.dark, .dark #refund-policy-title{
  --refund-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #e0e0e0));
  --refund-on: var(--btn-primary-dark-color, #ffffff);
}
/* ambiance déplacée hors de la racine : elle HABILLE le fond choisi par le marchand. */
#refund-policy-title{ position:relative; }
#refund-policy-title::before{
  content:""; position:absolute; inset:0; z-index:-3; pointer-events:none;   /* SOUS .bg (-2) : l'image du marchand doit pouvoir la recouvrir */
  background-image:url('https://images.pexels.com/photos/8629125/pexels-photo-8629125.jpeg?auto=compress&cs=tinysrgb&w=1280');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
#refund-policy-title > *:not(.bg){ position:relative; z-index:1; }
/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique refund-policy).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#refund-policy{
  --refund-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #e0e0e0));
  --refund-on: var(--btn-primary-light-color, #ffffff);
  --refund-muted: color-mix(in srgb, currentColor 66%, transparent);
  --refund-line: color-mix(in srgb, currentColor 16%, transparent);
  --refund-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#refund-policy.dark, .dark #refund-policy{
  --refund-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #e0e0e0));
  --refund-on: var(--btn-primary-dark-color, #ffffff);
}
#refund-policy-title .bg{background-size:cover;-webkit-background-size:cover;background-repeat:no-repeat;-webkit-background-repeat:no-repeat;background-position:center center;}#refund-policy-title{--background-color-primary:var(--btn-primary-light-background-color);--background-color-primary-rgb:var(--btn-primary-dark-background-color-rgb)}#refund-policy-title.dark{--background-color-primary:var(--btn-primary-dark-background-color);--background-color-primary-rgb:var(--btn-primary-light-background-color-rgb)}#refund-policy-title .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}#refund-policy-title{}#refund-policy-title{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;overflow:hidden}.policy-header-box{position:relative;z-index:3;padding:40px;background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,0.2);box-shadow:0 20px 50px rgba(0,0,0,0.3);max-width:700px;margin:0 auto}.policy-title{font-size:4rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#fff,var(--refund-accent));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(30px);animation:fadeInUp 0.8s 0.3s forwards}.animate-char{position:relative}.animate-char::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,rgba(var(--background-color-primary-rgb),0.8),rgba(var(--background-color-primary-rgb),0.1));border-radius:2px;animation:expandLine 0.8s 0.8s forwards;opacity:0}.policy-subtitle{font-size:1.2rem;line-height:1.6;opacity:0;transform:translateY(20px);animation:fadeInUp 0.8s 0.5s forwards;margin-bottom:30px}.policy-badge{display:inline-block;background:linear-gradient(135deg,rgba(var(--background-color-primary-rgb),0.8),rgba(var(--background-color-primary-rgb),0.1));padding:12px 25px;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:0.9rem;box-shadow:0 10px 20px color-mix(in srgb, currentColor 8%, transparent);opacity:0;transform:scale(0.8);animation:badgeAppear 0.6s 1s forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandLine{from{width:0;opacity:0}to{width:80px;opacity:1}}@keyframes badgeAppear{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s infinite 1.6s}@keyframes pulse{0{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@media (max-width:768px){#refund-policy-title{height:auto;min-height:auto;padding:100px 0}.policy-title{font-size:2.5rem}.policy-header-box{padding:30px 20px}}@media (max-width:576px){.policy-title{font-size:2rem}.policy-subtitle{font-size:1rem}}body[data-lang-direction="rtl"] #refund-policy-title{direction:rtl}#refund-policy.text-right{direction:rtl}.fade-in-up{opacity:0;transform:translateY(30px);transition:all 0.6s ease-out}#refund-policy{--background-color-primary:var(--btn-primary-light-background-color);--background-color-primary-rgb:var(--btn-primary-light-background-color-rgb)}#refund-policy.dark{--background-color-primary:var(--btn-primary-dark-background-color);--background-color-primary-rgb:var(--btn-primary-dark-background-color-rgb)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-up:nth-child(1){transition-delay:0.1s}.fade-in-up:nth-child(2){transition-delay:0.2s}.fade-in-up:nth-child(3){transition-delay:0.3s}.fade-in-up:nth-child(4){transition-delay:0.4s}.title{position:relative;transition:all 0.3s ease}.title::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,rgba(var(--background-color-primary-rgb),0.3) 0,rgba(var(--background-color-primary-rgb),1) 100%);transition:width 0.3s ease}.title:hover::after{width:100%}.title:hover{transform:translateX(10px)}p{transition:all 0.3s ease;padding:15px;border-radius:8px}p:hover{transform:translateX(5px);box-shadow:0 2px 10px rgba(0,0,0,0.1)}