/* Costa Club Mobile Premium — finition non destructive */
html,body{max-width:100%;overflow-x:clip}
main{overflow:visible}
.club-section,.club-member-dashboard,.member-hero,.club-live-actions,.club-stats>article,.club-progress-card,.club-next-reward,.club-ranking-card,.club-feature-grid>a,.club-custom-module,.club-visit-summary>article,.club-notifications,.club-countdown{
  border:1.5px solid rgba(42,238,218,.82)!important;
  box-shadow:0 0 12px rgba(42,238,218,.42),0 0 26px rgba(255,62,190,.22),inset 0 0 16px rgba(42,238,218,.08)!important;
}
.club-section:nth-of-type(even),.club-feature-grid>a:nth-child(even),.club-stats>article:nth-child(even){
  border-color:rgba(255,70,198,.76)!important;
  box-shadow:0 0 12px rgba(255,70,198,.36),0 0 24px rgba(42,238,218,.18),inset 0 0 15px rgba(255,70,198,.07)!important;
}
.club-section,.club-member-dashboard,.club-live-actions{scroll-margin-top:88px}
#interactions-soiree{position:relative!important;width:100%!important;margin:16px 0 20px!important}
.cc-premium-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px auto 0;min-height:18px}
.cc-premium-dot{appearance:none;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.30);box-shadow:0 0 8px rgba(255,255,255,.18);transition:width .22s ease,background .22s ease,box-shadow .22s ease;cursor:pointer}
.cc-premium-dot.is-active{width:24px;background:#2aefda;box-shadow:0 0 13px rgba(42,239,218,.85)}
@media(max-width:760px){
  body{overscroll-behavior-x:none}
  .club-shell,main{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .member-hero.club-member-dashboard{display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px!important;min-height:0!important}
  .club-welcome-panel,.club-digital-card-wrap{width:100%!important;max-width:100%!important;min-width:0!important}
  .club-digital-card-wrap{display:flex!important;flex-direction:column!important;align-items:center!important}
  #club-member-card{width:min(100%,390px)!important;max-width:100%!important;transform:none!important}
  .club-card-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .club-card-actions>*{min-width:0!important;padding:12px 8px!important;font-size:13px!important;text-align:center!important}
  .club-member-quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .club-member-quick-actions>*{min-width:0!important;padding:11px 8px!important;font-size:12px!important;white-space:normal!important}
  #interactions-soiree{padding:14px!important;border-radius:22px!important}
  #interactions-soiree .club-live-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #interactions-soiree .club-live-action{min-height:82px!important;padding:10px 7px!important}
  #interactions-soiree .club-live-action span{font-size:27px!important}
  #interactions-soiree .club-live-action strong{font-size:12px!important}
  #avantages,#bouteille-vip{padding:15px 12px!important;min-height:0!important}
  #avantages .club-section-head,#bouteille-vip .club-section-head{margin-bottom:8px!important}
  #avantages .club-section-head h2,#bouteille-vip .club-section-head h2{font-size:22px!important;margin-bottom:3px!important}
  #avantages .club-content-grid,#bouteille-vip .club-bottle-member-list{
    display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;scrollbar-width:none!important;padding:3px 4px 8px!important;margin:0!important;width:100%!important;
  }
  #avantages .club-content-grid::-webkit-scrollbar,#bouteille-vip .club-bottle-member-list::-webkit-scrollbar{display:none!important}
  #avantages .club-content-grid>*,#bouteille-vip .club-bottle-member-list>article{
    flex:0 0 calc(100% - 8px)!important;width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;min-width:calc(100% - 8px)!important;
    scroll-snap-align:center!important;scroll-snap-stop:always!important;margin:0!important;min-height:0!important;
  }
  #avantages .club-content-card{padding:14px!important;gap:10px!important}
  #avantages .club-content-card>span{font-size:30px!important}
  #avantages .club-content-card p{font-size:13px!important;line-height:1.35!important;margin:4px 0!important}
  #bouteille-vip .club-section-head p:not(.club-kicker){font-size:13px!important;line-height:1.35!important;margin:4px 0 8px!important}
  #bouteille-vip .club-bottle-member-list article{padding:13px!important;border-radius:18px!important}
  #bouteille-vip .club-bottle-member-list article>span{font-size:30px!important}
  .club-builder-grid{display:block!important;width:100%!important}
  .club-builder-module{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important}
  a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
}
@media(max-width:390px){
 .club-card-actions,.club-member-quick-actions{grid-template-columns:1fr!important}
}

/* Costa Club — optimisation smartphone stable */
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.club-shell,.club-builder-grid,.club-builder-module,.club-section{min-width:0}
.club-section,.club-member-dashboard,.club-live-actions{content-visibility:auto;contain-intrinsic-size:1px 420px}
.member-hero.club-member-dashboard,#interactions-soiree{content-visibility:visible;contain-intrinsic-size:auto}

@media(max-width:760px){
  :root{--cc-side-pad:clamp(10px,3.2vw,16px)}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
  body{width:100%;min-width:0;overflow-x:hidden!important;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .club-shell,main{padding-left:var(--cc-side-pad)!important;padding-right:var(--cc-side-pad)!important;margin-left:auto!important;margin-right:auto!important}
  .club-shell>* ,main>*{max-width:100%}
  .club-section,.club-member-dashboard,.club-live-actions,.club-builder-module{border-radius:clamp(18px,5vw,25px)!important}
  .club-section,.club-builder-module{margin-left:0!important;margin-right:0!important}
  .club-section-head{gap:10px!important;align-items:flex-start!important}
  .club-section-head h2{font-size:clamp(20px,6vw,25px)!important;line-height:1.12!important;overflow-wrap:anywhere}
  .club-section-head p,.club-section p{overflow-wrap:anywhere}

  .member-hero.club-member-dashboard{padding:clamp(13px,4vw,18px)!important;gap:14px!important;overflow:hidden!important}
  .club-welcome-panel,.club-digital-card-wrap{margin:0!important}
  .club-welcome-panel h1,.club-welcome-panel h2{font-size:clamp(24px,8vw,34px)!important;line-height:1.05!important}
  #club-member-card,.club-member-card{aspect-ratio:auto;min-height:0!important}
  .member-qr{width:clamp(88px,28vw,126px)!important;height:clamp(88px,28vw,126px)!important;object-fit:contain!important}

  .club-card-actions,.club-member-quick-actions{align-items:stretch!important}
  .club-card-actions>a,.club-card-actions>button,.club-member-quick-actions>a,.club-member-quick-actions>button,
  #interactions-soiree a,#interactions-soiree button{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important}

  #interactions-soiree{margin-top:12px!important;margin-bottom:16px!important;overflow:hidden!important}
  #interactions-soiree .club-live-actions-grid{width:100%!important}
  #interactions-soiree .club-live-action{overflow:hidden!important;line-height:1.15!important}

  #avantages .club-content-grid,#bouteille-vip .club-bottle-member-list{
    touch-action:pan-x!important;scroll-padding-inline:4px!important;cursor:grab;
  }
  #avantages .club-content-grid:active,#bouteille-vip .club-bottle-member-list:active{cursor:grabbing}
  #avantages .club-content-grid>*,#bouteille-vip .club-bottle-member-list>article{overflow:hidden!important}
  .cc-premium-dots{padding:2px 0 4px;margin-top:7px}
  .cc-premium-dot{min-width:8px;min-height:8px}
  .cc-touch .cc-premium-dot{position:relative}
  .cc-touch .cc-premium-dot::after{content:"";position:absolute;inset:-10px}

  .club-builder-grid{gap:14px!important}
  .club-builder-module{min-height:0!important;overflow:hidden}
  .club-builder-module[style*="min-height"]{min-height:0!important}

  .club-bottom-nav,.bottom-nav,.mobile-bottom-nav{padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
  input,select,textarea{font-size:16px!important;max-width:100%}
}

@media(max-width:390px){
  :root{--cc-side-pad:10px}
  #interactions-soiree .club-live-actions-grid{gap:7px!important}
  #interactions-soiree .club-live-action{min-height:76px!important;padding:9px 6px!important}
  .club-section,.club-member-dashboard,.club-live-actions{border-radius:18px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  #avantages .club-content-grid,#bouteille-vip .club-bottle-member-list{scroll-behavior:auto!important}
}