/* Enjoy Spa — клуб Enjoy Privé и приложение на сайте v1.0 (19.10.2026)
   шапка «Клуб» · мобильное меню · баннер после второго блока · подвал · после оплаты */
:root{--ecl-gold:#C9A96E;--ecl-gold2:#E6CC94;--ecl-ink:#0C0B09;--ecl-bg:#12100D;--ecl-line:rgba(201,169,110,.22);--ecl-text:#F3EBDD;--ecl-mute:rgba(243,235,221,.66)}

/* ── шапка ── */
.lux-menu a.lux-club{position:relative;display:inline-flex;align-items:center;gap:7px;color:var(--ecl-gold2)!important}
.lux-menu a.lux-club::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ecl-gold);box-shadow:0 0 0 0 rgba(201,169,110,.55);animation:eclDot 2.6s ease-out infinite}
.lux-menu a.lux-club[aria-current]{color:var(--ecl-gold)!important}
.esm-main a.esm-club{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ecl-gold2)!important;border:1px solid var(--ecl-line);border-radius:14px;padding:12px 14px!important;margin:6px 0;background:linear-gradient(120deg,rgba(201,169,110,.10),rgba(201,169,110,.02))}
.esm-main a.esm-club small{font:600 10.5px/1.2 Montserrat,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ecl-ink);background:var(--ecl-gold);border-radius:999px;padding:5px 9px;white-space:nowrap}
@keyframes eclDot{0%{box-shadow:0 0 0 0 rgba(201,169,110,.55)}70%{box-shadow:0 0 0 7px rgba(201,169,110,0)}100%{box-shadow:0 0 0 0 rgba(201,169,110,0)}}

/* ── мини-карта клуба (баннер, подвал) ── */
.ecl-card{position:relative;width:228px;aspect-ratio:1.586;border-radius:16px;overflow:hidden;flex:none;color:#2a1d08;
  background:linear-gradient(115deg,#8a6526 0%,#e8cf8f 28%,#b48a3e 46%,#f4e2ad 62%,#a77c33 82%,#d9b86f 100%);background-size:220% 100%;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.25);transform:rotate(-4deg);transition:background .9s,color .9s;animation:eclFoil 7s ease-in-out infinite alternate}
.ecl-card::after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);transform:translateX(-60%);animation:eclSheen 4.2s ease-in-out infinite}
.ecl-card b,.ecl-card i,.ecl-card span{position:absolute;font-style:normal;z-index:1}
.ecl-card .ecl-c-brand{left:16px;top:14px;font:600 10px/1 Montserrat,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;opacity:.8}
.ecl-card .ecl-c-tier{left:16px;bottom:14px;font:600 25px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.02em}
.ecl-card .ecl-c-cash{right:16px;bottom:16px;font:600 10.5px/1 Montserrat,system-ui,sans-serif;letter-spacing:.06em;opacity:.85}
.ecl-card .ecl-c-lotus{position:absolute;z-index:1;right:14px;top:12px;width:30px;height:30px;opacity:.75}
.ecl-card .ecl-c-chip{left:16px;top:42px;width:30px;height:22px;border-radius:5px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(0,0,0,.18));box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.ecl-card[data-t="guest"]{background-image:linear-gradient(115deg,#3b2a1c 0%,#8b6544 30%,#4e3624 50%,#a77d55 68%,#3d2b1d 100%);color:#f2dcc0}
.ecl-card[data-t="silver"]{background-image:linear-gradient(115deg,#6f747a 0%,#e9ecef 28%,#9aa0a6 46%,#f7f8f9 62%,#868b91 82%,#cfd3d7 100%);color:#22262a}
.ecl-card[data-t="platinum"]{background-image:linear-gradient(115deg,#0b0b0d 0%,#3a3b42 30%,#16161a 48%,#4c4a55 64%,#101013 100%);color:#e9dcc0}
.ecl-card[data-t="platinum"] .ecl-c-tier{background:linear-gradient(90deg,#e6cc94,#f6ecd2,#c9a96e);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes eclFoil{to{background-position:100% 0}}
@keyframes eclSheen{0%,35%{transform:translateX(-60%)}75%,100%{transform:translateX(60%)}}

/* ── баннер ── */
.ecl-ban{position:relative;max-width:1180px;margin:44px auto;padding:0 20px;box-sizing:border-box;font-family:Montserrat,system-ui,sans-serif}
.ecl-ban *{box-sizing:border-box}
.ecl-in{position:relative;display:flex;align-items:center;gap:40px;padding:34px 44px;border-radius:26px;overflow:hidden;color:var(--ecl-text);
  background:radial-gradient(120% 140% at 0% 0%,rgba(201,169,110,.16),transparent 55%),radial-gradient(90% 120% at 100% 100%,rgba(48,110,88,.22),transparent 60%),var(--ecl-bg);
  border:1px solid var(--ecl-line);box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
.ecl-in::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(201,169,110,.7),transparent 30%,transparent 70%,rgba(201,169,110,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ecl-txt{flex:1;min-width:0}
.ecl-eye{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ecl-gold)}
.ecl-eye::before{content:"";width:22px;height:1px;background:var(--ecl-gold)}
.ecl-h{margin:10px 0 8px;font:500 clamp(26px,3.1vw,38px)/1.08 "Cormorant Garamond",Georgia,serif;color:var(--ecl-text)}
.ecl-h em{font-style:italic;color:var(--ecl-gold2)}
.ecl-p{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--ecl-mute);max-width:560px}
.ecl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.ecl-chips li{font-size:12.5px;line-height:1;padding:9px 12px;border-radius:999px;border:1px solid var(--ecl-line);color:var(--ecl-text);background:rgba(255,255,255,.02)}
.ecl-chips li b{color:var(--ecl-gold2);font-weight:600}
.ecl-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ecl-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:999px;font:600 14px/1 Montserrat,system-ui,sans-serif;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .2s,box-shadow .2s,background .2s}
.ecl-btn--gold{color:var(--ecl-ink)!important;background:linear-gradient(135deg,#E6CC94,#C9A96E 55%,#B08D50);box-shadow:0 10px 26px -12px rgba(201,169,110,.8)}
.ecl-btn--ghost{color:var(--ecl-text)!important;border:1px solid var(--ecl-line);background:transparent}
.ecl-btn svg{width:18px;height:18px;flex:none}
.ecl-btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.ecl-btn--gold:hover{box-shadow:0 14px 30px -10px rgba(201,169,110,.95)}.ecl-btn--ghost:hover{border-color:var(--ecl-gold);color:var(--ecl-gold2)!important}}
.ecl-qr{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;line-height:1.35;color:var(--ecl-mute);text-align:center;max-width:120px}
.es-clq{width:112px;height:112px;border-radius:12px;padding:6px;background:#fff;display:block}
.ecl-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:var(--ecl-mute);font-size:20px;line-height:36px;text-align:center;cursor:pointer;z-index:2}
.ecl-x:hover{color:var(--ecl-text)}
.ecl-ban .ecl-card{width:250px}
.ecl-ban.ecl-hide{display:none}
@media (max-width:1100px){.ecl-qr{display:none}}
@media (max-width:760px){
  .ecl-ban{margin:30px auto;padding:0 16px}
  .ecl-in{flex-direction:column;align-items:stretch;gap:22px;padding:26px 20px 22px;border-radius:22px}
  .ecl-ban .ecl-card{width:min(250px,72vw);align-self:center;transform:rotate(-3deg)}
  .ecl-h{font-size:28px}
  .ecl-p{font-size:14px}
  .ecl-btns{flex-direction:column;align-items:stretch}
  .ecl-btn{width:100%}
}

/* ── подвал ── */
.es-ftr-app{display:flex;align-items:center;gap:28px;margin:8px 0 28px;padding:22px 26px;border:1px solid var(--ecl-line);border-radius:20px;background:linear-gradient(120deg,rgba(201,169,110,.08),rgba(201,169,110,.01) 60%);font-family:Montserrat,system-ui,sans-serif;color:var(--ecl-text)}
.es-ftr-app .ecl-card{width:150px;transform:rotate(-5deg)}
.es-ftr-app .ecl-card .ecl-c-tier{font-size:19px;left:12px;bottom:11px}
.es-ftr-app .ecl-card .ecl-c-brand{left:12px;top:11px;font-size:8px}
.es-ftr-app .ecl-card .ecl-c-chip{left:12px;top:30px;width:22px;height:16px}
.es-ftr-app .ecl-card .ecl-c-cash{display:none}
.es-ftr-app .ecl-card .ecl-c-lotus{width:22px;height:22px;right:10px;top:9px}
.es-ftr-app__t{flex:1;min-width:0}
.es-ftr-app__t strong{display:block;font:500 24px/1.15 "Cormorant Garamond",Georgia,serif;color:var(--ecl-text);margin-bottom:6px}
.es-ftr-app__t span{display:block;font-size:13px;line-height:1.5;color:var(--ecl-mute)}
.es-ftr-app__b{display:flex;flex-wrap:wrap;gap:10px}
.es-ftr-app .ecl-btn{min-height:44px;padding:0 18px;font-size:13px}
.es-ftr-app .es-clq{width:96px;height:96px}
@media (max-width:1100px){.es-ftr-app .ecl-qr{display:none}}
@media (max-width:760px){.es-ftr-app{flex-direction:column;align-items:stretch;text-align:left;gap:16px;padding:20px 18px}.es-ftr-app .ecl-card{display:none}.es-ftr-app__b{flex-direction:column}.es-ftr-app .ecl-btn{width:100%}}

/* ── после оплаты ── */
.ecl-pay{max-width:560px;margin:28px auto 40px;padding:0 16px}
.ecl-pay .ecl-in{flex-direction:column;align-items:stretch;gap:16px;padding:26px 22px;text-align:left}
.ecl-pay .ecl-card{width:200px;align-self:center}

@media (prefers-reduced-motion:reduce){.ecl-card,.ecl-card::after,.lux-menu a.lux-club::before{animation:none!important}.ecl-card::after{display:none}}
