.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.feature-card{min-width:0;padding:28px;border:1px solid #dacaaa;border-radius:24px;background:#fffaf0;color:#0b2137}.feature-card h2{font-size:clamp(24px,3vw,36px)}.feature-card p{overflow-wrap:anywhere}.payment-methods{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.payment-methods span{padding:8px 14px;border:1px solid #d2b16b;background:#f8e4b0;color:#0b2137;border-radius:12px;font-size:14px;font-weight:750;white-space:nowrap}.bill-amount{display:block;font-size:28px;margin:12px 0}.feature-card form{display:grid;gap:12px;margin:16px 0}.feature-card details{margin-top:20px}.feature-card label,.document-form label{display:grid;gap:8px;min-width:0}.doctor-photo{width:100%;height:220px;object-fit:cover;border-radius:18px}.clinic-photo{display:block;width:100%;height:auto;border-radius:20px;margin:24px 0 16px}.clinic-map{display:block;width:100%;height:330px;border:0;border-radius:20px;margin:16px 0}.portal-extra{margin-top:36px}.document-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin:24px 0}.document-form input[type=file]{max-width:100%;padding:12px;font-size:14px}.grooming-options{border:1px solid #dacaaa;border-radius:14px;grid-column:1/-1;padding:16px;display:flex;flex-wrap:wrap;gap:12px}.grooming-options label{display:flex;gap:8px;align-items:center}.grooming-options input,.booking-form .check input{width:18px;height:18px;flex:none}.feature-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:20px 12px;border-bottom:1px solid #dacaaa}.feature-links a{color:inherit;font-weight:650}.feature-links .button{color:#0b2137!important}.install-app{background:#edc264;color:#0b2137;border:0;border-radius:12px;padding:10px 16px;font-weight:750;cursor:pointer}.payment-footer{padding:18px 0 8px}.payment-footer .payment-methods{justify-content:center}.payment-footer small{display:block;text-align:center;color:#ede5d4}.offline-note{padding:30px;color:#0b2137;background:#fffaf0}input,select,textarea{max-width:100%}.feature-card .button{white-space:normal;text-align:center}@media(max-width:700px){.document-form{grid-template-columns:1fr}.feature-card{padding:20px}.portal-extra .section-heading{align-items:flex-start;flex-direction:column}.clinic-map{height:280px}}@media(prefers-reduced-motion:reduce){.feature-card{animation:none}}
.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid>*{min-width:0}.clinic-photo,.clinic-map{max-width:100%}.contact-main .button{white-space:normal;text-align:center}@media(max-width:700px){.contact-grid{grid-template-columns:minmax(0,1fr)}}
/* Light content panels always use navy labels, including outlined actions. */
.theme-2 .section .button.outline,.theme-2 .portal-content .button.outline,.theme-2 .contact-details .button.outline{color:#0b2137!important}.check{display:flex!important;align-items:flex-start;gap:10px;grid-column:1/-1}.check input{width:18px!important;height:18px;flex:none}.payment-footer{background:#041321}
/* Full, original clinic logo: preserve every edge and all lettering. */
.t2-header .t2-brand{flex-shrink:0}.t2-header .t2-brand img{width:108px;height:130px;object-fit:contain;object-position:center;max-width:none;border-radius:8px}.t2-header .header-inner{min-height:150px}.t2-footer .t2-brand img{width:150px;height:180px;object-fit:contain;object-position:center;max-width:none}
.clinic-nav{--nav-colour:#f2d28a;--nav-glow:#edbf57}.clinic-nav-home{--nav-colour:#f2d28a;--nav-glow:#edbf57}.clinic-nav-services{--nav-colour:#a9e9f0;--nav-glow:#55d5e7}.clinic-nav-about{--nav-colour:#d8c7f3;--nav-glow:#b38cea}.clinic-nav-portal{--nav-colour:#f5c1d4;--nav-glow:#e78aaf}.clinic-nav-contact{--nav-colour:#b5e7ca;--nav-glow:#69d397}
.t2-header #site-nav{gap:10px}.t2-header #site-nav .clinic-nav{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;min-height:40px;border-radius:12px;border:1px solid var(--nav-glow);background:var(--nav-colour);color:#0b2137!important;font-weight:750;font-size:12px;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.t2-header #site-nav .clinic-nav::after{display:none}.t2-header #site-nav .clinic-nav[aria-current]{box-shadow:inset 0 0 0 2px #0b2137,0 0 12px color-mix(in srgb,var(--nav-glow) 35%,transparent)}.t2-header #site-nav .clinic-nav:hover,.t2-header #site-nav .clinic-nav:focus-visible{transform:translateY(-2px);filter:brightness(1.05);animation:clinic-nav-glow 1.4s ease-in-out infinite alternate;outline:2px solid #fff;outline-offset:3px}.t2-header .header-actions .theme-toggle{background:#d8c7f3;color:#0b2137!important;border-color:#b38cea}.t2-header .header-actions .language{padding:9px;border-radius:10px;background:#a9e9f0;color:#0b2137!important}.t2-header .header-actions .button{color:#0b2137!important}.t2-header .header-actions>*{transition:box-shadow .25s ease,transform .25s ease}.t2-header .header-actions>*:hover,.t2-header .header-actions>*:focus-visible{box-shadow:0 0 16px #ecc56880;transform:translateY(-2px)}
@keyframes clinic-nav-glow{from{box-shadow:0 0 7px var(--nav-glow)}to{box-shadow:0 0 18px var(--nav-glow),0 0 28px color-mix(in srgb,var(--nav-glow) 45%,transparent)}}
@media(max-width:1100px){.t2-header #site-nav .clinic-nav{padding:9px 10px;font-size:10px}.t2-header .t2-brand img{width:88px;height:106px}.t2-header .header-inner{min-height:124px}}
@media(max-width:700px){.t2-header .t2-brand img{width:72px;height:88px}.t2-header .header-inner{min-height:108px}.t2-header #site-nav.open{gap:9px}.t2-header #site-nav .clinic-nav{justify-content:flex-start;font-size:13px;padding:12px 15px}.t2-footer .t2-brand img{width:130px;height:156px}.t2-header .header-actions .language{padding:7px}.t2-header .header-actions>*:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.t2-header #site-nav .clinic-nav,.t2-header .header-actions>*{transition:none}.t2-header #site-nav .clinic-nav:hover,.t2-header #site-nav .clinic-nav:focus-visible{animation:none;transform:none;box-shadow:0 0 12px var(--nav-glow)}}
.clinic-socials{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.clinic-social{display:inline-flex!important;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;border-radius:9px;line-height:1;padding:0!important;flex:none;text-decoration:none;background:#c6ddfb;color:#0b2137!important;border:1px solid #80b6ef;transition:box-shadow .2s ease,transform .2s ease}.clinic-social-instagram{background:#f4c6e0;border-color:#e397c4}.clinic-social-tiktok{background:#a9e9f0;border-color:#55d5e7}.clinic-social svg{display:block;width:16px;height:16px}.clinic-social::after{display:none!important}.clinic-social.unlinked{cursor:default;opacity:.82}.clinic-socials a:hover,.clinic-socials a:focus-visible{box-shadow:0 0 12px #82dbe8;transform:translateY(-2px);outline:2px solid #fff;outline-offset:2px}@media(min-width:701px) and (max-width:1100px){.t2-header #site-nav{gap:7px}.t2-header #site-nav .clinic-nav{padding-inline:8px}}@media(max-width:700px){#site-nav .clinic-socials{grid-column:1/-1;justify-content:flex-start;padding:5px 0}.clinic-social{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.clinic-social{transition:none}.clinic-socials a:hover,.clinic-socials a:focus-visible{transform:none}}
.customer-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.customer-auth-grid .sign-in{width:100%;max-width:none;min-width:0;text-align:start}.customer-auth-grid form,.sign-in form{display:grid;gap:16px}.customer-auth-grid label{display:grid;gap:7px}.customer-auth-grid input:not([type=checkbox]){width:100%;min-width:0;padding:13px;border:1px solid #b5bec6;border-radius:10px;background:#fff;color:#0b2137;font:inherit}.customer-staff-link{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px 20px 35px;color:#a6782e}.customer-staff-link .button{font-size:12px;min-height:36px;padding:9px 14px;background:#fffaf0;color:#0b2137!important}@media(max-width:700px){.customer-auth-grid{grid-template-columns:minmax(0,1fr)}}
