/* Click to Chat is replaced by the topic chooser below; hide only its front-end button. */
	#ht-ctc-chat,.ht-ctc-chat{display:none!important}
	.bapnil-wa-chooser{position:fixed;z-index:99990;bottom:15px;right:15px;font-family:inherit}
	/* Deep-green label pill with the bright WhatsApp badge closing its trailing
	   edge, so the button reads as "Book Appointment, on WhatsApp". row-reverse
	   puts the badge last visually while the label stays first in the DOM. */
	.bapnil-wa-launcher{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:11px;padding:9px 9px 9px 20px;border:0;border-radius:999px;background:linear-gradient(180deg,#12604a,#0b4a37);color:#fff;font-size:15px;font-weight:800;line-height:1;letter-spacing:.01em;box-shadow:0 12px 30px rgba(11,60,45,.34);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
	.bapnil-wa-launcher::-webkit-details-marker{display:none}
	.bapnil-wa-launcher:hover{background:linear-gradient(180deg,#146f55,#0d5741)}
	.bapnil-wa-launcher:focus-visible{outline:3px solid #0b6f66;outline-offset:3px}
	.bapnil-wa-chooser[open] .bapnil-wa-launcher{background:linear-gradient(180deg,#146f55,#0d5741)}
	.bapnil-wa-launcher svg{box-sizing:border-box;flex:none;width:38px;height:38px;margin-right:-8px;padding:8px;border-radius:50%;background:#25d366;fill:#fff;box-shadow:0 4px 12px rgba(6,54,38,.32)}
	.bapnil-wa-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(320px,calc(100vw - 30px));padding:14px;border:1px solid #d6e6e2;border-radius:20px;background:#fff;box-shadow:0 18px 44px rgba(11,60,56,.24)}
	.bapnil-wa-panel-title{margin:0 0 12px;color:#104f4a;font-size:14px;font-weight:900;text-align:center}
	.bapnil-wa-panel nav{display:grid;gap:9px}
	/* Green option pills rather than pale cards, so the panel reads as one
	   WhatsApp surface. Labels are white now, so keep them bold enough to hold
	   contrast at this size. */
	.bapnil-wa-option{display:grid;gap:1px;padding:11px 16px;border:0;border-radius:999px;background:#25d366;text-align:center;text-decoration:none!important;box-shadow:0 6px 16px rgba(11,84,60,.22)}
	.bapnil-wa-option strong{color:#fff;font-size:15px;line-height:1.25}
	.bapnil-wa-option span{color:rgba(255,255,255,.9);font-size:12px;font-weight:600}
	.bapnil-wa-option:hover,.bapnil-wa-option:focus-visible{background:#1fbe5b}
	/* The label used to stay on small screens because it is the call to action,
	   not decoration. The mobile app shell now gives that bottom-corner action to
	   the tab bar and narrows this launcher to the badge alone, because
	   a 171px-wide pill lands on the next/submit button of an embedded booking
	   form. assets/mobile-layout.css owns that decision; this rule is the compact
	   spacing for a viewport where the shell is not rendering. */
	@media(max-width:600px){.bapnil-wa-launcher{padding:8px 8px 8px 15px;font-size:13.5px;gap:9px}.bapnil-wa-launcher svg{width:34px;height:34px;padding:7px;margin-right:-6px}.bapnil-wa-panel{width:min(290px,calc(100vw - 30px))}}