/* seva-share-3.css — villa share button + share sheet, GLASS; -3: the classic three-node share glyph (David 27 Oct 2026: "a glass version of this
   type of share icon" = Wikipedia File:Sharethis.svg) with a glossy top sheen. Never edit in place: copy to seva-share-4.css. */
.villa-card{position:relative}
.villa-card .vcount{top:auto;bottom:14px;right:auto;left:14px}
.vshare{position:absolute;top:12px;right:12px;z-index:5;width:38px;height:38px;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);box-shadow:0 6px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.12);transition:transform .2s,background .2s}
.vshare:hover{transform:scale(1.08);background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.2))}
.vshare svg{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}
.vshare svg,.top-share svg{width:18px;height:18px;position:relative;z-index:1}
.top-r{display:flex;align-items:center;gap:10px}
.top-share{width:38px;height:38px;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#3a3b3d;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.35));border:1px solid rgba(160,139,95,.32);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:0 4px 14px rgba(43,46,39,.1),inset 0 1px 0 rgba(255,255,255,.8)}
.top-share:hover{border-color:#a08b5f;color:#8d7a4e}
.seva-sharebtn{font-family:inherit;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
@media(max-width:640px){.seva-sharebtn{display:none}}
.ss-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(20,22,20,.34);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.ss-ov.on{opacity:1}
.ss{color:#3a3b3d;width:100%;max-width:440px;max-height:92vh;overflow:auto;border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(160deg,rgba(255,253,249,.86),rgba(250,246,238,.72));border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);box-shadow:0 -12px 44px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.9);transform:translateY(28px);transition:transform .25s;font-family:Montserrat,system-ui,sans-serif;text-align:left}
.ss-ov.on .ss{transform:none}
@media(min-width:700px){.ss-ov{align-items:center}.ss{border-radius:22px}}
.ss-h{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.ss-h img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:#efe9e0}
.ss-h b{display:block;font-size:1rem;font-weight:600;line-height:1.25}
.ss-h small{color:#8a8c8f;font-size:.74rem}
.ss-x{margin-left:auto;flex:none;border:1px solid rgba(255,255,255,.8);background:rgba(241,236,227,.7);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.15rem;line-height:1;color:#555}
.ss-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 6px;margin:4px 0 12px}
.ss-c{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font:inherit;font-size:.68rem;color:#4a4c4f;padding:2px 0;text-decoration:none;-webkit-tap-highlight-color:transparent}
.ss-c:hover .ss-i{transform:translateY(-2px)}
.ss-i{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s}
.ss-i svg{width:23px;height:23px}
.ss-link{display:flex;gap:8px;align-items:center;background:rgba(245,241,234,.75);border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:7px 7px 7px 12px}
.ss-link input{flex:1;border:0;background:none;font:inherit;font-size:.76rem;color:#4a4c4f;min-width:0;outline:none}
.ss-link button{border:0;background:#a08b5f;color:#fff;border-radius:999px;padding:8px 15px;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;flex:none}
.ss-aff{margin-top:13px;font-size:.74rem;color:#6e7073;text-align:center;line-height:1.55}
.ss-aff a{color:#8d7a4e;font-weight:600;text-decoration:none}
.ss-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#2C475C;color:#fff;padding:11px 18px;border-radius:999px;font:500 .8rem/1.4 Montserrat,system-ui,sans-serif;z-index:10000;box-shadow:0 8px 24px rgba(0,0,0,.22);max-width:90vw;text-align:center}
.ss-pts{display:flex;gap:10px;align-items:center;margin-top:12px;padding:11px 13px;border-radius:14px;background:linear-gradient(135deg,rgba(160,139,95,.16),rgba(160,139,95,.05));border:1px solid rgba(160,139,95,.25);font-size:.76rem;line-height:1.45;color:#5a5244}
.ss-pts b{color:#3a3b3d}.ss-pts a{color:#8d7a4e;font-weight:600;text-decoration:none;white-space:nowrap}
.ss-pts .coin{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#d9c193,#a08b5f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
/* glass gloss: a soft highlight over the top half, like the reference badge */
.vshare{overflow:hidden}
.top-share{position:relative;overflow:hidden}
.vshare::before,.top-share::before{content:"";position:absolute;left:3px;right:3px;top:2px;height:50%;border-radius:999px 999px 55% 55%;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.06));pointer-events:none}
.top-share::before{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.1))}