/* ============================================================
   APNA ZILA — style.css
   Banarasi kagaz + sindoor + haldi. Ek hi file, saaf hisso me.
   ============================================================ */

:root{
  --paper:#F7F1E6;
  --paper-2:#FBF7EF;
  --ink:#2B2118;
  --ink-soft:#6B5D4D;
  --line:#E4D8C3;
  --haldi:#E0A11A;
  --sindoor:#B83227;
  --leaf:#5C6B3C;
  --shadow:0 1px 2px rgba(43,33,24,.06),0 8px 24px rgba(43,33,24,.06);
  --radius:14px;
  --wrap:1080px;
  --display:'Fraunces',Georgia,serif;
  --deva:'Tiro Devanagari Hindi',serif;
  --body:'Inter',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.section{padding:38px 0}
.section-divider{border:none;border-top:1px solid var(--line);margin:0}
.sec-title,.section-head h2{font-family:var(--display);font-size:22px;font-weight:700}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.see-all{color:var(--sindoor);font-size:13.5px;font-weight:600}
.deva-tag{font-family:var(--deva);font-size:.72em;color:var(--ink-soft);font-weight:400}
.none{color:var(--ink-soft);font-size:14.5px}
.cat-sub{color:var(--ink-soft);font-size:14px;margin-top:6px}
.msg{background:#EEF5E8;border:1px solid #CBDDBB;border-radius:10px;padding:11px 14px;font-size:14px;margin-bottom:14px}

/* ---------- Header ---------- */
.site-head{background:var(--paper-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.head-in{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--sindoor);color:var(--paper);
  display:grid;place-items:center;font-family:var(--deva);font-size:20px}
.brand-txt strong{display:block;font-family:var(--display);font-size:17px;line-height:1.2}
.brand-txt small{color:var(--ink-soft);font-size:11.5px}
.main-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.main-nav a{font-size:14px;font-weight:500;color:var(--ink-soft)}
.main-nav a:hover{color:var(--sindoor)}
.nav-cta{background:var(--sindoor);color:#fff!important;padding:7px 13px;border-radius:9px;font-weight:600}
.lang-switch{display:flex;gap:7px;border-left:1px solid var(--line);padding-left:14px}
.lang-switch a{font-size:12px}
.lang-switch a.on{color:var(--sindoor);font-weight:700}
.nav-toggle{display:none;background:none;border:none;font-size:22px;cursor:pointer;color:var(--ink)}
@media(max-width:820px){
  .nav-toggle{display:block}
  .main-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 4px}
  .main-nav.open{display:flex}
  .head-in{flex-wrap:wrap}
  .lang-switch{border-left:none;padding-left:0}
}

/* ---------- Hero ---------- */
.hero{position:relative;padding:44px 0 34px;overflow:hidden}
.hero-deco{position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(224,161,26,.18),transparent 68%)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;position:relative}
.hero.has-slider .hero-grid{grid-template-columns:1.05fr .95fr}
.hero-eyebrow{color:var(--sindoor);font-size:12.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}
.hero h1{font-family:var(--display);font-size:clamp(27px,4.4vw,40px);line-height:1.2;margin:9px 0 12px}
.hero h1 em{color:var(--sindoor);font-style:italic}
.hero .lead{color:var(--ink-soft);font-size:15.5px;max-width:560px}
.hero-stats{display:flex;gap:30px;margin:20px 0}
.hero-stats span{font-size:12.5px;color:var(--ink-soft)}
.hero-stats strong{display:block;font-family:var(--display);font-size:22px;color:var(--ink)}
.search-bar{display:flex;gap:9px;flex-wrap:wrap;max-width:600px}
.search-bar input,.search-bar select{flex:1;min-width:130px;padding:12px 14px;border:1px solid var(--line);
  border-radius:11px;background:var(--paper-2);font-family:var(--body);font-size:14.5px;color:var(--ink)}
.hero-slider{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);
  box-shadow:0 14px 40px rgba(0,0,0,.12);aspect-ratio:3/2;background:var(--paper-2)}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.hero-slide.on{opacity:1}
.hero-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:2}
.hero-dot{width:9px;height:9px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.55);padding:0}
.hero-dot.on{background:#fff;width:22px;border-radius:6px}
@media(max-width:860px){.hero.has-slider .hero-grid{grid-template-columns:1fr}.hero-deco{display:none}.hero-stats{gap:22px}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid var(--line);
  border-radius:10px;background:var(--paper-2);font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--body)}
.btn:hover{border-color:var(--sindoor)}
.btn-call{background:var(--sindoor);color:#fff;border-color:var(--sindoor)}
.btn-call:hover{background:#9d2a20}
.btn-wa{background:#25D366;color:#fff;border-color:#25D366}
.btn-wa:hover{background:#1eb356}
.btn-insta{background:#C13584;color:#fff;border-color:#C13584}
.btn-yt{background:#E62117;color:#fff;border-color:#E62117}
.btn.mini{padding:6px 10px;font-size:12.5px}

/* ---------- Place tiles ---------- */
.place-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.place-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.place-grid{grid-template-columns:repeat(2,1fr)}}
.place-tile{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.place-tile:hover{transform:translateY(-3px);border-color:var(--haldi)}
.place-tile .ico{font-size:26px}
.place-tile h3{font-family:var(--display);font-size:15.5px;margin:7px 0 4px}
.place-tile p{font-size:12.5px;color:var(--ink-soft)}
.place-tile .count{font-size:12px;color:var(--sindoor);font-weight:600}

/* ---------- Cards ---------- */
.card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.card-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
  .card-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;scrollbar-width:none}
  .card-row::-webkit-scrollbar{display:none}
  .card-row .card{flex:0 0 82%;scroll-snap-align:start}
}
.card-row.is-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  gap:18px;padding-bottom:10px;scrollbar-width:none}
.card-row.is-slider::-webkit-scrollbar{display:none}
.card-row.is-slider .card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}
@media(max-width:900px){.card-row.is-slider .card{flex:0 0 calc((100% - 18px)/2)}}
@media(max-width:620px){.card-row.is-slider .card{flex:0 0 82%}}
.feat-block{margin-bottom:30px}
.feat-title{font-family:var(--display);font-size:18px}

.card{position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .15s}
.card:hover{transform:translateY(-3px)}
.card.is-featured{border-color:var(--haldi);border-width:1.5px}
.badge{position:absolute;top:9px;right:9px;z-index:2;background:var(--haldi);color:#3B2A08;
  font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:20px;text-transform:uppercase}
.badge-inline{position:static;display:inline-block;margin-left:8px;vertical-align:middle}
.card .thumb{display:grid;place-items:center;height:150px;overflow:hidden;background:var(--paper);cursor:pointer}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .thumb .ph{font-size:34px}
.card .body{padding:13px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.card .body h3{font-family:var(--display);font-size:16px}
.card .body h3 .card-link:hover{color:var(--sindoor)}
.card-stars{font-size:12px;color:var(--ink-soft)}
.stars{color:var(--haldi);letter-spacing:2px}
.stars.small{font-size:13px}
.card .area,.card .time{font-size:11.5px;color:var(--ink-soft)}
.card .desc{font-size:12.5px;color:var(--ink-soft);max-height:57px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}
.card .desc::-webkit-scrollbar{width:4px}
.card .desc::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.card .actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.card .actions .btn{padding:7px 10px;font-size:12.5px}

/* category page: grid on desktop, stack on mobile */
.card-row.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.card-row.card-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.card-row.card-list{display:grid;grid-template-columns:1fr;overflow:visible}
  .card-row.card-list .card{flex:none}}

/* ---------- Cat hero ---------- */
.cat-hero{background:var(--paper-2);border-bottom:1px solid var(--line);padding:26px 0 22px}
.cat-hero .back{color:var(--ink-soft);font-size:13px}
.cat-hero h1{font-family:var(--display);font-size:26px;margin-top:8px}
.cat-hero .ico{font-size:24px}
.detail-avg{margin-top:8px;font-size:15px}

/* ---------- Detail ---------- */
.detail-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:start}
@media(max-width:720px){.detail-grid{grid-template-columns:1fr}}
.detail-media img{width:100%;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}
.detail-ph{aspect-ratio:4/3;display:grid;place-items:center;font-size:56px;background:var(--paper-2);
  border:1px solid var(--line);border-radius:var(--radius)}
.detail-info .d-row{margin-bottom:8px;font-size:15px}
.detail-info .d-desc{margin:16px 0;line-height:1.7}
.detail-info .actions{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- Rating ---------- */
.star-input{display:inline-flex;flex-direction:row-reverse;gap:2px;margin-bottom:12px}
.star-input input{display:none}
.star-input label{font-size:34px;color:#DCCFB6;cursor:pointer;transition:color .12s;line-height:1}
.star-input input:checked ~ label,.star-input label:hover,.star-input label:hover ~ label{color:var(--haldi)}
.rate-form{max-width:560px}
.rate-fields{display:grid;gap:10px;margin-bottom:12px}
.rate-fields input,.rate-fields textarea,.rate-fields select{width:100%;padding:10px 12px;border:1px solid var(--line);
  border-radius:10px;background:var(--paper-2);font-family:var(--body);font-size:14px;color:var(--ink)}
.rate-note{font-size:12px;color:var(--ink-soft);margin-top:8px}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.reviews{margin-top:28px;max-width:640px}
.rev-title{font-family:var(--display);font-size:19px;margin-bottom:14px}
.review{border:1px solid var(--line);background:var(--paper-2);border-radius:12px;padding:13px 15px;margin-bottom:10px}
.rev-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:5px}
.rev-date{font-size:11.5px;color:var(--ink-soft);margin-left:auto}
.review p{font-size:13.5px;line-height:1.6}

/* ---------- People (Gaurav) ---------- */
.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.people-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.people-grid{gap:12px}}
.person-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);transition:transform .15s;display:flex;flex-direction:column}
.person-card:hover{transform:translateY(-3px)}
.p-photo{aspect-ratio:3/4;overflow:hidden;background:var(--paper);display:grid;place-items:center}
.p-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}
.p-photo .ph{font-size:44px}
.p-body{padding:12px 13px}
.p-body h3{font-family:var(--display);font-size:15.5px;margin-bottom:3px}
.p-years{font-size:11.5px;color:var(--ink-soft)}
.p-known{font-size:12.5px;color:var(--sindoor);margin:4px 0 5px;line-height:1.4}
.p-village{font-size:11.5px;color:var(--ink-soft)}

/* ---------- Ticker ---------- */
.ticker{background:var(--sindoor);overflow:hidden;padding:9px 0;border-top:2px solid var(--haldi);border-bottom:2px solid var(--haldi)}
.ticker-track{display:inline-flex;align-items:center;gap:26px;white-space:nowrap;animation:tick 28s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{color:var(--paper);font-size:14px;font-weight:600;font-family:var(--deva),var(--body)}
.ticker-sep{color:var(--haldi);font-size:12px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:620px){.ticker-item{font-size:12.5px}.ticker-track{animation-duration:20s}}

/* ---------- Ads ---------- */
.ad-slot1{padding:18px 0 0}
.ad-banner{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);
  aspect-ratio:3/1;background:var(--paper-2)}
@media(max-width:620px){.ad-banner{aspect-ratio:2/1}}
.ad-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;display:block}
.ad-slide.on{opacity:1}
.ad-slide img{width:100%;height:100%;object-fit:cover}
.ad-label{position:absolute;top:8px;right:8px;z-index:3;background:rgba(43,33,24,.65);color:#fff;
  font-size:10px;letter-spacing:.5px;padding:2px 8px;border-radius:6px}
.ad-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:8px;z-index:3}
.ad-dot{width:9px;height:9px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.55);padding:0}
.ad-dot.on{background:#fff;width:22px;border-radius:6px}
.ad-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:620px){.ad-cards{grid-template-columns:1fr}}
.ad-card2{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);display:flex;flex-direction:column}
.ad-card2-img{position:relative;display:block;aspect-ratio:3/2;overflow:hidden}
.ad-card2-img img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.ad-card2:hover .ad-card2-img img{transform:scale(1.03)}
.ad-card2-body{padding:12px 14px}
.ad-card2-body h3{font-family:var(--display);font-size:16px;margin-bottom:4px}
.ad-addr{font-size:12.5px;color:var(--ink-soft);margin-bottom:9px}

/* ---------- Wishes ---------- */
.wishes-sec{padding-top:26px}
.wish-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.wish-row::-webkit-scrollbar{display:none}
.wish-card{flex:0 0 360px;scroll-snap-align:start;display:flex;align-items:stretch;
  background:var(--paper-2);border:1.5px solid var(--haldi);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);min-height:170px}
@media(max-width:620px){.wish-card{flex:0 0 88%}}
.wish-photo{flex:0 0 46%;display:grid;place-items:center;font-size:34px;background:var(--paper);
  border-right:1.5px solid var(--haldi)}
.wish-photo img{width:100%;height:100%;object-fit:cover}
.wish-body{padding:14px 15px;display:flex;flex-direction:column;justify-content:center}
.wish-body h3{font-family:var(--display);font-size:17px;margin-bottom:2px}
.wish-msg{font-size:13.5px;color:var(--sindoor);font-weight:600}
.wish-from{font-size:11.5px;color:var(--ink-soft);margin-top:3px}
.wish-cta{font-size:12.5px;color:var(--ink-soft);margin-top:12px}
.wish-cta a{color:var(--sindoor)}

/* ---------- Aaj Ka Zila ---------- */
.aaj-date{color:var(--ink-soft);font-size:15px;margin-top:6px;font-family:var(--deva),var(--body)}
.aaj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.aaj-grid{grid-template-columns:1fr}}
.aaj-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.aaj-card h2{font-family:var(--display);font-size:16px;margin-bottom:10px}
.aaj-big{font-family:var(--display);font-size:34px;font-weight:700;color:var(--sindoor)}
.aaj-big.aaj-rahu{font-size:22px}
.aaj-sub{font-size:13.5px;color:var(--ink-soft);margin-top:4px}
.aaj-note{font-size:11.5px;color:var(--ink-soft);margin-top:8px;font-style:italic}
.aaj-quote blockquote{font-family:var(--deva),var(--body);font-size:16.5px;line-height:1.7}
.aaj-author{margin-top:8px;font-size:13px;color:var(--sindoor);font-weight:600}
.aaj-history{max-width:720px}
.aaj-event{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px dashed var(--line)}
.aaj-yr{flex:0 0 58px;text-align:center;font-family:var(--display);font-weight:700;color:var(--paper);
  background:var(--sindoor);border-radius:8px;padding:4px 0;font-size:14px}
.aaj-event p{font-size:15px}
.aaj-share{margin-top:26px;font-size:13.5px;color:var(--ink-soft)}
.aaj-share a{color:var(--sindoor)}
.aaj-strip-sec{padding:16px 0 0}
.aaj-strip{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--paper-2);
  border:1.5px solid var(--haldi);border-radius:12px;padding:11px 16px;box-shadow:var(--shadow);transition:transform .15s}
.aaj-strip:hover{transform:translateY(-2px)}
.aaj-strip-l{font-size:14px}
.aaj-strip-q{font-size:13px;color:var(--ink-soft);font-family:var(--deva),var(--body);flex:1;min-width:180px}
.aaj-strip-cta{font-size:12.5px;color:var(--sindoor);font-weight:600;margin-left:auto}
@media(max-width:620px){.aaj-strip-q{display:none}}

/* ---------- Emergency ---------- */
.em-sec{font-family:var(--display);font-size:18px;color:var(--sindoor);margin:26px 0 12px}
.em-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:620px){.em-grid{grid-template-columns:1fr}}
.em-card{display:flex;align-items:center;gap:13px;background:var(--paper-2);border:1.5px solid var(--line);
  border-radius:12px;padding:13px 15px;box-shadow:var(--shadow);transition:transform .12s,border-color .12s}
.em-card:hover{transform:translateY(-2px);border-color:var(--sindoor)}
.em-ico{font-size:26px}
.em-body{flex:1;min-width:0}
.em-body strong{display:block;font-size:14.5px}
.em-body small{color:var(--ink-soft);font-size:12px;display:block;margin-top:2px}
.em-num{font-family:var(--display);font-weight:700;font-size:17px;color:#fff;background:var(--sindoor);
  border-radius:9px;padding:7px 13px;white-space:nowrap}
.em-note{margin-top:26px;background:#FBECEA;border:1.5px solid #E5B7B1;border-radius:12px;padding:14px 16px;font-size:14px}
.em-note a{color:var(--sindoor)}

/* ---------- Landing (zila chuno) ---------- */
.landing{padding:50px 0 40px;text-align:center}
.landing-h1{font-family:var(--display);font-size:clamp(26px,5vw,38px);margin:8px 0 10px}
.landing-lead{color:var(--ink-soft);max-width:520px;margin:0 auto 28px}
.dist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:800px;margin:0 auto}
@media(max-width:820px){.dist-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.dist-grid{grid-template-columns:repeat(2,1fr)}}
.dist-tile{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px 12px;
  box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.dist-tile:hover{transform:translateY(-3px);border-color:var(--haldi)}
.dist-hi{display:block;font-family:var(--deva);font-size:19px;color:var(--sindoor)}
.dist-tile strong{display:block;font-family:var(--display);font-size:15px;margin-top:3px}
.dist-tile small{color:var(--ink-soft);font-size:11.5px}
.landing-note{margin-top:30px;font-size:13.5px;color:var(--ink-soft)}
.landing-note a{color:var(--sindoor)}

/* ---------- Promote ---------- */
.promote{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  background:linear-gradient(135deg,#FBF4DC,#FBF7EF);border:1.5px solid var(--haldi);
  border-radius:var(--radius);padding:22px}
.promote h2{font-family:var(--display);font-size:19px;margin-bottom:5px}
.promote p{font-size:13.5px;color:var(--ink-soft);max-width:520px}

/* ---------- Static pages ---------- */
.page-copy{max-width:760px}
.page-copy h2{font-family:var(--display);font-size:21px;margin:26px 0 10px}
.page-copy p{margin-bottom:14px;line-height:1.7;font-size:15px}
.page-copy a{color:var(--sindoor);text-decoration:underline}
.page-copy a.btn{text-decoration:none;color:#fff}

/* ---------- Footer + WhatsApp float ---------- */
.site-foot{background:var(--paper-2);border-top:1px solid var(--line);padding:26px 0;margin-top:30px}
.foot-links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.foot-links a{font-size:13.5px;color:var(--ink-soft)}
.foot-links a:hover{color:var(--sindoor)}
.copy{font-size:12.5px;color:var(--ink-soft)}
.copy .rights{display:block;margin-top:6px;font-size:12px;opacity:.85}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:99;width:54px;height:54px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px rgba(37,211,102,.45);transition:transform .18s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:28px;height:28px;fill:#fff}