/* ============================================================ RENEE VETERINARY HOSPITAL — Master Stylesheet Monochromatic Deep Navy (#20309A) + White Glassmorphism · Radial Orbs · Shimmer · Micro-interactions ============================================================ *//* ------------------------------------------------------- 0. GOOGLE FONTS IMPORT ------------------------------------------------------- *//* ------------------------------------------------------- 1. CSS CUSTOM PROPERTIES ------------------------------------------------------- */:root{--brand:#20309A;--brand-dark:#181f6a;--brand-deep:#0e1440;--brand-deepest:#080c28;--brand-light:#3046c0;--brand-lighter:#4a5fd4;--brand-muted:#6874b4;--brand-pale:#a8b0d8;--brand-faint:#d4d8ec;--white:#ffffff;--off-white:#f5f6fa;--surface:#eef0f7;--text-dark:#1a1d2e;--text-body:#4a4e68;--text-muted:#8288a8;--text-on-dark:#c4cde0;--text-on-dark-muted:#7a82a6;--border-light:#e2e5f0;--border-dark:rgba(255,255,255,0.08);--glass-bg:rgba(255,255,255,0.06);--glass-bg-mid:rgba(255,255,255,0.1);--glass-bg-strong:rgba(255,255,255,0.15);--glass-border:rgba(255,255,255,0.1);--emergency:#c0392b;--shadow-sm:0 2px 8px rgba(14,20,64,0.05);--shadow:0 4px 20px rgba(14,20,64,0.07);--shadow-lg:0 12px 40px rgba(14,20,64,0.1);--shadow-brand:0 4px 20px rgba(32,48,154,0.18);--radius:14px;--radius-lg:22px;--radius-xl:28px;--font-body:'DM Sans',sans-serif;--font-heading:'Playfair Display',serif}/* ------------------------------------------------------- 2. KEYFRAME ANIMATIONS ------------------------------------------------------- */@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes pulse-soft{0%,100%{opacity:0.4}50%{opacity:0.7}}@keyframes glow-pulse{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,0.5)}50%{box-shadow:0 0 18px 6px rgba(192,57,43,0.25)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}/* ------------------------------------------------------- 3. GLOBAL RESET & BASE ------------------------------------------------------- */*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--text-body);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color 0.3s ease}ul,ol{list-style:none}button,input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}button{cursor:pointer}::selection{background:var(--brand);color:var(--white)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--brand-deepest)}::-webkit-scrollbar-thumb{background:var(--brand-dark);border-radius:6px;border:2px solid var(--brand-deepest)}::-webkit-scrollbar-thumb:hover{background:var(--brand-light)}*{scrollbar-width:thin;scrollbar-color:var(--brand-dark) var(--brand-deepest)}/* ------------------------------------------------------- 4. TYPOGRAPHY ------------------------------------------------------- */h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);line-height:1.25;font-weight:700}h1{font-size:3.5rem}h2{font-size:2.6rem}h3{font-size:1.6rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin-bottom:1rem}.text-shimmer{background:linear-gradient( 90deg,var(--white) 0%,rgba(255,255,255,0.4) 40%,var(--white) 60%,rgba(255,255,255,0.4) 100% );background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}/* ------------------------------------------------------- 5. LAYOUT — CONTAINER ------------------------------------------------------- */.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:900px}.container-lg{max-width:1400px}/* ------------------------------------------------------- 6. HEADER / NAVBAR ------------------------------------------------------- */.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background 0.4s ease,box-shadow 0.4s ease,border-color 0.4s ease}.header-transparent{background:rgba(8,12,40,0.08);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,0.04)}.header-scrolled{background:rgba(255,255,255,0.7);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);border-bottom:1px solid rgba(255,255,255,0.4);box-shadow:0 4px 30px rgba(14,20,64,0.06)}.header-inner,.header-container{display:flex;align-items:center;height:80px;max-width:1400px;margin:0 auto;padding:0 32px;gap:20px}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.header-logo img,.header-logo .logo-img{height:56px;width:auto}.header-logo-text,.logo-text{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;transition:color 0.3s ease;line-height:1.2;letter-spacing:-0.02em}.header-transparent .header-logo-text,.header-transparent .logo-text{color:var(--white)}.header-scrolled .header-logo-text,.header-scrolled .logo-text{color:var(--text-dark)}.header-transparent .logo-text span{color:var(--white)}.header-scrolled .logo-text span{color:var(--text-dark)}.nav-menu{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nav-menu li,.nav-list li{position:relative}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:10px 16px;font-size:0.935rem;font-weight:500;border-radius:8px;transition:color 0.3s ease,background 0.3s ease;position:relative;white-space:nowrap}.nav-link::after{content:'';position:absolute;bottom:4px;left:16px;right:16px;height:2px;border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform 0.3s ease}.nav-link:hover::after,.nav-link.active::after,.nav-item.active .nav-link::after{transform:scaleX(1)}.header-transparent .nav-link{color:rgba(255,255,255,0.85)}.header-transparent .nav-link:hover{color:var(--white);background:var(--glass-bg)}.header-transparent .nav-link::after{background:var(--white)}.header-scrolled .nav-link{color:var(--text-body)}.header-scrolled .nav-link:hover{color:var(--brand);background:var(--surface)}.header-scrolled .nav-link::after{background:var(--brand)}.nav-link .fa-chevron-down{font-size:0.6rem;transition:transform 0.3s ease}.nav-menu li:hover .nav-link .fa-chevron-down{transform:rotate(180deg)}.mega-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:420px;background:rgba(14,20,64,0.95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(12px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease;box-shadow:var(--shadow-lg);z-index:100}.mega-menu::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}.nav-menu li:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mega-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mega-menu-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:var(--radius);transition:background 0.3s ease}.mega-menu-item:hover{background:var(--glass-bg-mid)}.mega-menu-item .item-icon{width:42px;height:42px;border-radius:12px;background:var(--glass-bg-mid);display:flex;align-items:center;justify-content:center;color:var(--brand-pale);font-size:1.1rem;flex-shrink:0}.mega-menu-item .item-text h4{font-family:var(--font-body);font-size:0.93rem;font-weight:600;color:var(--white);margin-bottom:3px}.mega-menu-item .item-text p{font-size:0.82rem;color:var(--text-on-dark-muted);margin:0;line-height:1.45}.mega-menu-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border)}.mega-menu-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mega-col{}.mega-heading{font-family:var(--font-body);font-size:0.78rem;font-weight:700;color:var(--brand-pale);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.mega-list{list-style:none;padding:0;margin:0}.mega-list li{margin-bottom:4px}.mega-list a{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:0.86rem;color:var(--text-on-dark);border-radius:8px;transition:background 0.3s ease,color 0.3s ease;text-decoration:none;white-space:nowrap}.mega-list a:hover{background:var(--glass-bg-mid);color:var(--white)}.mega-list a i{font-size:0.85rem;color:var(--brand-pale);width:18px;text-align:center;flex-shrink:0}.mega-cta{margin-top:18px;padding-top:14px;border-top:1px solid var(--glass-border)}.mega-cta p{font-size:0.8rem;color:var(--text-on-dark-muted);margin-bottom:10px}.mega-menu-sm{min-width:240px !important}.mega-menu-single{grid-template-columns:1fr !important;gap:0 !important}.has-mega:hover .mega-menu,.has-mega.mega-active .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.header-scrolled .mega-menu{background:rgba(255,255,255,0.96);border-color:var(--border-light)}.header-scrolled .mega-heading{color:var(--brand);border-color:var(--border-light)}.header-scrolled .mega-list a{color:var(--text-body)}.header-scrolled .mega-list a:hover{background:var(--surface);color:var(--brand)}.header-scrolled .mega-list a i{color:var(--brand)}.header-scrolled .mega-cta{border-color:var(--border-light)}.header-scrolled .mega-cta p{color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:10px}.btn-emergency{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--emergency);color:var(--white);font-weight:600;font-size:0.875rem;border-radius:50px;animation:glow-pulse 2s ease-in-out infinite;transition:background 0.3s ease,transform 0.3s ease;white-space:nowrap}.btn-emergency:hover{background:#a93226;transform:translateY(-2px)}.btn-emergency i{font-size:0.8rem}.btn-header-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--brand);color:var(--white);font-weight:600;font-size:0.85rem;border-radius:50px;transition:background 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;white-space:nowrap}.btn-header-cta:hover{background:var(--brand-light);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.btn-header-cta i{font-size:0.8rem}.header-scrolled .btn-header-cta{background:var(--brand);color:var(--white)}.btn-cta-glow{border:1px solid rgba(255,255,255,0.25);padding:16px 36px;font-size:0.95rem;letter-spacing:0.02em;transition:all 0.4s ease}.btn-cta-glow:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);box-shadow:0 0 30px rgba(255,255,255,0.08);letter-spacing:0.04em}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(8,12,40,0.98);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:998;padding:0;padding-top:80px;overflow-y:auto;transform:translateX(100%);transition:transform 0.4s ease;visibility:hidden}.mobile-menu.open,.mobile-menu.mobile-menu-open{transform:translateX(0);visibility:visible}.mobile-menu-inner{padding:32px 24px;position:relative}.mobile-menu-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);color:var(--white);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease,transform 0.3s ease}.mobile-menu-close:hover{background:rgba(255,255,255,0.15);transform:rotate(90deg)}.mobile-nav-list{list-style:none;padding:0;margin:0}.mobile-nav-list > li > a{display:flex;align-items:center;justify-content:space-between;color:var(--white);font-size:1.1rem;font-weight:500;padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.06);text-decoration:none;transition:color 0.3s ease}.mobile-nav-list > li > a:hover,.mobile-nav-list > li > a.active{color:var(--brand-pale)}.mobile-nav-list > li > a i{font-size:0.7rem;transition:transform 0.3s ease}.mobile-has-sub.sub-open > a i{transform:rotate(180deg)}.mobile-sub-list{list-style:none;padding:0 0 8px 16px;margin:0;max-height:0;overflow:hidden;transition:max-height 0.4s ease}.mobile-has-sub.sub-open .mobile-sub-list{max-height:500px}.mobile-sub-list a{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:0.92rem;color:var(--text-on-dark);text-decoration:none;transition:color 0.3s ease}.mobile-sub-list a:hover{color:var(--white)}.mobile-sub-list a i{font-size:0.82rem;color:var(--brand-pale);width:18px;text-align:center}.mobile-menu-footer{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.06)}.mobile-menu-footer .btn{width:100%;justify-content:center;margin-bottom:16px}.mobile-menu-info{padding-top:8px}.mobile-menu-info p{font-size:0.85rem;color:var(--text-on-dark-muted);margin-bottom:8px;display:flex;align-items:center;gap:8px}.mobile-menu-info p i{color:var(--brand-muted);width:16px}.mobile-toggle{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0;cursor:pointer;background:none;border:none}.mobile-toggle span{display:block;width:100%;height:2px;border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease}.header-transparent .mobile-toggle span{background:var(--white)}.header-scrolled .mobile-toggle span{background:var(--text-dark)}.mobile-toggle.mobile-toggle-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.mobile-toggle-active span:nth-child(2){opacity:0}.mobile-toggle.mobile-toggle-active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}/* ------------------------------------------------------- 7. HERO SLIDER ------------------------------------------------------- */@keyframes doodleDraw{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@keyframes doodleDrawReverse{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-1000}}@keyframes doodleFadeIn{0%{opacity:0;stroke-dashoffset:300}40%{opacity:1}70%{opacity:0.9}100%{opacity:0;stroke-dashoffset:0}}@keyframes pawFloat{0%,100%{transform:translateY(0) rotate(0deg);opacity:0.06}50%{transform:translateY(-12px) rotate(5deg);opacity:0.12}}.hero{position:relative;width:100%;height:100vh;min-height:680px;background:radial-gradient(ellipse at 20% 50%,var(--brand-dark) 0%,var(--brand-deep) 50%,var(--brand-deepest) 100%);overflow:hidden;display:flex;align-items:center}.hero-doodle-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hero-doodle-overlay svg{position:absolute;opacity:0}.hero-doodle-overlay .doodle-paw{stroke:rgba(255,255,255,0.18);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300}.hero-doodle-overlay .doodle-heart{stroke:rgba(255,255,255,0.15);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200}.hero-doodle-overlay .doodle-bone{stroke:rgba(255,255,255,0.15);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:250;stroke-dashoffset:250}.hero-doodle-overlay .doodle-stethoscope{stroke:rgba(255,255,255,0.15);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400}.hero-doodle-overlay .doodle-cross{stroke:rgba(255,255,255,0.16);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150}.services-doodle-overlay .doodle-paw,.services-doodle-overlay .doodle-heart,.services-doodle-overlay .doodle-bone,.services-doodle-overlay .doodle-stethoscope,.services-doodle-overlay .doodle-cross{fill:none;stroke:rgba(255,255,255,0.25);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-doodle-overlay svg:nth-child(1){top:8%;left:5%;width:80px;animation:doodleFadeIn 4s ease-in-out 0.5s infinite}.hero-doodle-overlay svg:nth-child(2){top:15%;right:12%;width:60px;animation:doodleFadeIn 5s ease-in-out 1.2s infinite}.hero-doodle-overlay svg:nth-child(3){bottom:25%;left:8%;width:70px;animation:doodleFadeIn 4.5s ease-in-out 2s infinite}.hero-doodle-overlay svg:nth-child(4){top:40%;left:25%;width:50px;animation:doodleFadeIn 6s ease-in-out 0.8s infinite}.hero-doodle-overlay svg:nth-child(5){bottom:35%;right:8%;width:90px;animation:doodleFadeIn 5.5s ease-in-out 1.5s infinite}.hero-doodle-overlay svg:nth-child(6){top:60%;left:15%;width:55px;animation:doodleFadeIn 4s ease-in-out 3s infinite}.hero-doodle-overlay svg:nth-child(7){top:20%;left:45%;width:45px;animation:doodleFadeIn 5s ease-in-out 2.5s infinite}.hero-doodle-overlay svg:nth-child(8){bottom:18%;left:35%;width:65px;animation:doodleFadeIn 6s ease-in-out 0.3s infinite}.hero-doodle-overlay svg:nth-child(9){top:50%;right:20%;width:50px;animation:doodleFadeIn 4.5s ease-in-out 3.5s infinite}.hero-doodle-overlay svg:nth-child(10){bottom:40%;right:30%;width:70px;animation:doodleFadeIn 5s ease-in-out 1s infinite}.hero-doodle-overlay svg:nth-child(11){top:75%;left:42%;width:40px;animation:doodleFadeIn 5.5s ease-in-out 2.2s infinite}.hero-doodle-overlay svg:nth-child(12){top:10%;left:60%;width:55px;animation:doodleFadeIn 4s ease-in-out 4s infinite}.hero-paw-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-paw{position:absolute;opacity:0.07;font-size:2rem;color:var(--white)}.hero-paw:nth-child(1){top:5%;left:3%;font-size:2.5rem;animation:pawFloat 8s ease-in-out infinite;transform:rotate(-20deg)}.hero-paw:nth-child(2){top:12%;left:20%;font-size:1.8rem;animation:pawFloat 10s ease-in-out 1s infinite;transform:rotate(15deg)}.hero-paw:nth-child(3){top:8%;right:15%;font-size:3rem;animation:pawFloat 7s ease-in-out 2s infinite;transform:rotate(-35deg)}.hero-paw:nth-child(4){top:30%;left:7%;font-size:2.2rem;animation:pawFloat 9s ease-in-out 0.5s infinite;transform:rotate(25deg)}.hero-paw:nth-child(5){top:25%;right:5%;font-size:1.6rem;animation:pawFloat 11s ease-in-out 3s infinite;transform:rotate(-10deg)}.hero-paw:nth-child(6){top:55%;left:4%;font-size:2.8rem;animation:pawFloat 8s ease-in-out 1.5s infinite;transform:rotate(40deg)}.hero-paw:nth-child(7){top:45%;left:30%;font-size:1.5rem;animation:pawFloat 10s ease-in-out 4s infinite;transform:rotate(-15deg)}.hero-paw:nth-child(8){top:65%;right:10%;font-size:2rem;animation:pawFloat 9s ease-in-out 2.5s infinite;transform:rotate(30deg)}.hero-paw:nth-child(9){bottom:20%;left:15%;font-size:2.3rem;animation:pawFloat 7s ease-in-out 1s infinite;transform:rotate(-25deg)}.hero-paw:nth-child(10){bottom:15%;right:25%;font-size:1.8rem;animation:pawFloat 12s ease-in-out 3.5s infinite;transform:rotate(20deg)}.hero-paw:nth-child(11){top:70%;left:50%;font-size:2.5rem;animation:pawFloat 8s ease-in-out 0s infinite;transform:rotate(-45deg)}.hero-paw:nth-child(12){top:15%;left:40%;font-size:1.4rem;animation:pawFloat 9s ease-in-out 2s infinite;transform:rotate(10deg)}.hero-slider{position:relative;width:100%;height:100%}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.8s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-content{position:relative;z-index:5;max-width:620px;padding-top:100px;padding-bottom:120px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--glass-bg-mid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:50px;color:var(--brand-pale);font-size:0.82rem;font-weight:500;letter-spacing:0.04em;margin-bottom:24px}.hero-badge i{font-size:0.75rem}.hero-title{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;color:var(--white);line-height:1.15;margin-bottom:20px}.hero-title span{color:var(--brand-pale)}.hero-subtitle{font-size:1.1rem;color:var(--text-on-dark);line-height:1.7;max-width:500px;margin-bottom:36px}.hero-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-stats-bar{position:absolute;bottom:0;left:0;right:0;z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);display:flex}.hero-stats-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:22px 20px;border-right:1px solid rgba(255,255,255,0.08);transition:background 0.3s ease}.hero-stat:last-child{border-right:none}.hero-stat:hover{background:var(--glass-bg)}.hero-stat-icon{width:44px;height:44px;border-radius:12px;background:var(--glass-bg-mid);display:flex;align-items:center;justify-content:center;color:var(--brand-pale);font-size:1.1rem;flex-shrink:0}.hero-stat strong,.hero-stat-number{font-family:var(--font-heading);font-size:1.55rem;font-weight:700;color:var(--white);line-height:1.2}.hero-stat span,.hero-stat-label{font-size:0.75rem;color:rgba(255,255,255,0.7);line-height:1.3;text-transform:uppercase;letter-spacing:0.5px}.hero-dots{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.25);border:none;cursor:pointer;transition:background 0.3s ease,transform 0.3s ease}.hero-dot.active{background:var(--white);transform:scale(1.3)}.hero-dot:hover{background:rgba(255,255,255,0.5)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--glass-bg-mid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--white);font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:background 0.3s ease,transform 0.3s ease}.hero-arrow:hover{background:var(--glass-bg-strong);transform:translateY(-50%) scale(1.05)}.hero-arrow-prev{left:24px}.hero-arrow-next{right:24px}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(48,70,192,0.12) 0%,transparent 70%);top:-10%;right:-5%;animation:float 8s ease-in-out infinite,pulse-soft 6s ease-in-out infinite}.hero-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(74,95,212,0.08) 0%,transparent 70%);bottom:10%;left:-5%;animation:float 10s ease-in-out infinite 2s,pulse-soft 7s ease-in-out infinite 1s}.hero-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(100,130,220,0.06) 0%,transparent 70%);top:30%;left:40%;animation:float 7s ease-in-out infinite 1s,pulse-soft 5s ease-in-out infinite 3s}.line-art-overlay{position:absolute;inset:0;z-index:2;opacity:0.035;pointer-events:none;background-image:repeating-linear-gradient( 0deg,transparent,transparent 60px,rgba(255,255,255,0.5) 60px,rgba(255,255,255,0.5) 61px ),repeating-linear-gradient( 90deg,transparent,transparent 60px,rgba(255,255,255,0.5) 60px,rgba(255,255,255,0.5) 61px )}/* ------------------------------------------------------- 8. SECTION BASE ------------------------------------------------------- */.section{position:relative;padding:50px 0;overflow:hidden}.section-dark{background:radial-gradient(ellipse at 30% 20%,var(--brand-dark) 0%,var(--brand-deep) 50%,var(--brand-deepest) 100%);color:var(--text-on-dark)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6{color:var(--white)}.section-light{background:var(--off-white)}.section-subtle{background:linear-gradient(180deg,#f8f9fd 0%,#eef1f8 50%,#f5f6fa 100%)}.section-dark-subtle{background:radial-gradient(ellipse at 30% 20%,#1c2870 0%,#131a52 40%,#0e1440 70%,#0b1035 100%)}.services-paw-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.services-paw-overlay i{position:absolute;color:rgba(255,255,255,0.08)}.services-paw-overlay i:nth-child(1){top:3%;left:2%;font-size:3rem;transform:rotate(-20deg)}.services-paw-overlay i:nth-child(2){top:5%;right:3%;font-size:2.2rem;transform:rotate(15deg)}.services-paw-overlay i:nth-child(3){top:25%;left:1%;font-size:1.8rem;transform:rotate(35deg)}.services-paw-overlay i:nth-child(4){top:8%;left:35%;font-size:1.5rem;transform:rotate(-10deg)}.services-paw-overlay i:nth-child(5){bottom:8%;left:4%;font-size:2.5rem;transform:rotate(25deg)}.services-paw-overlay i:nth-child(6){top:50%;right:2%;font-size:2.8rem;transform:rotate(-30deg)}.services-paw-overlay i:nth-child(7){bottom:5%;right:5%;font-size:2rem;transform:rotate(40deg)}.services-paw-overlay i:nth-child(8){bottom:3%;left:40%;font-size:1.6rem;transform:rotate(-15deg)}.services-paw-overlay i:nth-child(9){top:40%;left:0%;font-size:1.4rem;transform:rotate(20deg)}.services-paw-overlay i:nth-child(10){bottom:25%;right:1%;font-size:1.7rem;transform:rotate(-40deg)}.services-paw-overlay i:nth-child(11){top:15%;right:15%;font-size:1.3rem;transform:rotate(10deg)}.services-paw-overlay i:nth-child(12){bottom:15%;left:20%;font-size:2rem;transform:rotate(-25deg)}.service-card-light{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px 22px;text-align:center;box-shadow:var(--shadow-sm);transition:all 0.35s ease;position:relative;overflow:hidden}.service-card-light::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(32,48,154,0.08),transparent)}.service-card-light:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--brand-faint)}.service-card-light .card-icon{background:var(--surface);color:var(--brand)}.service-card-light h3{font-size:0.95rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.service-card-light p{font-size:0.82rem;color:var(--text-body);line-height:1.6;margin-bottom:14px}.service-card-light a{color:var(--brand);font-weight:600;font-size:0.82rem;text-decoration:none;transition:gap 0.3s ease;display:inline-flex;align-items:center;gap:5px}.service-card-light a:hover{gap:9px}.service-card-light a i{font-size:0.68rem}.section-header{text-align:center;max-width:900px;margin:0 auto 36px}.section-tag{display:inline-block;font-size:0.78rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--brand-lighter);margin-bottom:14px}.section-dark .section-tag{color:var(--brand-pale)}.section-header h2{margin-bottom:18px}.section-header p{color:var(--text-muted);font-size:1.05rem}.section-dark .section-header p{color:var(--text-on-dark-muted)}.section-line{width:50px;height:3px;background:var(--brand);border-radius:3px;margin:18px auto 0}.section-dark .section-line{background:var(--brand-lighter)}/* ------------------------------------------------------- 9. BUTTONS ------------------------------------------------------- */.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 30px;border-radius:50px;font-family:var(--font-body);font-size:0.935rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all 0.3s ease;white-space:nowrap;text-decoration:none;line-height:1.4}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-brand{background:var(--brand);color:var(--white);border-color:var(--brand)}.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:var(--shadow-brand)}.btn-white{background:var(--white);color:var(--brand);border-color:var(--white)}.btn-white:hover{background:var(--off-white);border-color:var(--off-white);box-shadow:var(--shadow)}.btn-glass{background:var(--glass-bg-mid);color:var(--white);border-color:var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass:hover{background:var(--glass-bg-strong);border-color:rgba(255,255,255,0.2);box-shadow:0 4px 20px rgba(0,0,0,0.15)}.btn-outline{background:transparent;color:var(--brand);border-color:var(--brand)}.btn-outline:hover{background:var(--brand);color:var(--white);box-shadow:var(--shadow-brand)}.btn-outline-white{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.3)}.btn-outline-white:hover{background:var(--white);color:var(--brand)}.btn-subtle{background:var(--surface);color:var(--brand);border-color:var(--surface)}.btn-subtle:hover{background:var(--brand-faint);border-color:var(--brand-faint);box-shadow:var(--shadow-sm)}.btn-sm{padding:9px 20px;font-size:0.85rem}/* ------------------------------------------------------- 10. TRUST / STATS BAR ------------------------------------------------------- */.trust-bar{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:40px 48px;margin-top:-60px;position:relative;z-index:20}.trust-bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.trust-stat{text-align:center;padding:16px;border-radius:var(--radius);transition:transform 0.3s ease,box-shadow 0.3s ease}.trust-stat:hover{transform:scale(1.04);box-shadow:var(--shadow-sm)}.trust-stat-icon{width:52px;height:52px;border-radius:14px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--brand);font-size:1.3rem;margin-bottom:14px}.trust-stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-dark);line-height:1.2}.trust-stat-label{font-size:0.87rem;color:var(--text-muted);margin-top:4px}/* ------------------------------------------------------- 11. ABOUT PREVIEW ------------------------------------------------------- */.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{position:relative}.about-image img{border-radius:var(--radius-xl);width:100%;object-fit:cover}.about-image::before{content:'';position:absolute;inset:-8px;border-radius:calc(var(--radius-xl) + 8px);border:2px solid var(--brand-faint);pointer-events:none}.about-image::after{content:'';position:absolute;bottom:-16px;right:-16px;width:120px;height:120px;background:radial-gradient(circle,rgba(32,48,154,0.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.about-content .section-tag{margin-bottom:12px}.about-content h2{margin-bottom:20px}.about-content > p{color:var(--text-body);margin-bottom:24px}.about-points{margin-bottom:32px}.about-points li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;font-size:0.95rem;color:var(--text-body)}.about-points li i{color:var(--brand);margin-top:4px;flex-shrink:0}.doctor-card{display:flex;align-items:center;gap:18px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm);transition:box-shadow 0.3s ease,transform 0.3s ease}.doctor-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.section-dark .doctor-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.doctor-card img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.doctor-card-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-dark)}.doctor-card-title{font-size:0.85rem;color:var(--brand);font-weight:500}.doctor-card-quals{font-size:0.8rem;color:var(--text-muted);margin-top:2px}.section-dark .doctor-card-name{color:var(--white)}.section-dark .doctor-card-title{color:var(--brand-pale)}.section-dark .doctor-card-quals{color:var(--text-on-dark-muted)}.team-photo-wrap{position:relative;margin-top:32px;border-radius:var(--radius-lg);overflow:hidden}.team-photo-wrap img{width:100%;display:block}.team-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;background:linear-gradient(to top,rgba(8,12,40,0.85),transparent);color:var(--white);font-size:0.9rem;font-weight:500}/* ------------------------------------------------------- 12. SERVICE CARDS ------------------------------------------------------- */.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px 28px;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease,background 0.3s ease;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-brand);border-color:var(--brand-faint)}.section-dark .service-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section-dark .service-card:hover{background:var(--glass-bg-mid);border-color:rgba(255,255,255,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.2)}.card-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;transition:transform 0.3s ease}.service-card:hover .card-icon{transform:scale(1.08)}.card-icon{background:var(--surface);color:var(--brand)}.section-dark .card-icon{background:var(--glass-bg-strong);color:var(--white)}.service-card h3{font-family:var(--font-body);font-size:1.1rem;font-weight:600;margin-bottom:10px}.section-dark .service-card h3{color:var(--white)}.service-card p{font-size:0.9rem;color:var(--text-muted);margin-bottom:18px;line-height:1.6}.section-dark .service-card p{color:var(--text-on-dark-muted)}.card-link{display:inline-flex;align-items:center;gap:6px;font-size:0.88rem;font-weight:600;color:var(--brand);transition:gap 0.3s ease,color 0.3s ease}.card-link:hover{gap:10px}.section-dark .card-link{color:var(--brand-pale)}.card-link i{font-size:0.75rem;transition:transform 0.3s ease}.card-link:hover i{transform:translateX(2px)}/* ------------------------------------------------------- 13. ANIMALS WE TREAT ------------------------------------------------------- */.animals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.animals-scroll{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px}.animals-scroll::-webkit-scrollbar{height:4px}.animals-scroll::-webkit-scrollbar-thumb{background:var(--brand-faint);border-radius:4px}.animal-card{text-align:center;cursor:pointer;transition:transform 0.3s ease;scroll-snap-align:center;flex-shrink:0}.animal-card:hover{transform:scale(1.06)}.animal-card-image{position:relative;width:130px;height:130px;margin:0 auto 14px;border-radius:50%;overflow:hidden;border:3px solid var(--border-light);transition:border-color 0.3s ease,box-shadow 0.3s ease}.animal-card:hover .animal-card-image{border-color:var(--brand-pale);box-shadow:0 0 20px rgba(32,48,154,0.15)}.section-dark .animal-card-image{border-color:var(--glass-border)}.section-dark .animal-card:hover .animal-card-image{border-color:rgba(255,255,255,0.3);box-shadow:0 0 20px rgba(74,95,212,0.3)}.animal-card-image img{width:100%;height:100%;object-fit:cover}.animal-card-label{font-size:0.9rem;font-weight:600;color:var(--text-dark)}.section-dark .animal-card-label{color:var(--white)}.animal-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(8,12,40,0.7),transparent);color:var(--white);font-size:0.78rem;font-weight:500}/* ------------------------------------------------------- 14. WHY CHOOSE US ------------------------------------------------------- */.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.why-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:36px 30px;transition:transform 0.3s ease,background 0.3s ease,border-color 0.3s ease}.why-card:hover{transform:translateY(-4px);background:var(--glass-bg-mid);border-color:rgba(255,255,255,0.18)}.why-card-icon{width:54px;height:54px;border-radius:14px;background:var(--glass-bg-mid);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--brand-pale);margin-bottom:20px}.why-card h3{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:12px}.why-card p{font-size:0.9rem;color:var(--text-on-dark-muted);line-height:1.65;margin:0}.why-card-stat{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--white);margin-bottom:6px;line-height:1}.section-light .why-card{background:var(--white);border:1px solid var(--border-light);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-sm)}.section-light .why-card:hover{box-shadow:var(--shadow);border-color:var(--brand-faint)}.section-light .why-card-icon{background:var(--surface);color:var(--brand)}.section-light .why-card h3{color:var(--text-dark)}.section-light .why-card p{color:var(--text-body)}/* ------------------------------------------------------- 15. TESTIMONIALS ------------------------------------------------------- */.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.testimonials-scroll{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px}.testimonial-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-sm);transition:transform 0.3s ease,box-shadow 0.3s ease;scroll-snap-align:start;min-width:340px;flex-shrink:0}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.section-dark .testimonial-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none}.section-dark .testimonial-card:hover{background:var(--glass-bg-mid)}.testimonial-stars{display:flex;gap:3px;margin-bottom:16px;color:#f4c150;font-size:0.9rem}.testimonial-quote{font-size:0.95rem;line-height:1.7;color:var(--text-body);margin-bottom:24px;font-style:italic}.section-dark .testimonial-quote{color:var(--text-on-dark)}.testimonial-author{display:flex;align-items:center;gap:14px}.testimonial-author img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0}.testimonial-author-name{font-weight:600;font-size:0.93rem;color:var(--text-dark)}.section-dark .testimonial-author-name{color:var(--white)}.testimonial-author-pet{font-size:0.82rem;color:var(--text-muted)}.section-dark .testimonial-author-pet{color:var(--text-on-dark-muted)}/* ------------------------------------------------------- 16. CTA BANNER ------------------------------------------------------- */.cta-banner{position:relative;padding:60px 0;background:radial-gradient(ellipse at 50% 50%,var(--brand-dark) 0%,var(--brand-deep) 60%,var(--brand-deepest) 100%);text-align:center;overflow:hidden}.cta-banner .line-art-overlay{opacity:0.03}.cta-content{position:relative;z-index:5;max-width:700px;margin:0 auto}.cta-content h2{font-family:var(--font-heading);font-size:2.6rem;color:var(--white);margin-bottom:18px}.cta-content p{font-size:1.1rem;color:var(--text-on-dark);margin-bottom:36px}.cta-buttons{display:flex;gap:14px;flex-wrap:wrap}.cta-orb{position:absolute;border-radius:50%;pointer-events:none}.cta-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(48,70,192,0.3) 0%,transparent 70%);top:-20%;left:-10%;animation:float 9s ease-in-out infinite}.cta-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(74,95,212,0.2) 0%,transparent 70%);bottom:-15%;right:-5%;animation:float 7s ease-in-out infinite 2s}/* ------------------------------------------------------- 17. FOOTER ------------------------------------------------------- */.site-footer{position:relative;background:radial-gradient(ellipse at 50% 80%,var(--brand-deep) 0%,var(--brand-deepest) 100%);color:var(--text-on-dark);overflow:hidden}.footer-main{padding:80px 0 48px}.site-footer > .container{padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px}.footer-brand p{font-size:0.9rem;color:var(--text-on-dark-muted);margin-top:16px;line-height:1.65}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}.footer-logo img{height:60px}.footer-logo-text{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--white)}.footer-heading{font-family:var(--font-body);font-size:0.93rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:22px}.footer-links li{margin-bottom:10px}.footer-links a{font-size:0.9rem;color:var(--text-on-dark-muted);transition:color 0.3s ease,padding-left 0.3s ease;display:inline-flex;align-items:center;gap:8px}.footer-links a:hover{color:var(--white);padding-left:4px}.footer-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:0.9rem;color:var(--text-on-dark-muted)}.footer-contact li i{color:var(--brand-pale);margin-top:4px;width:16px;text-align:center;flex-shrink:0}.footer-contact a{color:var(--text-on-dark-muted)}.footer-contact a:hover{color:var(--white)}.footer-socials{display:flex;gap:10px;margin-top:24px}.footer-social{width:40px;height:40px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-on-dark-muted);font-size:1rem;transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease}.footer-social:hover{background:var(--glass-bg-mid);color:var(--white);transform:translateY(-2px)}.footer-divider{height:1px;background:var(--glass-border);margin:0;border:none}.footer-bottom{padding:24px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copyright{font-size:0.84rem;color:var(--text-on-dark-muted)}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{font-size:0.84rem;color:var(--text-on-dark-muted)}.footer-bottom-links a:hover{color:var(--white)}.footer-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.footer-orb-1{width:350px;height:350px;background:radial-gradient(circle,rgba(48,70,192,0.15) 0%,transparent 70%);bottom:-10%;left:-5%;animation:pulse-soft 8s ease-in-out infinite}.footer-orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(74,95,212,0.1) 0%,transparent 70%);top:-5%;right:10%;animation:pulse-soft 6s ease-in-out infinite 2s}.footer-grid,.footer-bottom{position:relative;z-index:2}/* ------------------------------------------------------- 18. GLASS CARD UTILITY ------------------------------------------------------- */.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;transition:background 0.3s ease,border-color 0.3s ease,transform 0.3s ease}.glass-card:hover{background:var(--glass-bg-mid);border-color:rgba(255,255,255,0.16)}.glass-card-light{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);transition:box-shadow 0.3s ease,transform 0.3s ease}.glass-card-light:hover{box-shadow:var(--shadow);transform:translateY(-3px)}/* ------------------------------------------------------- 19. ORB UTILITY ------------------------------------------------------- */.orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.orb-brand{background:radial-gradient(circle,rgba(48,70,192,0.25) 0%,transparent 70%);animation:float 8s ease-in-out infinite,pulse-soft 6s ease-in-out infinite}.orb-light{background:radial-gradient(circle,rgba(74,95,212,0.15) 0%,transparent 70%);animation:float 10s ease-in-out infinite 1s}/* ------------------------------------------------------- 20. LINE OVERLAY UTILITY ------------------------------------------------------- */.line-overlay{position:absolute;inset:0;z-index:1;opacity:0.03;pointer-events:none;background-image:repeating-linear-gradient( 0deg,transparent,transparent 80px,rgba(255,255,255,0.4) 80px,rgba(255,255,255,0.4) 81px ),repeating-linear-gradient( 90deg,transparent,transparent 80px,rgba(255,255,255,0.4) 80px,rgba(255,255,255,0.4) 81px )}/* ------------------------------------------------------- 21. SCROLL REVEAL UTILITY ------------------------------------------------------- */.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}.reveal-delay-5{transition-delay:0.5s}.reveal-scale{opacity:0;transform:scale(0.95);transition:opacity 0.6s ease,transform 0.6s ease}.reveal-scale.revealed{opacity:1;transform:scale(1)}/* ------------------------------------------------------- 22. MISC UTILITIES ------------------------------------------------------- */.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-white{color:var(--white)}.text-brand{color:var(--brand)}.text-muted{color:var(--text-muted)}.text-on-dark{color:var(--text-on-dark)}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.relative{position:relative}.z-5{z-index:5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}/* ------------------------------------------------------- 23. PAGE-SPECIFIC:INNER PAGE HERO ------------------------------------------------------- */.page-hero{position:relative;padding:160px 0 80px;background:radial-gradient(ellipse at 30% 40%,var(--brand-dark) 0%,var(--brand-deep) 50%,var(--brand-deepest) 100%);text-align:center;overflow:hidden}.page-hero h1{color:var(--white);font-size:2.8rem;margin-bottom:14px}.page-hero p{color:var(--text-on-dark);font-size:1.1rem;max-width:560px;margin:0 auto}.breadcrumb{display:flex;justify-content:center;gap:8px;margin-top:20px;font-size:0.85rem}.breadcrumb a{color:var(--text-on-dark-muted)}.breadcrumb a:hover{color:var(--white)}.breadcrumb span{color:var(--text-on-dark-muted)}.breadcrumb .current{color:var(--brand-pale)}/* ------------------------------------------------------- 24. FORMS ------------------------------------------------------- */.form-group{margin-bottom:20px}.form-label{display:block;font-size:0.88rem;font-weight:500;color:var(--text-dark);margin-bottom:6px}.form-control{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius);font-size:0.93rem;color:var(--text-dark);background:var(--white);transition:border-color 0.3s ease,box-shadow 0.3s ease}.form-control:focus{border-color:var(--brand-lighter);box-shadow:0 0 0 3px rgba(32,48,154,0.1)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{min-height:120px;resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238288a8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.section-dark .form-label{color:var(--text-on-dark)}.section-dark .form-control{background:var(--glass-bg);border-color:var(--glass-border);color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-dark .form-control::placeholder{color:var(--text-on-dark-muted)}.section-dark .form-control:focus{border-color:var(--brand-lighter);box-shadow:0 0 0 3px rgba(74,95,212,0.2)}/* ------------------------------------------------------- 25. GALLERY / IMAGE GRID ------------------------------------------------------- */.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.gallery-item img{width:100%;height:260px;object-fit:cover;transition:transform 0.5s ease}.gallery-item:hover img{transform:scale(1.06)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,40,0.6),transparent 50%);display:flex;align-items:flex-end;padding:20px;opacity:0;transition:opacity 0.3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:var(--white);font-weight:500;font-size:0.9rem}/* ------------------------------------------------------- 26. FAQ / ACCORDION ------------------------------------------------------- */.faq-item{border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;transition:border-color 0.3s ease,box-shadow 0.3s ease}.faq-item.active{border-color:var(--brand-faint);box-shadow:var(--shadow-sm)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;font-size:1rem;font-weight:600;color:var(--text-dark);cursor:pointer;text-align:left;transition:color 0.3s ease,background 0.3s ease}.faq-question:hover{background:var(--off-white)}.faq-item.active .faq-question{color:var(--brand)}.faq-question i{transition:transform 0.3s ease;font-size:0.8rem;color:var(--text-muted)}.faq-item.active .faq-question i{transform:rotate(180deg);color:var(--brand)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease}.faq-item.active .faq-answer{max-height:500px;padding:0 22px 20px}.faq-answer p{font-size:0.93rem;color:var(--text-body);line-height:1.7}.section-dark .faq-item{border-color:var(--glass-border);background:var(--glass-bg)}.section-dark .faq-question{color:var(--white)}.section-dark .faq-question:hover{background:var(--glass-bg)}.section-dark .faq-item.active .faq-question{color:var(--brand-pale)}.section-dark .faq-answer p{color:var(--text-on-dark-muted)}/* ------------------------------------------------------- 27. MAP / LOCATION ------------------------------------------------------- */.map-wrapper{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.map-wrapper iframe{width:100%;height:400px;border:none;display:block}/* ------------------------------------------------------- 28. PRICING / PACKAGES (optional pages) ------------------------------------------------------- */.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.pricing-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:40px 32px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--brand);box-shadow:var(--shadow-brand);position:relative}.pricing-card.featured::before{content:'Popular';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand);color:var(--white);font-size:0.78rem;font-weight:600;padding:4px 16px;border-radius:50px}.pricing-price{font-family:var(--font-heading);font-size:2.8rem;font-weight:700;color:var(--text-dark);margin:16px 0 8px}.pricing-price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.pricing-features{text-align:left;margin:24px 0 32px}.pricing-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:0.9rem;color:var(--text-body)}.pricing-features li i{color:var(--brand);font-size:0.85rem}/* ------------------------------------------------------- HOMEPAGE-SPECIFIC STYLES ------------------------------------------------------- */.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:100vh;min-height:680px;gap:40px;padding-top:0}.hero-media{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;height:100%;padding-top:90px;padding-bottom:110px}.hero-media-wrapper{position:relative;width:100%;max-width:540px}.hero-media-wrapper img{width:100%;height:auto;max-height:560px;border-radius:var(--radius-xl);object-fit:contain;position:relative;z-index:2}.hero-media-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(32,48,154,0.25) 0%,transparent 70%);border-radius:50%;z-index:1;animation:pulse-soft 6s ease-in-out infinite}.hero-float-card{position:absolute;z-index:10;display:flex;align-items:center;gap:12px;background:var(--glass-bg-mid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px 18px;color:var(--white);animation:float 6s ease-in-out infinite;box-shadow:0 8px 32px rgba(0,0,0,0.15)}.hero-float-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent)}.hero-float-card i{font-size:1.2rem;color:var(--brand-pale);flex-shrink:0}.hero-float-card strong{display:block;font-size:0.85rem;font-weight:700}.hero-float-card span{display:block;font-size:0.72rem;color:rgba(255,255,255,0.7)}.hero-float-1{bottom:15%;right:-30px;animation-delay:0s}.hero-float-2{top:20%;left:-40px;animation-delay:2s}.hero-controls{position:absolute;bottom:110px;left:0;right:0;z-index:15;display:flex;justify-content:center;align-items:center;gap:20px}.hero-arrows{display:flex;gap:10px}.about-media{position:relative}.about-img-wrapper{position:relative;border-radius:var(--radius-xl);overflow:visible}.about-img-main{width:100%;display:block;border-radius:var(--radius-xl)}.about-img-accent{position:absolute;inset:-8px;border-radius:calc(var(--radius-xl) + 8px);border:2px solid var(--brand-faint);pointer-events:none}.about-img-wrapper::after{content:'';position:absolute;bottom:-16px;right:-16px;width:120px;height:120px;background:radial-gradient(circle,rgba(32,48,154,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.about-doctor-card{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-lg);z-index:5;min-width:240px}.about-doctor-card img{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--surface)}.about-doctor-info{display:flex;flex-direction:column;gap:1px}.about-doctor-info strong{font-size:0.92rem;font-weight:700;color:var(--text-dark);line-height:1.3}.about-doctor-info span{font-size:0.78rem;color:var(--brand);font-weight:600}.about-doctor-qual{font-size:0.72rem !important;color:var(--text-muted) !important;font-weight:500 !important;margin-top:2px}.about-text{color:var(--text-body);margin-bottom:28px;line-height:1.7}.about-features{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}.about-feature{display:flex;align-items:flex-start;gap:14px}.about-feature-icon{width:46px;height:46px;border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:1.1rem;flex-shrink:0}.about-feature strong{display:block;font-size:0.92rem;font-weight:700;color:var(--text-dark);margin-bottom:3px}.about-feature p{font-size:0.84rem;color:var(--text-muted);line-height:1.5;margin:0}.animals-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:center}.animals-feature{position:relative}.animals-feature-img{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:28px}.animals-feature-img img{width:100%;height:auto;display:block;border-radius:var(--radius-xl)}.section-subtitle-wide{max-width:100%;margin-left:auto;margin-right:auto}.animals-desc{font-size:0.92rem;color:var(--text-body);line-height:1.75;margin-bottom:24px;text-align:left}.animals-feature .section-tag{margin-bottom:10px}.animals-feature .section-heading{text-align:left;margin-bottom:16px}.animals-cards{position:relative}.animal-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform 0.3s ease}.animal-card:hover{transform:scale(1.04)}.animal-img-wrapper{width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-lg)}.animal-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.animal-card:hover .animal-img-wrapper img{transform:scale(1.1)}.animal-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 16px;background:linear-gradient(to top,rgba(8,12,40,0.85) 0%,transparent 100%);color:var(--white);display:flex;align-items:center;gap:10px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.animal-overlay i{font-size:1.1rem;color:var(--brand-pale)}.animal-overlay span{font-size:0.88rem;font-weight:600}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.why-features{display:flex;flex-direction:column;gap:20px;margin-top:28px}.why-feature{display:flex;align-items:flex-start;gap:14px}.why-feature-icon{width:46px;height:46px;border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:1.1rem;flex-shrink:0}.why-feature strong{display:block;font-size:0.92rem;font-weight:700;color:var(--text-dark);margin-bottom:3px}.why-feature p{font-size:0.84rem;color:var(--text-muted);line-height:1.5;margin:0}.why-media{position:relative}.why-img-wrapper{border-radius:var(--radius-xl);overflow:hidden}.why-img-wrapper img{width:100%;display:block;border-radius:var(--radius-xl)}.why-img-top{margin-bottom:16px}.why-img-top img{max-height:260px;object-fit:cover}.why-img-bottom img{max-height:220px;object-fit:cover}.why-stat-card{position:absolute;z-index:5;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);padding:18px 22px;box-shadow:var(--shadow);text-align:center;animation:float 6s ease-in-out infinite}.why-stat-card strong{display:block;font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--brand);line-height:1.1}.why-stat-card span{font-size:0.72rem;color:var(--text-muted);line-height:1.3}.why-stat-1{bottom:-20px;right:-10px;animation-delay:0s}.why-stat-2{top:-15px;left:-15px;animation-delay:2s}.store-icons-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.store-icons-overlay i{position:absolute;color:rgba(255,255,255,0.12)}.store-icons-overlay i:nth-child(1){top:5%;left:4%;font-size:3rem;transform:rotate(-15deg)}.store-icons-overlay i:nth-child(2){top:4%;right:5%;font-size:3.5rem;transform:rotate(12deg)}.store-icons-overlay i:nth-child(3){top:38%;left:1%;font-size:2.5rem;transform:rotate(25deg)}.store-icons-overlay i:nth-child(4){top:42%;right:1%;font-size:2.8rem;transform:rotate(-20deg)}.store-icons-overlay i:nth-child(5){bottom:32%;left:2%;font-size:3.2rem;transform:rotate(-10deg)}.store-icons-overlay i:nth-child(6){bottom:30%;right:3%;font-size:2.2rem;transform:rotate(18deg)}.store-icons-overlay i:nth-child(7){bottom:4%;left:6%;font-size:2.8rem;transform:rotate(30deg)}.store-icons-overlay i:nth-child(8){bottom:3%;right:6%;font-size:3.3rem;transform:rotate(-22deg)}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:3}.store-media{position:relative}.store-img-wrapper{border-radius:var(--radius-xl);overflow:hidden;height:100%}.store-img-wrapper img{width:100%;height:100%;min-height:380px;object-fit:cover;display:block}.store-categories{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.store-category{display:flex;align-items:center;gap:12px;padding:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--white);transition:background 0.3s ease,transform 0.3s ease}.store-category:hover{background:var(--glass-bg-mid);transform:translateY(-2px)}.store-category i{font-size:1.3rem;color:var(--brand-pale);flex-shrink:0}.store-category span{font-size:0.82rem;font-weight:500;line-height:1.4}.testimonial-carousel{position:relative;overflow:hidden}.testimonial-track{display:flex;gap:24px;transition:transform 0.5s ease}.testimonial-carousel .testimonial-card{flex:0 0 calc(33.333% - 16px);min-width:0}.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:36px}.testimonial-arrow{width:44px;height:44px;border-radius:50%;background:var(--white);border:1px solid var(--border-light);color:var(--brand);font-size:0.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:var(--shadow-sm)}.testimonial-arrow:hover{background:var(--brand);color:var(--white);border-color:var(--brand);transform:scale(1.05)}.testimonial-dots{display:flex;gap:8px;align-items:center}.testimonial-dot{width:10px;height:10px;border-radius:50%;background:var(--border-light);border:none;cursor:pointer;transition:all 0.3s ease;padding:0}.testimonial-dot.active{background:var(--brand);transform:scale(1.3)}.testimonial-dot:hover{background:var(--brand-muted)}@media (max-width:992px){.testimonial-carousel .testimonial-card{flex:0 0 calc(50% - 12px)}}@media (max-width:768px){.testimonial-carousel .testimonial-card{flex:0 0 100%}}.google-badge-wrapper{display:flex;justify-content:center}.google-badge{display:inline-flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px 28px;box-shadow:var(--shadow)}.google-icon{font-size:1.4rem;font-weight:700}.google-rating{display:flex;flex-direction:column;align-items:flex-start}.google-rating strong{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--text-dark);line-height:1}.google-stars{color:#f4c150;font-size:0.85rem;margin:4px 0;display:flex;gap:2px}.google-rating span{font-size:0.76rem;color:var(--text-muted)}.cta-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:48px;align-items:center}.cta-content{text-align:left}.cta-media{display:flex;align-items:center;justify-content:center}.cta-media img{width:100%;max-width:100%;height:auto;object-fit:contain}@media (max-width:768px){.cta-grid{grid-template-columns:1fr;text-align:center}.cta-content{text-align:center}.cta-media{display:none}}.cta-heading{font-family:var(--font-heading);font-size:2.6rem;color:var(--white);margin-bottom:18px;line-height:1.2}.cta-subtitle{font-size:1.05rem;color:var(--text-on-dark);margin-bottom:36px;max-width:600px}.cta-info{display:flex;gap:32px;margin-top:28px;flex-wrap:wrap}.cta-info span{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-on-dark-muted)}.cta-info i{color:var(--brand-pale)}.testimonial-card blockquote{font-size:0.95rem;line-height:1.7;color:var(--text-body);font-style:italic;margin-bottom:24px}.testimonial-card blockquote::before{content:none}.testimonial-author strong{display:block;font-weight:600;font-size:0.93rem;color:var(--text-dark)}.testimonial-author span{font-size:0.82rem;color:var(--text-muted)}.testimonial-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.1rem;font-weight:700;flex-shrink:0}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.marquee-wrapper{overflow:hidden;position:relative;z-index:3;width:100%;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.marquee-track{display:flex;gap:20px;width:max-content;animation:marqueeScroll 40s linear infinite}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.marquee-card{flex-shrink:0;width:280px;padding:28px 24px;text-align:center;transition:transform 0.3s ease,background 0.3s ease,border-color 0.3s ease}.marquee-card:hover{transform:translateY(-5px);background:var(--glass-bg-mid);border-color:rgba(255,255,255,0.18)}.marquee-card .card-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.3rem;background:var(--glass-bg-strong);color:var(--white)}.marquee-card h3{font-size:0.95rem;font-weight:700;color:var(--white);margin-bottom:8px}.marquee-card p{font-size:0.82rem;color:var(--text-on-dark);line-height:1.6;margin-bottom:14px}.marquee-card a{color:var(--brand-pale);font-weight:600;font-size:0.82rem;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color 0.3s ease,gap 0.3s ease}.marquee-card a:hover{color:var(--white);gap:9px}.marquee-card a i{font-size:0.68rem}@media (max-width:768px){.marquee-card{width:240px;padding:22px 18px}.marquee-track{animation-duration:30s}}.service-card > a{display:inline-flex;align-items:center;gap:6px;font-size:0.88rem;font-weight:600;color:var(--brand-pale);transition:gap 0.3s ease,color 0.3s ease;text-decoration:none}.service-card > a:hover{gap:10px;color:var(--white)}.service-card > a i{font-size:0.72rem;transition:transform 0.3s ease}.service-card > a:hover i{transform:translateX(3px)}.section-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.section-orb-1{width:350px;height:350px;background:radial-gradient(circle,rgba(48,70,192,0.25) 0%,transparent 70%);top:-15%;right:-5%;animation:pulse-soft 7s ease-in-out infinite}.section-orb-2{width:280px;height:280px;background:radial-gradient(circle,rgba(74,95,212,0.18) 0%,transparent 70%);bottom:-10%;left:-3%;animation:pulse-soft 6s ease-in-out infinite 3s}.line-overlay{position:absolute;inset:0;z-index:2;opacity:0.03;pointer-events:none;background-image:repeating-linear-gradient( 0deg,transparent,transparent 60px,rgba(255,255,255,0.5) 60px,rgba(255,255,255,0.5) 61px ),repeating-linear-gradient( 90deg,transparent,transparent 60px,rgba(255,255,255,0.5) 60px,rgba(255,255,255,0.5) 61px )}.glass-card{background:var(--glass-bg-mid);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.text-shimmer{background:linear-gradient(110deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.5) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}.whatsapp-float{position:fixed;bottom:28px;right:28px;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,0.35);z-index:999;transition:transform 0.3s ease;color:var(--white);font-size:1.6rem}.whatsapp-float:hover{transform:scale(1.1);color:var(--white)}.back-to-top{position:fixed;bottom:96px;right:28px;width:44px;height:44px;border-radius:50%;background:var(--brand);color:var(--white);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:1rem;z-index:998;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease,background 0.3s ease;box-shadow:var(--shadow-brand)}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--brand-light)}body.no-scroll{overflow:hidden}.icon-card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px 22px;text-align:center;transition:all 0.35s ease;position:relative;overflow:hidden}.icon-card-glass::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent)}.icon-card-glass:hover{transform:translateY(-5px);background:var(--glass-bg-mid);border-color:rgba(255,255,255,0.16);box-shadow:0 12px 40px rgba(0,0,0,0.18)}.icon-card-glass .card-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.35rem;background:var(--glass-bg-strong);color:var(--white)}.icon-card-glass h3{font-size:0.95rem;font-weight:700;color:var(--white);margin-bottom:8px}.icon-card-glass p{font-size:0.82rem;color:var(--text-on-dark);line-height:1.6;margin-bottom:14px}.icon-card-glass a{color:var(--brand-pale);font-weight:600;font-size:0.82rem;text-decoration:none;transition:color 0.3s ease}.icon-card-glass a:hover{color:var(--white)}.footer-orb{position:absolute;border-radius:50%;pointer-events:none}.footer-orb-1{width:350px;height:350px;background:radial-gradient(circle,rgba(32,48,154,0.12) 0%,transparent 60%);top:-20%;right:10%}.footer-orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,0.02) 0%,transparent 60%);bottom:-30%;left:20%}.footer-social{display:flex;gap:10px;margin-top:20px;align-items:center;position:relative;z-index:5}.footer-social a{display:inline-flex;align-items:center;justify-content:center;color:var(--text-on-dark);font-size:1.1rem;transition:color 0.3s ease,transform 0.3s ease;text-decoration:none;background:none !important;border:none !important;outline:none;box-shadow:none;padding:4px;-webkit-appearance:none;appearance:none}.footer-social a:hover{color:var(--white);transform:translateY(-2px)}.footer-contact{list-style:none}.footer-contact li{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:0.88rem;color:var(--text-on-dark-muted)}.footer-contact li i{margin-top:3px;color:var(--brand-muted);flex-shrink:0;width:14px}.footer-contact a{color:var(--text-on-dark);transition:color 0.3s ease}.footer-contact a:hover{color:var(--white)}.footer-divider{border:none;border-top:1px solid rgba(255,255,255,0.06);margin:40px 0 20px}.footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:0.78rem;color:var(--text-on-dark-muted);padding-bottom:20px}.footer-bottom i{opacity:0.6}.footer-dev{text-align:center;padding:14px 0 20px;font-size:0.72rem;color:var(--text-on-dark-muted);border-top:1px solid rgba(255,255,255,0.04);margin-top:12px}.footer-dev-link{color:var(--brand-pale);text-decoration:none;font-weight:600;transition:color 0.3s ease}.footer-dev-link:hover{color:var(--white)}/* ------------------------------------------------------- ABOUT PAGE STYLES ------------------------------------------------------- */.page-hero-content{position:relative;z-index:5}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-story-media{display:grid;grid-template-columns:1.2fr 0.8fr;gap:16px}.about-story-img-main{border-radius:var(--radius-xl);overflow:hidden}.about-story-img-main img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-xl)}.about-story-img-secondary{border-radius:var(--radius-lg);overflow:hidden}.about-story-img-secondary img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-lg)}.about-story-content .section-heading{margin-bottom:16px}.about-story-content p{font-size:0.95rem;color:var(--text-body);line-height:1.75;margin-bottom:16px;text-align:justify}.about-story-content p strong{color:var(--text-dark)}.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mv-card.icon-card-glass{text-align:center;padding:36px 28px}.mv-card.icon-card-glass h3{margin-bottom:12px}.mv-card.icon-card-glass p{line-height:1.7}.doctor-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:50px;align-items:center}.doctor-photo-wrapper{border-radius:var(--radius-xl);overflow:hidden;position:relative}.doctor-photo-wrapper img{width:100%;display:block;border-radius:var(--radius-xl)}.doctor-photo-wrapper::after{content:'';position:absolute;inset:-6px;border-radius:calc(var(--radius-xl) + 6px);border:2px solid var(--brand-faint);pointer-events:none}.doctor-title-text{font-size:1rem;font-weight:600;color:var(--brand);margin-bottom:18px}.doctor-details p{font-size:0.95rem;color:var(--text-body);line-height:1.75;margin-bottom:14px;text-align:justify}.doctor-details p strong{color:var(--text-dark)}.doctor-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.doctor-highlight{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);font-size:0.85rem;color:var(--text-dark);font-weight:500;transition:transform 0.3s ease,box-shadow 0.3s ease;min-height:60px}.doctor-highlight:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.doctor-highlight i{color:var(--brand);font-size:0.95rem;flex-shrink:0}.team-photo-section{margin-bottom:40px}.team-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.team-photo-item{border-radius:var(--radius-lg);overflow:hidden;height:220px}.team-photo-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.team-photo-item:hover img{transform:scale(1.06)}.team-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.team-value{text-align:center;padding:28px 20px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:transform 0.3s ease,box-shadow 0.3s ease}.team-value:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.team-value-icon{width:52px;height:52px;border-radius:14px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--brand);font-size:1.2rem;margin-bottom:16px}.team-value h3{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.team-value p{font-size:0.85rem;color:var(--text-body);line-height:1.6}.facility-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.facility-card-v2{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.facility-card-v2:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.facility-card-img{height:200px;overflow:hidden}.facility-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.facility-card-v2:hover .facility-card-img img{transform:scale(1.06)}.facility-card-body{padding:22px 24px 24px}.facility-label{display:inline-flex;align-items:center;gap:6px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--brand);margin-bottom:8px}.facility-card-body h3{font-size:1.05rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.facility-card-body p{font-size:0.85rem;color:var(--text-body);line-height:1.65;margin-bottom:16px;text-align:justify}.facility-link{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:var(--brand);text-decoration:none;transition:gap 0.3s ease}.facility-link:hover{gap:10px}.facility-link i{font-size:0.7rem}/* ------------------------------------------------------- SERVICES PAGE STYLES ------------------------------------------------------- */.quote-strip{padding:28px 0;background:var(--surface);text-align:center}.quote-strip-dark{background:var(--brand)}.quote-text{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;font-style:italic;color:var(--brand);letter-spacing:0.01em}.quote-strip-dark .quote-text{color:var(--white)}.quote-text i{font-size:0.8rem;opacity:0.5;margin:0 4px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:60px}.service-detail:last-child{margin-bottom:0}.service-detail-reverse{direction:rtl}.service-detail-reverse > *{direction:ltr}.service-detail-media{border-radius:var(--radius-xl);overflow:hidden}.service-detail-media img{width:100%;max-height:400px;object-fit:cover;display:block;border-radius:var(--radius-xl);transition:transform 0.5s ease}.service-detail:hover .service-detail-media img{transform:scale(1.03)}.service-detail-tag{display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--brand);margin-bottom:10px}.service-detail-content h3{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.service-detail-quote{font-style:italic;color:var(--brand-muted);font-size:0.95rem;margin-bottom:14px;padding-left:14px;border-left:3px solid var(--brand-faint)}.service-detail-content p{font-size:0.92rem;color:var(--text-body);line-height:1.75;margin-bottom:16px;text-align:justify}.service-detail-highlights{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.service-detail-highlights span{display:flex;align-items:center;gap:8px;font-size:0.82rem;font-weight:500;color:var(--text-dark)}.service-detail-highlights i{color:var(--brand);font-size:0.7rem;flex-shrink:0}.tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tip-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.tip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.tip-card-img{height:160px;overflow:hidden}.tip-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.tip-card:hover .tip-card-img img{transform:scale(1.06)}.tip-card-body{padding:18px 20px 22px}.tip-card-body h4{font-size:0.92rem;font-weight:700;color:var(--text-dark);margin-bottom:8px;line-height:1.4}.tip-card-body p{font-size:0.82rem;color:var(--text-body);line-height:1.6}/* ------------------------------------------------------- PET CARE & STORE PAGE STYLES ------------------------------------------------------- */.grooming-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.grooming-img-wrapper{border-radius:var(--radius-xl);overflow:hidden}.grooming-img-wrapper img{width:100%;display:block;border-radius:var(--radius-xl)}.grooming-features{display:flex;flex-direction:column;gap:18px;margin:24px 0 28px}.grooming-feature{display:flex;align-items:flex-start;gap:14px}.grooming-feature-icon{width:46px;height:46px;border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:1.1rem;flex-shrink:0}.grooming-feature strong{display:block;font-size:0.92rem;font-weight:700;color:var(--text-dark);margin-bottom:3px}.grooming-feature p{font-size:0.84rem;color:var(--text-muted);line-height:1.5;margin:0}.boarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:3}.boarding-img-wrapper{border-radius:var(--radius-xl);overflow:hidden}.boarding-img-wrapper img{width:100%;display:block;border-radius:var(--radius-xl)}.boarding-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 28px}.boarding-feature{display:flex;align-items:center;gap:12px;padding:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--white);transition:background 0.3s ease,transform 0.3s ease}.boarding-feature:hover{background:var(--glass-bg-mid);transform:translateY(-2px)}.boarding-feature i{font-size:1.2rem;color:var(--brand-pale);flex-shrink:0}.boarding-feature span{font-size:0.84rem;font-weight:500;line-height:1.4}.travel-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}/* ------------------------------------------------------- CONTACT PAGE STYLES ------------------------------------------------------- */.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}.contact-intro{font-size:0.92rem;color:var(--text-body);line-height:1.7;margin-bottom:28px}.contact-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.contact-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--surface);border-radius:var(--radius);transition:transform 0.3s ease,box-shadow 0.3s ease}.contact-card:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}.contact-card-icon{width:42px;height:42px;border-radius:10px;background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:1rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.contact-card h4{font-size:0.88rem;font-weight:700;color:var(--text-dark);margin-bottom:4px}.contact-card p{font-size:0.84rem;color:var(--text-body);line-height:1.6;margin:0}.contact-card a{color:var(--brand);font-weight:500}.contact-map-embed{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.contact-social h4{font-size:0.85rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.contact-social-links{display:flex;gap:10px}.contact-social-links a{width:40px;height:40px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:1rem;transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease}.contact-social-links a:hover{background:var(--brand);color:var(--white);transform:translateY(-2px)}.contact-form-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow)}.contact-form-card h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.contact-form-card h3 i{color:var(--brand);margin-right:6px}.form-subtitle{font-size:0.85rem;color:var(--text-muted);margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .form-group{margin-bottom:16px}.contact-form label{display:block;font-size:0.82rem;font-weight:600;color:var(--text-dark);margin-bottom:6px}.contact-form label i{color:var(--brand);margin-right:5px;font-size:0.75rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border-light);border-radius:10px;font-family:'DM Sans',sans-serif;font-size:0.88rem;color:var(--text-dark);background:var(--white);transition:border-color 0.3s ease,box-shadow 0.3s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(32,48,154,0.06)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.form-note{font-size:0.75rem;color:var(--text-muted);text-align:center;margin-top:14px}.form-note i{color:var(--brand);margin-right:4px}.map-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.map-content p{font-size:0.92rem;color:var(--text-body);line-height:1.7;margin-bottom:20px}.map-info-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.map-info-item{display:flex;align-items:flex-start;gap:10px;font-size:0.88rem;color:var(--text-body)}.map-info-item i{color:var(--brand);margin-top:3px;flex-shrink:0;width:16px}.map-container{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}.map-container iframe{display:block;width:100%}.emergency-banner{display:flex;align-items:center;gap:20px;background:var(--glass-bg-mid);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px 32px}.emergency-banner-icon{width:56px;height:56px;border-radius:14px;background:rgba(192,57,43,0.15);display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:1.4rem;flex-shrink:0}.emergency-banner-content{flex:1}/* ------------------------------------------------------- 29. RESPONSIVE BREAKPOINTS ------------------------------------------------------- */@media (max-width:1200px){.container{max-width:1000px}.hero-title{font-size:3rem}.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:36px}}@media (max-width:992px){h1{font-size:2.6rem}h2{font-size:2.1rem}h3{font-size:1.4rem}.section{padding:80px 0}.hero-title{font-size:2.6rem}.hero-subtitle{font-size:1rem}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-media{display:none}.hero .hero-stats-bar{flex-wrap:wrap}.hero .hero-stat{flex:1 1 45%}.hero .hero-stat:nth-child(2){border-right:none}.hero-stats-inner{grid-template-columns:repeat(2,1fr)}.hero-stat:nth-child(2){border-right:none}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}.store-grid{grid-template-columns:1fr;gap:40px}.why-grid{grid-template-columns:1fr;gap:40px}.testimonials-grid{grid-template-columns:repeat(2,1fr)}.animals-layout{grid-template-columns:1fr 1.4fr;gap:32px}.animals-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px 36px}.trust-bar-grid{grid-template-columns:repeat(2,1fr)}.cta-content h2{font-size:2.2rem}.mega-menu{min-width:420px}.about-story-grid{grid-template-columns:1fr;gap:36px}.doctor-grid{grid-template-columns:1fr;gap:36px}.mv-grid{grid-template-columns:repeat(3,1fr)}.team-values-grid{grid-template-columns:repeat(2,1fr)}.facility-cards-grid{grid-template-columns:repeat(2,1fr)}.doctor-highlights{grid-template-columns:1fr}.service-detail{grid-template-columns:1fr;gap:32px}.service-detail-reverse{direction:ltr}.tips-grid{grid-template-columns:repeat(2,1fr)}.grooming-grid{grid-template-columns:1fr;gap:36px}.boarding-grid{grid-template-columns:1fr;gap:36px}.marquee-card{width:250px}.marquee-track{animation-duration:35s}.contact-grid{grid-template-columns:1fr;gap:36px}.map-grid{grid-template-columns:1fr}.emergency-banner{flex-direction:column;text-align:center}.boarding-features{grid-template-columns:1fr 1fr}.page-hero h1{font-size:2.3rem}}@media (max-width:768px){h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.25rem}.section{padding:64px 0}.nav-menu{display:none}.mobile-toggle{display:flex}.header-inner,.header-container{height:70px;padding:0 16px}.header-logo .logo-img{height:40px}.logo-text{font-size:0.95rem}.btn-header-cta span,.btn-header-cta{font-size:0.75rem;padding:8px 14px}.btn-emergency.header-cta{display:none}.mobile-menu{padding-top:70px}.hero{min-height:600px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:0.95rem}.hero-grid{grid-template-columns:1fr;min-height:500px}.hero-media{display:none}.hero-content{max-width:100%;text-align:center}.hero-buttons{justify-content:center}.hero-controls{bottom:90px}.hero-arrows{display:none}.hero .hero-stats-bar{flex-wrap:wrap}.hero .hero-stat{flex:1 1 48%;padding:16px}.hero-float-card{display:none}.hero-stats-inner{grid-template-columns:repeat(2,1fr)}.hero-arrow{display:none}.hero-dots{bottom:100px}.about-grid{grid-template-columns:1fr;gap:40px}.about-doctor-card{position:relative;bottom:auto;right:auto;margin-top:16px}.services-grid{grid-template-columns:1fr;gap:18px}.animals-layout{grid-template-columns:1fr;gap:32px}.animals-grid{grid-template-columns:repeat(3,1fr);gap:14px}.why-grid{grid-template-columns:1fr;gap:32px}.why-stat-card{position:relative;top:auto;left:auto;right:auto;bottom:auto;display:inline-block;margin:8px}.store-grid{grid-template-columns:1fr;gap:32px}.store-categories{grid-template-columns:1fr}.cta-heading{font-size:1.9rem}.cta-info{flex-direction:column;align-items:center;gap:12px}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{min-width:280px}.cta-content h2{font-size:1.9rem}.cta-content p{font-size:1rem}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-bottom{flex-direction:column;text-align:center}.trust-bar{padding:28px 24px;margin-top:-40px}.trust-bar-grid{grid-template-columns:repeat(2,1fr);gap:20px}.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:220px}.pricing-grid{grid-template-columns:1fr}.about-story-media{grid-template-columns:1fr 1fr}.mv-grid{grid-template-columns:1fr}.team-photo-grid{grid-template-columns:repeat(2,1fr)}.team-values-grid{grid-template-columns:1fr 1fr}.facility-cards-grid{grid-template-columns:1fr}.doctor-photo-wrapper::after{display:none}.service-detail-highlights{grid-template-columns:1fr}.tips-grid{grid-template-columns:1fr}.boarding-features{grid-template-columns:1fr}.travel-cards-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.mega-menu{display:none}.page-hero{padding:130px 0 60px}.page-hero h1{font-size:2rem}.map-wrapper iframe{height:300px}}@media (max-width:480px){h1{font-size:1.8rem}h2{font-size:1.55rem}h3{font-size:1.15rem}.section{padding:52px 0}.container{padding:0 16px}.hero{min-height:560px}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:0.9rem}.hero-badge{font-size:0.75rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}.hero-stats-inner{grid-template-columns:1fr 1fr}.hero-stat{padding:16px 12px;gap:10px}.hero-stat-number{font-size:1.25rem}.btn{padding:12px 24px;font-size:0.88rem}.trust-bar{margin-top:-30px;padding:24px 18px;border-radius:var(--radius-lg)}.trust-bar-grid{grid-template-columns:1fr 1fr;gap:16px}.trust-stat-number{font-size:1.6rem}.service-card{padding:24px 22px}.animals-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cta-heading{font-size:1.5rem}.cta-banner{padding:56px 0}.google-badge{flex-direction:column;text-align:center;padding:18px}.hero .hero-stat strong{font-size:1.2rem}.section-header{margin-bottom:40px}.doctor-card{flex-direction:column;text-align:center;padding:20px}.page-hero{padding:120px 0 50px}.page-hero h1{font-size:1.7rem}.header-logo .logo-img{height:34px}.logo-text{font-size:0.85rem}.btn-header-cta{font-size:0.7rem;padding:7px 12px}.btn-header-cta i{display:none}.hero-float-card{display:none}.hero-controls{bottom:80px}.hero .hero-stat{flex:1 1 48%}.marquee-card{width:220px;padding:20px 16px}.marquee-track{animation-duration:25s}.about-doctor-card{padding:12px 14px;gap:10px}.about-doctor-card img{width:44px;height:44px}.why-stat-card{display:none}.testimonial-card{min-width:auto}.service-detail{gap:24px;margin-bottom:40px}.service-detail-content h3{font-size:1.3rem}.service-detail-highlights{grid-template-columns:1fr}.quote-strip{padding:20px 0}.quote-text{font-size:0.95rem}.tip-card-img{height:130px}.grooming-grid{grid-template-columns:1fr;gap:24px}.boarding-grid{grid-template-columns:1fr;gap:24px}.boarding-features{grid-template-columns:1fr}.store-categories{grid-template-columns:1fr}.contact-form-card{padding:24px 20px}.form-row{grid-template-columns:1fr}.emergency-banner{flex-direction:column;text-align:center;gap:14px;padding:20px}.footer-main{padding:52px 0 36px}.footer-bottom{flex-direction:column;gap:8px;text-align:center;font-size:0.7rem}}/* ------------------------------------------------------- 30. PRINT STYLES ------------------------------------------------------- */@media print{.site-header,.hero-orb,.cta-orb,.footer-orb,.line-art-overlay,.line-overlay,.orb,.hero-dots,.hero-arrow,.mobile-toggle{display:none !important}body{color:#000;background:#fff}.section-dark{background:#fff !important;color:#000 !important}.section-dark h1,.section-dark h2,.section-dark h3{color:#000 !important}}