/* Accueil — animations discrètes des trois actions principales. */
.mp-actions.lili-animated-ctas{gap:12px;align-items:stretch}
.lili-animated-ctas .lili-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:47px;overflow:visible;isolation:isolate;white-space:nowrap;transition:transform .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease}
.lili-animated-ctas .lili-cta-label{position:relative;z-index:2}
.lili-animated-ctas .lili-cta:hover,.lili-animated-ctas .lili-cta:focus-visible{transform:translateY(-2px)}
.lili-animated-ctas .lili-cta:focus-visible{outline:2px solid #f4d8a8;outline-offset:4px}
.lili-animated-ctas .lili-cta-appointment{box-shadow:none;background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
.lili-animated-ctas .lili-cta-clock{width:17px;height:17px;flex:none;opacity:.82;transition:transform .55s ease,opacity .3s ease}
.lili-animated-ctas .lili-clock-hand{transform-origin:12px 12px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.lili-animated-ctas .lili-cta-appointment:is(:hover,:focus-visible) .lili-cta-clock{opacity:1;transform:scale(1.09)}
.lili-animated-ctas .lili-cta-appointment:is(:hover,:focus-visible) .lili-clock-hand{transform:rotate(55deg)}
.lili-animated-ctas .lili-cta-explore{transition:transform .28s ease,background-color .35s ease,border-color .28s ease}
.lili-animated-ctas .lili-cta-explore:is(:hover,:focus-visible),.lili-animated-ctas .lili-cta-appointment:is(:hover,:focus-visible){background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.9)}
.lili-animated-ctas .lili-cta-leaf{width:18px;height:18px;flex:none;opacity:.78;transition:transform .48s cubic-bezier(.2,.75,.2,1),opacity .35s ease}
.lili-animated-ctas .lili-leaf-one,.lili-animated-ctas .lili-leaf-two{transform-origin:8px 17px;transition:transform .5s ease}
.lili-animated-ctas .lili-cta-explore:is(:hover,:focus-visible) .lili-cta-leaf{opacity:1;transform:translateY(-2px) rotate(5deg)}
.lili-animated-ctas .lili-cta-explore:is(:hover,:focus-visible) .lili-leaf-one{transform:rotate(-8deg)}
.lili-animated-ctas .lili-cta-explore:is(:hover,:focus-visible) .lili-leaf-two{transform:rotate(9deg)}
.lili-animated-ctas .lili-cta-gift{border-color:rgba(215,174,110,.92)}
.lili-animated-ctas .lili-cta-gift:is(:hover,:focus-visible){border-color:#d7ae6e;background:rgba(215,174,110,.13);box-shadow:0 0 21px rgba(215,174,110,.15)}
.lili-animated-ctas .lili-gift-sparkles{position:relative;display:block;width:16px;height:20px;flex:none;color:#ecd3a3;font:normal 13px/1 Georgia,serif}
.lili-animated-ctas .lili-gift-sparkles span{position:absolute;top:4px;left:3px;opacity:.67;transform:scale(.82);transition:opacity .28s ease}
.lili-animated-ctas .lili-gift-sparkles span:nth-child(2){font-size:10px;top:-5px;left:13px;opacity:0}
.lili-animated-ctas .lili-gift-sparkles span:nth-child(3){font-size:9px;top:14px;left:-7px;opacity:0}
.lili-animated-ctas .lili-cta-gift:is(:hover,:focus-visible) .lili-gift-sparkles span:nth-child(1){animation:lili-star-dance .85s ease both}
.lili-animated-ctas .lili-cta-gift:is(:hover,:focus-visible) .lili-gift-sparkles span:nth-child(2){animation:lili-star-dance .9s .12s ease both}
.lili-animated-ctas .lili-cta-gift:is(:hover,:focus-visible) .lili-gift-sparkles span:nth-child(3){animation:lili-star-dance .9s .26s ease both}
@keyframes lili-star-dance{0%{opacity:0;transform:translateY(4px) scale(.25) rotate(-12deg)}55%{opacity:1;transform:translateY(-3px) scale(1.15) rotate(14deg)}100%{opacity:.8;transform:translateY(0) scale(1) rotate(0)}}
@media(max-width:520px){.mp-actions.lili-animated-ctas{gap:9px}.lili-animated-ctas .lili-cta{max-width:100%;white-space:normal;text-align:center;padding:13px 15px;gap:8px;min-height:46px}.lili-animated-ctas .lili-cta-label{font-size:10px;line-height:1.45;letter-spacing:.065em}}
@media(prefers-reduced-motion:reduce){.lili-animated-ctas .lili-cta,.lili-animated-ctas .lili-cta *{animation:none!important;transition:none!important}.lili-animated-ctas .lili-cta:is(:hover,:focus-visible){transform:none}}

/* 3 CTA premium alignés — Desktop et mobile, sans empilement. */
.mp-actions.lili-animated-ctas{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(100%,732px);
  margin-top:25px;
  gap:12px;
  align-items:stretch;
}
.lili-animated-ctas .lili-cta{
  display:flex;
  width:100%;min-width:0;max-width:none;
  min-height:54px;
  padding:12px 12px;
  gap:9px;
  justify-content:center;
  align-items:center;
  flex-direction:row;
  text-align:center;
  white-space:normal;
  line-height:1.3;
  text-decoration:none;
  font-size:10px;
  letter-spacing:.095em;
  box-sizing:border-box;
}
.lili-animated-ctas .lili-cta-label{font-size:inherit;line-height:1.35;letter-spacing:inherit;display:block;min-width:0}
.lili-animated-ctas .lili-cta-short{display:none}
.lili-animated-ctas .lili-cta-long{display:inline}
/* Les icônes et les effets restent propres à chaque bouton. */
.lili-animated-ctas .lili-cta-clock,.lili-animated-ctas .lili-cta-leaf{flex:0 0 17px}
@media(max-width:600px){
 .mp-actions.lili-animated-ctas{width:100%;gap:6px;margin-top:24px}
 .lili-animated-ctas .lili-cta{
   flex-direction:column-reverse;
   width:100%;min-width:0;
   min-height:78px;
   padding:11px 4px 10px;
   gap:8px;
   font-size:clamp(8px,2.55vw,10px);
   letter-spacing:.06em;
   line-height:1.25;
 }
 .lili-animated-ctas .lili-cta-label{font-size:inherit;letter-spacing:inherit;line-height:1.25;white-space:nowrap}
 .lili-animated-ctas .lili-cta-long{display:none}
 .lili-animated-ctas .lili-cta-short{display:inline}
 .lili-animated-ctas .lili-cta-clock,.lili-animated-ctas .lili-cta-leaf{width:17px;height:17px;flex:0 0 17px}
 .lili-animated-ctas .lili-gift-sparkles{height:17px;width:17px;flex:0 0 17px}
}
@media(max-width:360px){
 .mp-actions.lili-animated-ctas{gap:5px}
 .lili-animated-ctas .lili-cta{min-height:74px;padding:10px 3px;gap:6px;letter-spacing:.035em}
}
/* Un conteneur fluide évite que les boutons débordent sur petits écrans. */
.mp-hero .mp-hero-content{width:100%;min-width:0}
@media(max-width:600px){
 .mp-hero h1{font-size:clamp(35px,9.4vw,52px);line-height:1.06}
 .mp-hero h1 em{white-space:normal}
}
