/* ======================================================
   MANAGERS: cards, bottom sheet, WhatsApp buttons
   ====================================================== */
.btn.wa-btn{background:linear-gradient(135deg,#2fe07a,#16a34a);color:#fff;box-shadow:0 10px 26px rgba(22,163,74,.35)}
.btn.wa-btn:hover{box-shadow:0 16px 36px rgba(22,163,74,.45)}
.btn.wa-btn .ico-svg,.btn .ico-svg{width:20px;height:20px;flex:none}
.btn.wa-btn.big{padding:16px 30px;font-size:13px}
.ask-mgr{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:700;color:#16a34a}
.ask-mgr .ico-svg{width:18px;height:18px}
.ask-mgr:hover{text-decoration:underline}
.center-cta{text-align:center;background:#fff5f7;padding:0 0 30px}

/* section */
.managers-sec{position:relative;overflow:hidden;color:#fbe9d6;
  background:radial-gradient(circle at 12% 20%,rgba(201,160,80,.25),transparent 40%),radial-gradient(circle at 90% 85%,rgba(194,64,92,.35),transparent 45%),linear-gradient(135deg,#3d0814,#5e0f22 60%,#2a050d)}
.managers-sec::before{content:"";position:absolute;inset:0;background:url('img/logo.webp') center/cover;opacity:.08;mix-blend-mode:screen}
.managers-sec .container{position:relative}
.managers-sec .sec-head h2{color:#fff3d6}
.managers-sec .sec-head h2 i{color:#f3d58a}
.managers-sec .sec-head p{color:#fbe9d6;opacity:.85;margin-bottom:22px}
.mgr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mgr-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px 24px;border-radius:28px;
  background:rgba(255,255,255,.07);border:1px solid rgba(233,200,122,.28);backdrop-filter:blur(6px);transition:border-color .35s,background .35s,box-shadow .35s}
.mgr-card:hover{border-color:#f3d58a;background:rgba(255,255,255,.11);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.mgr-card h3{font-family:"Cormorant Garamond",serif;font-size:32px;color:#fff3d6;margin-top:16px;line-height:1}
.mgr-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#e9c87a;font-weight:700;margin-top:6px}
.mgr-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
.mgr-meta span{font-size:11px;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.08)}
.mgr-phone{font-size:14px;letter-spacing:.5px;margin:12px 0 18px;opacity:.85}
.mgr-actions{display:flex;gap:8px;width:100%}
.mgr-actions .wa-btn{flex:1;justify-content:center;padding:13px 14px;font-size:12px}
.call-btn{width:48px;padding:0!important;justify-content:center;color:#f3d58a!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(243,213,138,.4)!important}
.call-btn .ico-svg{width:20px;height:20px}

/* avatar: initial on a soft gradient, golden ring, pulsing "online" dot */
.mgr-ava{position:relative;width:110px;height:110px;border-radius:50%;padding:4px;background:conic-gradient(from 210deg,#f3d58a,#c9a050,#fff3d6,#c9a050,#f3d58a);
  box-shadow:0 16px 40px rgba(0,0,0,.35);flex:none}
.mgr-ava span,.mgr-ava img{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;object-fit:cover;
  font-family:"Marcellus",serif;font-size:48px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.tone-rose span{background:radial-gradient(circle at 30% 25%,#ffd6e0,#e9809c 55%,#b8405f)}
.tone-wine span{background:radial-gradient(circle at 30% 25%,#e48a9e,#8e1f35 55%,#4a0b1a)}
.tone-caramel span{background:radial-gradient(circle at 30% 25%,#ffe0b8,#c98a4b 55%,#7a4a1c)}
.tone-gold span{background:radial-gradient(circle at 30% 25%,#fff3d6,#d9b25e 55%,#8f6a22)}
.mgr-online{position:absolute;right:8px;bottom:8px;width:20px;height:20px;border-radius:50%;background:#2fe07a;border:3px solid #3d0814;
  box-shadow:0 0 0 0 rgba(47,224,122,.6);animation:onlinePulse 2s infinite}
@keyframes onlinePulse{0%{box-shadow:0 0 0 0 rgba(47,224,122,.6)}70%{box-shadow:0 0 0 12px rgba(47,224,122,0)}100%{box-shadow:0 0 0 0 rgba(47,224,122,0)}}
.mgr-ava.small{width:52px;height:52px;padding:3px}
.mgr-ava.small span{font-size:22px}
.mgr-ava.small .mgr-online{width:13px;height:13px;right:0;bottom:0;border-width:2px;border-color:#fff}

/* thanks page: assigned manager */
.assigned{background:#fff5f7;padding:40px 0 0}
.assigned-card{display:flex;align-items:center;gap:30px;max-width:820px;margin:0 auto;padding:30px;border-radius:30px;color:#fbe9d6;
  background:linear-gradient(135deg,#3d0814,#6b1428);box-shadow:0 24px 60px rgba(61,8,20,.3)}
.assigned-card small{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#e9c87a;font-weight:700}
.assigned-card h2{font-family:"Cormorant Garamond",serif;font-size:44px;color:#fff3d6;line-height:1;margin:4px 0 8px}
.assigned-card p{opacity:.85;line-height:1.7;margin-bottom:16px}
.assigned-card .btn.ghost{background:rgba(255,255,255,.08);color:#f3d58a;border:1px solid rgba(243,213,138,.4)}
.assigned-card .btn.ghost .ico-svg{width:18px;height:18px}

/* bottom sheet */
.sheet{position:fixed;inset:0;z-index:110;background:rgba(20,4,8,.55);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .3s}
.sheet.on{opacity:1}
.sheet[hidden]{display:none}
.sheet-panel{position:relative;width:100%;max-width:520px;max-height:86vh;overflow-y:auto;padding:26px 18px calc(20px + env(safe-area-inset-bottom));
  border-radius:28px 28px 0 0;background:#fff;transform:translateY(40px);transition:transform .35s cubic-bezier(.2,.9,.3,1.1)}
.sheet.on .sheet-panel{transform:none}
.sheet-panel::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:44px;height:5px;border-radius:5px;background:#eadde1}
.sheet-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:none;background:#f6e6ea;color:var(--wine);font-size:20px;cursor:pointer}
.sheet-head{text-align:center;margin:6px 0 16px}
.sheet-head b{display:block;font-family:"Cormorant Garamond",serif;font-size:28px;color:var(--wine-deep)}
.sheet-head small{color:var(--muted)}
.sheet-list{display:grid;gap:8px;margin-top:16px}
.sheet-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:#fff7f9;border:1px solid #f3e3e7}
.sheet-row .mgr-ava.small{background:conic-gradient(#f3d58a,#c9a050,#f3d58a)}
.sr-name{flex:1}
.sr-name b{display:block;color:var(--wine-deep)}
.sr-name small{color:var(--muted);font-size:12px}
.sr-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none}
.sr-btn .ico-svg{width:20px;height:20px}
.sr-btn.wa{background:linear-gradient(135deg,#2fe07a,#16a34a);color:#fff}
.sr-btn.call{background:#fff;color:var(--wine);border:1px solid rgba(142,31,53,.2)}
.tab-btn{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600;color:var(--muted);padding:6px 0;border-radius:14px;
  background:none;border:none;font-family:inherit;cursor:pointer}
.tab-btn span{font-size:20px;line-height:1}

@media (max-width:980px){
  .mgr-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .mgr-card{padding:22px 12px 16px}
  .mgr-ava{width:84px;height:84px}
  .mgr-ava span{font-size:36px}
  .mgr-card h3{font-size:26px}
  .mgr-actions .wa-btn{padding:11px 8px;font-size:11px;gap:6px}
  .call-btn{width:42px}
  .assigned-card{flex-direction:column;text-align:center;padding:26px 18px}
  .assigned-card .hero-actions{justify-content:center}
  .assigned-card .btn{width:100%;justify-content:center}
}
@media (max-width:380px){.mgr-actions .wa-btn{font-size:0}.mgr-actions .wa-btn .ico-svg{width:22px;height:22px}}