.phone-like{position:fixed;inset:auto 24px 24px auto;width:min(400px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;margin:0;padding:0;border:1px solid #deddd2;border-radius:24px;background:#fbfaf6;color:#252820;box-shadow:0 16px 64px #252b232b}
.phone-like::backdrop{background:#1c251c24}
.phone-close{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;margin-left:auto;padding:9px;border:1px solid #d1d5c1;border-radius:50%;background:transparent;color:#343e2d;cursor:pointer}
.phone-close svg{width:18px;height:18px}
.phone-close:hover{background:#fff}
.phone-icon-wa{background:#25a35b}
.club-body{padding:22px 22px 20px}
.club-intro{font-size:15px;line-height:1.6;color:#3a3f34;margin:0 0 16px}
.club-perks{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:9px}
.club-perks li{position:relative;padding-left:26px;font-size:14px;line-height:1.5;color:#2c3128}
.club-perks li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:#dcdfae;box-shadow:inset 0 0 0 4px #fbfaf6,0 0 0 1px #b9bd7e}
.club-note{font-size:12px;color:#7a7e70;margin:0 0 16px}
.club-join{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 17px;border-radius:99px;background:#25a35b;color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s}
.club-join:hover{background:#1c8a4b}
.club-join svg{width:22px;height:22px}
.phone-close:focus-visible,.club-join:focus-visible{outline:2px solid #5d7047;outline-offset:3px}
@media(max-width:760px){
 .phone-like{inset:auto 14px calc(var(--mobile-contact-height,62px) + 12px) 14px;width:auto;max-height:calc(100dvh - var(--mobile-contact-height,62px) - 30px);border-radius:22px}
 .mobile-contact-bar-3 a{gap:8px;flex-direction:column;padding:2px 0}
 .mobile-contact-bar-3 .contact-bar-icon{width:26px;height:22px}
 .mobile-contact-bar-3 .contact-bar-icon svg{width:20px;height:20px}
 .mobile-contact-bar-3 small{display:none}
 .mobile-contact-bar-3 strong{font-size:12px;line-height:1.2}
 .mobile-contact-bar-3 a>span:last-child{text-align:center}
}
.phone-like .phone-header h2{font-family:var(--heading);font-size:20px;line-height:1.2;letter-spacing:-.035em;margin:0;font-weight:650}

.contact-icon-club{color:#7a5a00;background:#fff3c4;border-color:#f0d77a}
.contact-icon-club:hover{background:#ffe89a;border-color:#e6c34a}
.club-hero-button{position:absolute;right:6.5%;bottom:58px;z-index:2;display:flex;align-items:center;gap:12px;padding:9px 18px 9px 10px;border-radius:99px;background:#ffffffee;color:#1d211b;text-decoration:none;box-shadow:0 8px 24px #00000026;backdrop-filter:blur(8px);transition:transform .18s,background .18s}
.club-hero-button:hover{background:#fff;transform:translateY(-2px)}
.club-hero-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffd23f;color:#1d211b}
.club-hero-icon svg{width:20px;height:20px}
.club-hero-button small{display:block;font:700 10px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#7a5a00}
.club-hero-button strong{display:block;font:500 14px/1.3 var(--body);white-space:nowrap}
@media(max-width:760px){.club-hero-button{display:none}}
@media(min-width:761px) and (max-width:1100px){.club-hero-button{bottom:52px;padding:7px 14px 7px 8px}.club-hero-button strong{font-size:13px}}
@media(max-width:760px){
 .mobile-contact-bar{background:#e4e8d6f5;border-top:1px solid #c9d1b3;box-shadow:0 -6px 22px #2a3a2018}
 .mobile-contact-bar a{color:#2f4130}
 .mobile-contact-bar a+a{border-left-color:#c3cca9}
 .mobile-contact-bar a:active{background:#d6dcc2}
 .mobile-contact-bar .contact-bar-icon{color:#3b513a}
 .mobile-contact-bar-3 .club-trigger .contact-bar-icon{color:#7a5a00}
 .mobile-contact-bar-3 .club-trigger strong{color:#5e4600}
}
@media(min-width:761px){
 .club-hero-button{right:auto;left:50%;transform:translateX(-50%);bottom:64px;padding:11px 24px 11px 12px;gap:14px}
 .club-hero-button:hover{transform:translateX(-50%) translateY(-2px)}
 .club-hero-icon{width:44px;height:44px}
 .club-hero-icon svg{width:23px;height:23px}
 .club-hero-button small{font-size:11px}
 .club-hero-button strong{font-size:16px}
}
@media(max-width:760px){
 .mobile-contact-bar{background:#5f7a5cf5;border-top:1px solid #4d6649;box-shadow:0 -6px 22px #1f2e1e2e}
 .mobile-contact-bar a,.mobile-contact-bar .contact-bar-icon{color:#fff}
 .mobile-contact-bar a+a{border-left-color:#ffffff40}
 .mobile-contact-bar a:active{background:#54704f}
 .mobile-contact-bar-3 .club-trigger .contact-bar-icon{color:#ffe07a}
 .mobile-contact-bar-3 .club-trigger strong{color:#fff}
}
@media(max-width:760px){
 :root{--mobile-contact-height:calc(50px + env(safe-area-inset-bottom, 0px))}
 .mobile-contact-bar{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom, 0px))}
 .mobile-contact-bar-3 a{flex-direction:row;gap:6px;padding:0 2px;min-height:40px}
 .mobile-contact-bar-3 .contact-bar-icon{width:20px;height:20px}
 .mobile-contact-bar-3 .contact-bar-icon svg{width:18px;height:18px}
 .mobile-contact-bar-3 strong{font-size:12.5px;white-space:nowrap}
 .mobile-contact-bar-3 a>span:last-child{text-align:left}
}
@media(max-width:370px){.mobile-contact-bar-3 strong{font-size:11px}.mobile-contact-bar-3 a{gap:4px}}
#phone-panel,.phone-like{z-index:95}
#phone-panel:not([open]),.phone-like:not([open]){display:none}