/*
Theme Name: Mihael V 1.2
Theme URI: https://webifay.eu
Author: Webifay Solutions
Description: Prilagođena WordPress tema za Veterinarsku stanicu Mihael i sklonište Petropolis.
Version: 1.2.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: mihael
*/
:root{--blue:#1372bd;--navy:#102f50;--green:#138848;--mint:#eaf7ef;--pale:#eff7fc;--line:#e1eaf0;--white:#fff;--body:#30465d;--shadow:0 12px 34px rgba(19,63,94,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fbfd;color:var(--body);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.65}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.13}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400}h1{font-size:clamp(42px,5.3vw,76px);letter-spacing:-.035em}h2{font-size:clamp(29px,3vw,43px)}h3{font-size:20px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}img.cover{width:100%;height:100%;object-fit:cover}.wrap{width:min(1210px,calc(100% - 56px));margin-inline:auto}.pill,.button{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;font-weight:750;line-height:1.1;transition:transform .2s,box-shadow .2s,background .2s}.button:hover,.pill:hover{transform:translateY(-2px);box-shadow:0 10px 25px #163d6424}.button-primary{background:linear-gradient(130deg,#1989d0,#006eb2);color:#fff}.button-green{background:linear-gradient(130deg,#0ca05b,#087440);color:#fff}.button-outline{color:#0d7141;border:1.5px solid #168a50;background:white}.button-quiet{color:var(--blue);background:#edf6fc}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:800;color:#58748b}.accent-green{color:var(--green)}.accent-blue{color:#126cad}.section{padding:69px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.section-title h2{margin-bottom:6px}.muted{color:#65798b}.site-header{position:sticky;top:0;z-index:30;background:#ffffffee;backdrop-filter:blur(18px);border-bottom:1px solid #ebf1f5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px}.brand{display:flex;gap:12px;align-items:center;min-width:260px}.brand-mark{width:58px;height:58px;object-fit:contain;mix-blend-mode:multiply;border-radius:7px}.brand-text{line-height:1.02;color:#17446b;font-weight:900;font-size:23px;letter-spacing:.02em}.brand-text small{display:block;letter-spacing:.12em;font-size:9px;font-weight:850}.brand-text em{display:block;font-style:normal;font-size:10px;letter-spacing:0;color:#6095bc;font-weight:600;margin-top:5px}.nav-links{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:700;color:#193e5d}.nav-links a{padding-block:33px;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links .current-menu-item a{color:var(--blue)}.nav-links a:hover:after,.nav-links .current-menu-item a:after{content:"";height:2px;background:var(--blue);left:0;right:0;bottom:22px;position:absolute}.emergency{background:linear-gradient(110deg,#04945b,#087a46);color:white;border-radius:999px;padding:10px 19px;display:flex;align-items:center;gap:10px;line-height:1.25;font-weight:850;white-space:nowrap;box-shadow:0 5px 16px #19865332}.emergency small{display:block;font-size:10px;font-weight:600}.mobile-toggle{display:none;background:#e9f5fd;border:0;border-radius:9px;padding:9px 13px;font-size:24px;color:var(--navy)}.hero{position:relative;min-height:555px;background:linear-gradient(90deg,#f8fcff 0%,#f8fcff 37%,#eef7fb 100%);overflow:hidden}.hero-media{position:absolute;inset:0 0 0 45%;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.hero-media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#f8fcff 0%,#f8fcffcc 9%,#f8fcff00 43%)}.hero .wrap{position:relative;z-index:2;display:flex;align-items:center;min-height:555px}.hero-content{width:52%;padding-block:50px}.hero h1{margin:16px 0 19px}.hero p{max-width:510px;font-size:16px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:19px;flex-wrap:wrap;align-items:center;margin-top:34px;color:#45627a;font-size:12px;font-weight:650}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row b{font-size:23px;color:#0e84c9}.hero-curve{position:absolute;bottom:-60px;width:65%;height:98px;border-top:15px solid #78b84b;border-radius:60% 70% 0 0;left:40%;opacity:.75}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{border:1px solid #e9f1f6;background:linear-gradient(130deg,#eef7fc,#fff);padding:27px;border-radius:18px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:18px;transition:transform .2s}.service-card:nth-child(2){background:linear-gradient(130deg,#e9f8ef,#fff)}.service-card:hover{transform:translateY(-5px)}.service-icon{display:grid;place-items:center;min-width:68px;height:68px;background:white;border:2px solid #d9edf9;border-radius:50%;color:#1479ba;font-size:32px}.service-card:nth-child(2) .service-icon{color:#0b9052;border-color:#d4f2df}.service-card h3{margin:3px 0 9px}.service-card p{margin:0;font-size:13px}.service-mini{display:flex;justify-content:space-around;gap:12px;padding:15px 20px;background:#eff6fb;border-radius:14px;margin-top:15px;color:#37627c;font-size:12px;font-weight:700;flex-wrap:wrap}.service-mini span{padding-inline:12px}.petropolis-band{border-radius:28px;overflow:hidden;background:linear-gradient(110deg,#f1fbf5,#fff 60%,#e9f8f2);padding:35px;box-shadow:var(--shadow);display:grid;grid-template-columns:245px minmax(220px,1fr) minmax(390px,1.25fr);gap:26px;align-items:center}.petropolis-band .pet-logo{max-width:220px;mix-blend-mode:multiply}.petropolis-band p{max-width:400px}.pet-dogs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dog-card{border:1px solid #e6eef4;border-radius:16px;background:#fff;box-shadow:0 6px 19px #153f5b12;overflow:hidden;transition:transform .2s}.dog-card:hover{transform:translateY(-4px)}.dog-card img{width:100%;height:172px;object-fit:cover}.dog-card-body{padding:12px}.dog-card h3{font-family:'Inter',sans-serif;font-size:16px;margin:0 0 3px}.dog-card p{font-size:12px;margin-bottom:10px;color:#61788a}.dog-card .button{width:100%;font-size:12px;padding:10px}.notice{font-size:12px;color:#58758b;background:#eef6fa;border-radius:12px;padding:12px 16px}.locations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.location-card{background:white;border:1px solid #e4ebf0;box-shadow:var(--shadow);border-radius:16px;padding:20px}.location-card .pin{font-size:25px;color:var(--blue)}.location-card h3{margin:10px 0}.location-card small{display:block;margin:9px 0;color:#647889}.location-card a{font-size:13px;font-weight:850;color:var(--blue)}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:32px 0;padding:20px 25px;background:#eaf4fb;border-radius:15px}.info-strip strong{color:var(--blue);font-size:19px;display:block}.info-strip small{color:#637d91}.site-footer{margin-top:45px;background:#123047;color:#dce9ef;padding:54px 0 23px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.25fr 1.1fr 1fr;gap:26px}.footer-grid h4{font-size:12px;color:white;text-transform:uppercase;letter-spacing:.09em;margin-bottom:16px}.footer-grid a:hover{color:#6cce9b}.footer-grid p,.footer-grid li{font-size:12px;line-height:1.9}.footer-grid ul{padding:0;list-style:none}.footer-brand .brand-text{color:white}.footer-brand .brand-mark{background:#fff}.footer-bottom{border-top:1px solid #ffffff2a;margin-top:35px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#afc4cf}.page-hero{background:linear-gradient(95deg,#eef8fd,#fff 66%);padding:70px 0;border-bottom:1px solid #e2edf3}.page-hero h1{max-width:850px;margin:13px 0}.page-hero p{max-width:720px;font-size:17px}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.split img{width:100%;max-height:430px;object-fit:cover;border-radius:25px}.content-panel{background:white;border:1px solid var(--line);padding:30px;border-radius:20px;box-shadow:var(--shadow)}.content-panel p:last-child{margin-bottom:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#f0f7fb;padding:25px;border-radius:17px;text-align:center}.metric strong{display:block;color:#1377b8;font-size:28px}.metric span{font-size:12px}.service-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-detail article{border-radius:17px;background:white;border:1px solid var(--line);padding:27px}.service-detail li{margin-bottom:7px}.location-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.location-detail>article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:17px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-grid .content-panel{height:100%}.pets-hero{background:linear-gradient(95deg,#effaf4,#f2fbf8);padding:60px 0}.pets-hero .split{grid-template-columns:1.1fr .9fr}.pets-hero .pet-hero-img{height:360px;object-fit:cover;object-position:center 38%;border-radius:28px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 27px}.filters input,.filters select{background:#fff;border:1px solid #dce8ed;border-radius:999px;padding:12px 18px;min-width:170px;color:var(--navy)}.pet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.pet-grid .dog-card img{height:225px}.pet-grid .dog-card-body{padding:18px}.badge-label{display:inline-flex;background:#e9f8ef;color:#08793e;border-radius:20px;padding:2px 10px;font-weight:750;font-size:11px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step{background:white;padding:25px;border:1px solid var(--line);border-radius:18px}.step b{font-size:30px;color:var(--green)}.smallprint{color:#647889;font-size:12px}.prose{max-width:900px}.prose ul{padding-left:22px}.prose li{margin:8px 0}.single-dog{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.single-dog img{width:100%;border-radius:24px}.empty-state{padding:35px;border-radius:18px;background:#f1f7fa}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}.admin-bar .site-header{top:32px}@media(max-width:1100px){.nav-links{gap:12px}.brand{min-width:210px}.brand-text{font-size:20px}.emergency{font-size:12px}.petropolis-band{grid-template-columns:190px 1fr}.pet-dogs{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.header-inner{min-height:72px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:var(--shadow);padding:18px 28px;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:11px}.nav-links a:after{display:none}.brand-mark{height:49px;width:49px}.header-inner .emergency{margin-left:auto}.hero,.hero .wrap{min-height:660px}.hero-media{inset:270px 0 0 0}.hero-media:before{background:linear-gradient(180deg,#f8fcff 0%,#f8fcff33 30%,transparent 65%)}.hero .wrap{align-items:start}.hero-content{width:100%;padding-top:42px}.hero h1{font-size:clamp(37px,7vw,60px)}.hero p{max-width:610px}.hero-curve{display:none}.cards{grid-template-columns:1fr}.locations{grid-template-columns:repeat(2,1fr)}.petropolis-band{grid-template-columns:1fr}.petropolis-band .pet-logo{max-width:160px}.split,.pets-hero .split{grid-template-columns:1fr}.pet-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.location-detail{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.info-strip{grid-template-columns:repeat(2,1fr)}.single-dog{grid-template-columns:1fr}}@media(max-width:560px){.wrap{width:min(100% - 30px,1210px)}.header-inner{gap:8px}.brand{min-width:0;gap:7px}.brand-text{font-size:16px}.brand-text small{font-size:7px}.brand-text em{font-size:8px}.brand-mark{width:39px;height:39px}.header-inner .emergency{font-size:0;padding:10px 12px}.header-inner .emergency small{font-size:0}.header-inner .emergency:before{content:'☎';font-size:21px}.mobile-toggle{padding:7px 10px}.hero,.hero .wrap{min-height:675px}.hero-media{top:365px}.hero h1{font-size:39px}.hero p{font-size:14px}.hero-buttons .button{font-size:12px}.trust-row{gap:7px 14px;margin-top:20px}.trust-row span{font-size:10px}.section{padding:42px 0}.section-title{align-items:start;flex-direction:column}.petropolis-band{padding:22px}.pet-dogs{grid-template-columns:repeat(2,1fr)}.pet-dogs .dog-card:nth-child(3){display:none}.locations,.service-detail,.location-detail,.contact-grid,.pet-grid,.step-grid{grid-template-columns:1fr}.pet-grid .dog-card img{height:275px}.footer-grid{grid-template-columns:1fr 1fr;gap:15px}.footer-grid>*:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:45px 0}.info-strip{gap:10px;padding:15px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:15px}.section-title h2{font-size:29px}}

/* Webifay v2 — usklađivanje prema potvrđenom konceptu */
:root{--blue:#087fc8;--navy:#103e69;--green:#078a4f}
.wrap{width:min(1390px,calc(100% - 48px))}
.site-header{box-shadow:0 6px 24px #2a4d6810}
.header-inner{min-height:78px}
.home-hero{position:relative;isolation:isolate;min-height:435px;background:#edf6fb;overflow:hidden}
.home-hero-photo{position:absolute;inset:0 0 0 50%;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:-2;overflow:hidden}
.home-hero-photo:before{content:"";position:absolute;inset:0 auto 0 -120px;width:300px;background:linear-gradient(90deg,rgba(249,252,255,1) 0%,rgba(249,252,255,.96) 22%,rgba(249,252,255,.78) 46%,rgba(249,252,255,.34) 70%,rgba(249,252,255,0) 100%);}
.home-hero-photo:after{content:"";position:absolute;left:-110px;top:-6%;width:260px;height:112%;background:radial-gradient(ellipse at center,rgba(255,255,255,.65) 0%,rgba(249,252,255,.40) 38%,rgba(249,252,255,0) 74%);mix-blend-mode:screen;opacity:.85;}
.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 24%,#f9fcffe8 36%,rgba(249,252,255,.10) 49%,transparent 58%);z-index:-1}
.home-hero-inner{display:flex;align-items:center;min-height:435px}
/* V12.2.1: samo vodoravno poravnanje sadržaja hero sekcije na širokim zaslonima; sve ostalo ostaje identično. */
@media(min-width:851px){.home-hero > .home-hero-inner{width:100%;max-width:none;margin-inline:0;padding-inline:clamp(24px,3.2vw,60px)}}
.home-hero-copy{width:min(48%,640px);padding:35px 0}
.home-hero h1{font-size:clamp(38px,3.85vw,65px);line-height:1.03;margin:13px 0 15px}
.home-hero p{font-size:15px;max-width:520px;line-height:1.55;margin-bottom:0}
.home-hero .hero-buttons{margin-top:17px}
.home-hero .trust-row{margin-top:20px;gap:16px;font-size:11px}
.home-services{padding:10px 0 8px}
.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home-service-item{position:relative;display:grid;grid-template-columns:60% 40%;height:149px;border-radius:12px;overflow:hidden;background:#ebf5fb;border:1px solid #e3eff5;box-shadow:0 5px 17px #184c6710}
.home-service-item:nth-child(2){background:#e7f6ed}
.home-service-info{display:flex;gap:12px;padding:16px 10px 16px 15px;align-items:flex-start;min-width:0}
.home-service-info .service-icon{height:56px;min-width:56px;font-size:27px}
.home-service-info h3{font-size:16px;margin:2px 0 8px}
.home-service-info p{font-size:11.5px;line-height:1.45;margin:0}
.home-service-item>img{height:100%;width:100%;object-fit:cover;object-position:center}
.home-service-item:nth-child(1)>img{object-position:center 32%}
.home-service-item:nth-child(3)>img{object-position:50% 22%}
.service-arrow{position:absolute;right:10px;bottom:10px;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:white;color:#097fbe;font-size:27px;box-shadow:0 3px 10px #112b461c}
.service-mini{margin-top:8px;padding:12px 9px;border-radius:9px}
.home-petropolis{padding:2px 0 12px}
.petropolis-layout{display:grid;grid-template-columns:minmax(0,2.75fr) minmax(210px,.8fr);gap:12px;background:#eff9f3;border-radius:15px;padding:13px}
.pet-intro{display:grid;grid-template-columns:150px 1fr;gap:15px;align-items:center;min-width:0}
.pet-intro>img{width:150px;mix-blend-mode:multiply}
.pet-intro h2{font-size:26px;margin:0 0 4px}
.pet-intro h3{font:400 23px 'DM Serif Display',Georgia,serif;color:var(--green);margin:0 0 7px}
.pet-intro p{font-size:12px;max-width:370px;line-height:1.45;margin:0}
.pet-intro .hero-buttons{margin-top:12px}
.pet-intro .button{font-size:11px;padding:10px 14px}
.petropolis-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1.25fr) minmax(170px,.56fr);align-items:stretch}
.pet-dogs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pet-dogs .dog-card{border-radius:10px}
.pet-dogs .dog-card img{height:106px}
.pet-dogs .dog-card-body{padding:7px}
.pet-dogs .dog-card h3{font-size:11px}
.pet-dogs .dog-card p{font-size:10px;line-height:1.3;min-height:26px;margin-bottom:6px}
.pet-dogs .dog-card .button{font-size:10px;padding:7px 3px}
.pet-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;background:#e7f4fb;border-radius:12px;align-items:center;font-size:11px;color:#174b71;font-weight:700}
.home-locations{padding:2px 0 20px}
.home-locations .section-title{margin:0 0 10px;align-items:center}
.home-locations .section-title h2{font-size:31px;margin:0}
.home-locations .section-title p{font-size:12px;margin:2px 0 0}
.home-locations .locations{gap:9px}
.home-locations .location-card{display:flex;align-items:center;gap:12px;padding:10px;min-height:139px;border-radius:12px}
.home-locations .location-card>img{width:42%;height:120px;object-fit:cover;border-radius:8px}
.home-locations .location-card h3{font-family:Inter,system-ui,sans-serif;font-size:13px;margin:0 0 6px}
.home-locations .location-card p,.home-locations .location-card a,.home-locations .location-card small{font-size:11px;line-height:1.35;margin:0 0 7px}
.home-locations .location-card .pin{flex:0 0 36px;font-size:31px}
.site-footer{margin-top:0;background:linear-gradient(140deg,#0b2e47 0%,#103f60 51%,#082c47 100%);padding:32px 0 15px;position:relative;overflow:hidden}
.site-footer:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 115px,#ffffff05 116px,#ffffff05 118px);pointer-events:none}
.footer-centered{display:grid;grid-template-columns:1.15fr 1.25fr 1.05fr 1fr .9fr;align-items:start;gap:24px;justify-content:center;max-width:1390px;margin-inline:auto}
.footer-centered>div{min-width:0}
.footer-centered h4{margin:0 0 12px;font-size:11px;letter-spacing:.04em}
.footer-centered p,.footer-centered a{font-size:11.5px;line-height:1.6}
.footer-centered .footer-brand .brand{min-width:0}
.footer-centered .footer-brand .brand-text{font-size:22px}
.footer-centered .footer-brand p{margin-top:12px}
.footer-centered .email-break{overflow-wrap:anywhere}
.footer-emergency{color:#57d89c!important;font-size:17px!important;font-weight:800}
.footer-emergency a{font-size:17px!important}.footer-emergency small{display:block;color:white;font-size:10px}
.footer-bottom{margin-top:22px;position:relative}
@media(max-width:1150px){.petropolis-layout{grid-template-columns:1fr 1fr}.pet-facts{grid-column:1/-1}.footer-centered{grid-template-columns:repeat(3,minmax(0,1fr))}.home-service-info .service-icon{display:none}.home-service-item{grid-template-columns:63% 37%}}
@media(max-width:850px){.home-hero{min-height:620px}.home-hero-inner{min-height:620px;align-items:flex-start}.home-hero-photo{inset:230px 0 0 0;background-position:center center}
.home-hero-photo:before,.home-hero-photo:after{display:none}.home-hero:after{background:linear-gradient(180deg,#f9fcff 0%,#f9fcff 32%,#f9fcffcc 46%,transparent 78%)}.home-hero-copy{width:100%;padding-top:29px}.home-service-grid{grid-template-columns:1fr}.home-service-item{height:155px}.home-service-info .service-icon{display:grid}.petropolis-layout{grid-template-columns:1fr}.pet-facts{grid-column:auto}.footer-centered{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-hero{min-height:670px}.home-hero-inner{min-height:670px}.home-hero-photo{top:330px}.home-hero h1{font-size:39px}.home-hero p{font-size:13px}.home-hero .trust-row{gap:7px}.home-service-item{grid-template-columns:58% 42%}.home-service-info{padding:12px}.home-service-info .service-icon{display:none}.pet-intro{grid-template-columns:90px 1fr}.pet-intro>img{width:90px}.pet-intro h2{font-size:22px}.pet-dogs{grid-template-columns:repeat(3,1fr)}.pet-dogs .dog-card:nth-child(3){display:block}.pet-dogs .dog-card img{height:86px}.pet-facts{grid-template-columns:1fr 1fr}.footer-centered{grid-template-columns:1fr 1fr;gap:20px}.footer-centered .footer-brand{grid-column:1/-1}.footer-centered .footer-brand .brand{justify-content:center}.footer-centered .footer-brand p{text-align:center}.home-locations .location-card>img{width:40%}}


/* WEBIFAY V3 — prozračni sadržaj, velika dostupnost i mobile-first preraspodjela */
:root{--surface:#f6fafc}
html,body{max-width:100%;overflow-x:clip}
a,button{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #25a6f0;outline-offset:3px}
.home-services{padding:24px 0 14px;background:linear-gradient(180deg,#fff 0%,#f7fbfe 100%)}
.home-service-grid{gap:16px}
.home-service-item{height:205px;grid-template-columns:59% 41%;border-radius:18px;box-shadow:0 12px 34px rgba(17,72,103,.09);transition:transform .25s ease,box-shadow .25s ease}
.home-service-item:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(17,72,103,.15)}
.home-service-info{padding:25px 18px;gap:12px;align-items:center}
.home-service-info .service-icon{height:55px;min-width:55px;display:grid;place-items:center}
.home-service-info h3{font-size:clamp(16px,1.2vw,20px);margin:0 0 10px}
.home-service-info p{font-size:clamp(12px,.85vw,14px);line-height:1.52}
.home-service-item>img{object-fit:cover}
.service-arrow{width:37px;height:37px}
.home-services .service-arrow{line-height:1;padding-bottom:2px}
.service-mini{margin-top:14px;padding:18px 14px;border-radius:13px;min-height:58px}
.home-petropolis{background:#f7fbfe;padding:12px 0 18px}
.petropolis-layout{padding:23px;gap:22px;border:1px solid #e2f0e8;border-radius:19px;box-shadow:0 10px 28px #145a7820;grid-template-columns:minmax(0,1.15fr) minmax(0,1.17fr) minmax(190px,.55fr)}
.pet-intro{grid-template-columns:140px 1fr;gap:21px}
.pet-intro>img{width:140px}
.pet-intro h2{font-size:clamp(22px,1.7vw,29px)}
.pet-intro p{font-size:13px;line-height:1.65}
.pet-dogs{gap:12px}
.pet-dogs .dog-card img{height:145px}
.pet-dogs .dog-card-body{padding:10px}
.pet-dogs .dog-card h3{font-size:13px}
.pet-dogs .dog-card p{font-size:11px;min-height:31px}
.pet-facts{padding:23px;gap:19px;font-size:12px;line-height:1.4}
.home-locations{background:#f7fbfe;padding:13px 0 43px}
.home-locations .section-title{margin-bottom:16px}
.home-locations .locations{gap:15px}
.home-locations .location-card{min-height:182px;padding:14px;gap:14px;box-shadow:0 9px 25px rgba(20,63,91,.07);align-items:stretch}
.home-locations .location-card>img{height:152px;width:42%;align-self:center}
.home-locations .location-card h3{font-size:15px;line-height:1.3}
.home-locations .location-card p,.home-locations .location-card a,.home-locations .location-card small{font-size:12px;line-height:1.45}
.home-locations .location-card .pin{align-self:center}
.site-footer:before{background:radial-gradient(ellipse at 0 100%,rgba(13,125,192,.18),transparent 36%),radial-gradient(ellipse at 100% 10%,rgba(0,148,106,.16),transparent 35%),repeating-linear-gradient(135deg,transparent 0,transparent 115px,#ffffff05 116px,#ffffff05 118px)}
.site-footer .footer-brand .brand-mark{background:#ffffff;border-radius:9px;padding:5px;mix-blend-mode:normal}
.footer-centered .footer-brand .brand-text,.footer-centered .footer-brand .brand-text small{color:#fff}
.footer-social .social-icons{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:13px}
.footer-social .social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1877f2;border-radius:10px;color:white;font-size:23px;font-weight:900;line-height:1}
.footer-social .social-icon:hover{background:#2b9fe8;transform:translateY(-2px)}
@media(max-width:1250px){
 .home-service-info{padding:16px 12px;gap:8px}
 .home-service-info .service-icon{height:44px;min-width:44px;font-size:25px}
 .petropolis-layout{grid-template-columns:1fr 1.05fr}
 .pet-facts{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}
 .home-locations .locations{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
 .wrap{width:calc(100% - 36px)}
 .home-services{padding:20px 0 12px}
 .home-service-grid{grid-template-columns:1fr;gap:13px}
 .home-service-item{height:190px;grid-template-columns:63% 37%}
 .home-service-info{padding:20px;gap:18px}
 .home-service-info .service-icon{height:55px;min-width:55px}
 .home-service-info h3{font-size:20px}
 .home-service-info p{font-size:14px}
 .service-mini{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}
 .petropolis-layout{grid-template-columns:1fr;gap:18px}
 .pet-intro{grid-template-columns:125px 1fr}
 .pet-intro>img{width:125px}
 .pet-dogs .dog-card img{height:180px}
 .pet-facts{grid-column:auto;grid-template-columns:repeat(2,1fr)}
 .home-locations .location-card{min-height:165px}
 .footer-centered{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav-links.is-open{max-height:calc(100dvh - 72px);overflow-y:auto}
}
@media(max-width:560px){
 body{font-size:14px}
 .wrap{width:calc(100% - 28px)}
 .header-inner{min-height:68px;gap:7px}
 .brand-text{font-size:15px}
 .brand-mark{width:39px;height:39px}
 .mobile-toggle{min-height:42px;min-width:42px;display:grid;place-items:center}
 .home-hero{min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .home-hero-inner{order:0;min-height:0;display:block;padding-top:0;padding-bottom:14px}
 .home-hero-copy{padding:28px 0 0;width:100%}
 .home-hero h1{font-size:clamp(32px,8.7vw,43px);line-height:1.08;margin:12px 0 15px;letter-spacing:-.02em}
 .home-hero p{font-size:14px;max-width:480px;line-height:1.65}
 .home-hero .hero-buttons{gap:9px;margin-top:18px}
 .home-hero .hero-buttons .button{font-size:12px;min-height:44px;padding:12px 15px}
 .home-hero .trust-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin-top:18px}
 .home-hero .trust-row span{font-size:10px;line-height:1.3}
 .home-hero-photo{position:relative;inset:auto;order:1;width:100%;height:270px;background-position:center center;background-size:cover;z-index:auto}
.home-hero-photo:before,.home-hero-photo:after{display:none}
 .home-hero:after{display:none}
 .home-services{padding:16px 0 12px}
 .home-service-item{height:174px;grid-template-columns:60% 40%;border-radius:15px}
 .home-service-info{padding:14px 12px;gap:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
 .home-service-info .service-icon{display:none}
 .home-service-info h3{font-size:17px;margin-bottom:5px}
 .home-service-info p{font-size:12px;line-height:1.5}
 .home-service-item>img{height:100%;width:100%}
 .service-mini{padding:14px 12px;gap:10px 16px;justify-content:flex-start}
 .service-mini span{font-size:11px}
 .home-petropolis{padding:7px 0 15px}
 .petropolis-layout{padding:17px;gap:17px}
 .pet-intro{grid-template-columns:86px 1fr;gap:13px}
 .pet-intro>img{width:86px}
 .pet-intro h2{font-size:21px}
 .pet-intro h3{font-size:19px}
 .pet-intro p{font-size:12px}
 .pet-intro .hero-buttons{gap:7px}
 .pet-intro .button{font-size:11px;padding:10px 11px;min-height:38px}
 .pet-dogs{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .pet-dogs .dog-card:nth-child(3){display:none}
 .pet-dogs .dog-card img{height:140px}
 .pet-dogs .dog-card-body{padding:10px}
 .pet-dogs .dog-card h3{font-size:12px}
 .pet-dogs .dog-card p{font-size:11px}
 .pet-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:13px;font-size:11px}
 .home-locations{padding:6px 0 30px}
 .home-locations .section-title{flex-direction:row;align-items:center;gap:10px}
 .home-locations .section-title h2{font-size:25px}
 .home-locations .section-title p{font-size:11px}
 .home-locations .section-title .button{font-size:11px;padding:9px 11px;min-width:max-content}
 .home-locations .locations{grid-template-columns:1fr;gap:10px}
 .home-locations .location-card{min-height:138px;padding:12px;gap:15px}
 .home-locations .location-card>img{height:118px;width:38%}
 .home-locations .location-card h3{font-size:15px}
 .home-locations .location-card p,.home-locations .location-card a,.home-locations .location-card small{font-size:12px}
 .footer-centered{grid-template-columns:1fr 1fr;gap:23px 16px}
 .footer-centered .footer-brand{grid-column:1/-1}
 .footer-centered h4{font-size:11px}
 .footer-centered p,.footer-centered a{font-size:11px}
 .footer-social .social-icon{font-size:22px;width:38px;height:38px}
 .footer-bottom{gap:8px;font-size:10px;text-align:center}
}
@media(max-width:375px){
 .brand-text em{display:none}
 .home-hero h1{font-size:32px}
 .home-service-item{grid-template-columns:65% 35%}
 .pet-intro{grid-template-columns:1fr}
 .pet-intro>img{width:100px}
 .home-locations .section-title{flex-direction:column;align-items:flex-start}
 .footer-centered{grid-template-columns:1fr}
 .footer-centered .footer-brand{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V8 trial — isolated theme. Original design retained. */
.site-header{transition:box-shadow .34s ease,background .34s ease}
.site-header .header-inner{transition:min-height .35s cubic-bezier(.22,1,.36,1)}
.site-header .brand-mark,.site-header .brand-text,.site-header .nav-links a,.site-header .emergency{transition:height .35s ease,width .35s ease,padding .35s ease,font-size .35s ease,transform .35s ease}
.site-header.is-compact{background:rgba(255,255,255,.97);box-shadow:0 12px 35px rgba(8,45,73,.11)}
.site-header.is-compact .header-inner{min-height:66px}
.site-header.is-compact .brand-mark{width:45px;height:45px}
.site-header.is-compact .brand-text{font-size:19px}
.site-header.is-compact .nav-links a{padding-block:20px}
.site-header.is-compact .emergency{padding:8px 16px}
/* Layered reveal, no picture zoom or image cropping changes. */
body.mihael-v8-motion .home-hero-copy .eyebrow,body.mihael-v8-motion .home-hero-copy h1,body.mihael-v8-motion .home-hero-copy p,body.mihael-v8-motion .home-hero-copy .hero-buttons,body.mihael-v8-motion .home-hero-copy .trust-row{animation:v8-rise .72s both cubic-bezier(.18,.7,.2,1)}
body.mihael-v8-motion .home-hero-copy h1{animation-delay:.1s}
body.mihael-v8-motion .home-hero-copy p{animation-delay:.19s}
body.mihael-v8-motion .home-hero-copy .hero-buttons{animation-delay:.29s}
body.mihael-v8-motion .home-hero-copy .trust-row{animation-delay:.37s}
body.mihael-v8-motion .home-hero-photo{animation:v8-appear 1s both ease-out}
@keyframes v8-rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes v8-appear{from{opacity:0;filter:brightness(1.09)}to{opacity:1;filter:brightness(1)}}
.v8-reveal{transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);opacity:0;transform:translateY(26px)}
.v8-reveal.v8-visible{opacity:1;transform:translateY(0)}
.home-service-item,.location-card,.dog-card{transition:transform .28s cubic-bezier(.18,.8,.2,1),box-shadow .28s ease}
@media(hover:hover) and (pointer:fine){.home-service-item:hover,.location-card:hover,.dog-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(8,65,100,.14)}.home-service-item:hover .service-arrow{transform:translateX(3px)}.button:hover{filter:brightness(1.045)}}
.site-footer{position:relative;isolation:isolate;overflow:hidden}
.site-footer:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 15% 110%,rgba(35,135,203,.23),transparent 47%),radial-gradient(ellipse at 90% 8%,rgba(15,158,104,.12),transparent 52%);pointer-events:none;animation:v8-ambient 13s ease-in-out infinite alternate}
@keyframes v8-ambient{to{opacity:.55;transform:translate3d(1%,0,0)}}
/* Intro overlay — real uploaded logo, never reconstructed. */
.v8-intro{position:fixed;inset:0;z-index:99999;background:linear-gradient(140deg,#fff 3%,#edf7fc 56%,#f1faf5);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;opacity:1;transition:opacity .35s ease,visibility .35s ease;pointer-events:auto}
/* SAFETY: [hidden] must always defeat the flex display above, even without JavaScript. */
.v8-intro[hidden]{display:none!important}
/* Secondary escape route: a visible intro fades out even if a JS timer is interrupted. */
.v8-intro:not([hidden]){animation:mihael-intro-safety 1.95s ease forwards}
@keyframes mihael-intro-safety{0%,70%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
.v8-intro img{width:min(74vw,190px);height:auto;object-fit:contain;animation:v8-logo .65s .04s both cubic-bezier(.18,.8,.2,1)}
.v8-intro p{font-size:13px;letter-spacing:.035em;font-weight:650;color:#37678a;margin:0;animation:v8-rise .55s .45s both}
.v8-intro.v8-finished{opacity:0;visibility:hidden;pointer-events:none}
@keyframes v8-logo{from{opacity:0;transform:translateY(10px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.site-header.is-compact .header-inner{min-height:64px}.site-header.is-compact .brand-text{font-size:16px}.site-header.is-compact .nav-links a{padding:11px}.site-header.is-compact .brand-mark{width:42px;height:42px}}
@media(max-width:560px){.site-header.is-compact .header-inner{min-height:64px}.site-header.is-compact .brand-mark{width:37px;height:37px}.site-header.is-compact .brand-text{font-size:14px}.v8-reveal{transform:translateY(13px)}}
@media(prefers-reduced-motion:reduce){.v8-intro{display:none!important}.v8-reveal{opacity:1!important;transform:none!important}.home-hero-copy *{animation:none!important}.site-footer:before{animation:none!important}}

/* MIHAEL V11: SUBPAGES — faithful extension of the approved V8 homepage.
   Nothing in this section redefines the homepage or its hero. */
.mi-hero{isolation:isolate;position:relative;min-height:480px;background:#f5faff;overflow:hidden;display:flex;align-items:stretch}
.mi-hero__photo{position:absolute;z-index:-2;inset:0 0 0 50%;background-size:cover;background-position:center center;background-repeat:no-repeat}
.mi-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 29%,rgba(249,252,255,.97) 42%,rgba(249,252,255,.56) 51%,rgba(249,252,255,.05) 63%,transparent 74%);pointer-events:none}
.mi-hero__wrap{display:flex;align-items:center;min-height:480px}
.mi-hero__copy{width:min(50%,650px);padding:58px 0 54px}
.mi-hero h1{font-size:clamp(38px,3.85vw,65px);line-height:1.03;letter-spacing:-.028em;margin:13px 0 15px;font-weight:700}
.mi-hero__copy>p{max-width:500px;font-size:15px;line-height:1.68;margin-bottom:0;color:#264b6c}
.mi-hero .hero-buttons{margin-top:23px;display:flex;flex-wrap:wrap;gap:12px}
.mi-hero .button{font-size:13px;box-shadow:0 7px 16px #0f567611}
.mi-section{padding:76px 0;scroll-margin-top:100px}
.mi-section--white{background:#fff}
.mi-section--pale{background:linear-gradient(180deg,#f1f8fd 0%,#f7fbfd 100%)}
.mi-heading{max-width:740px;margin-bottom:29px}
.mi-heading .eyebrow{display:block;margin-bottom:10px;color:#537591}
.mi-heading h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(31px,3.1vw,46px);line-height:1.13;letter-spacing:-.018em;margin:0 0 12px;color:#104571;font-weight:400}
.mi-heading>p{color:#54748c;line-height:1.7;font-size:14px;max-width:580px;margin:0}
.mi-section-top{display:grid;grid-template-columns:1fr .72fr;gap:6%;align-items:end;margin-bottom:25px}
.mi-section-top .mi-heading{margin-bottom:0}
.mi-lead{font-size:16px;color:#39556d;line-height:1.82;max-width:490px;padding-bottom:4px}
.mi-story-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:7%;align-items:center}
.mi-story-visual{position:relative;border-radius:23px;overflow:hidden;max-height:590px;background:#eaf5f8;box-shadow:0 22px 50px #14547a1c}
.mi-story-visual>img{display:block;width:100%;height:540px;object-fit:cover;object-position:50% 49%}
.mi-sticker{position:absolute;left:22px;bottom:20px;padding:14px 20px;background:#ffffffed;border-radius:16px;color:#145282;font-size:13px;font-weight:700;box-shadow:0 8px 30px #12375220;backdrop-filter:blur(10px)}
.mi-sticker strong{font:400 30px 'DM Serif Display',Georgia,serif;color:#108a50;margin:0 5px}.mi-sticker small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.mi-story-body .eyebrow{margin-bottom:16px;display:block}
.mi-story-body h2{font-size:clamp(36px,3.5vw,54px);margin:0 0 18px;color:#14507f}
.mi-story-body p,.mi-media-text__copy>p{font-size:15px;line-height:1.9;color:#4c657a;margin-bottom:16px}
.mi-text-link{display:inline-flex;align-items:center;gap:8px;color:#087eb9;font-weight:800;font-size:13px;margin-top:4px;transition:gap .2s}
.mi-text-link:hover{gap:14px;color:#087845}
.mi-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.mi-feature-card,.mi-category{background:linear-gradient(145deg,#e9f5fd,#f4faff);border:1px solid #dcebf5;border-radius:19px;padding:30px 28px;min-height:240px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 30px #1c568318;transition:transform .25s,box-shadow .25s}
.mi-feature-card:hover,.mi-category:hover{transform:translateY(-4px);box-shadow:0 17px 38px #16547327}
.mi-feature-card--green,.mi-category--mint{background:linear-gradient(145deg,#e6f7ec,#f4fbf6);border-color:#d3eadb}
.mi-feature-icon{display:grid;place-items:center;width:56px;height:56px;background:#fff;border:1px solid #d1e7f6;color:#0c80c4;border-radius:50%;font-size:30px;margin-bottom:18px;line-height:1;box-shadow:0 6px 20px #096cba14}
.mi-feature-card--green .mi-feature-icon,.mi-category--mint .mi-feature-icon{color:#109353;border-color:#d0ead8}
.mi-feature-card h3,.mi-category h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:24px;color:#104b7b;margin:0 0 10px}
.mi-feature-card p,.mi-category p{font-size:13.5px;color:#4c6578;line-height:1.72;margin:0 0 14px}
.mi-feature-card .mi-text-link{margin-top:auto}
.mi-gallery{display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-auto-rows:205px;gap:13px}
.mi-gallery__tile{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#e8f4fb;box-shadow:0 8px 26px #17476b12}
.mi-gallery__tile--feature{grid-row:span 2}
.mi-gallery__tile img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;display:block}
.mi-gallery__tile--feature img{object-position:center 35%}
.mi-gallery__tile:hover img{transform:scale(1.035)}
.mi-gallery__tile figcaption{position:absolute;left:0;right:0;bottom:0;color:white;padding:32px 15px 13px;background:linear-gradient(transparent,#072b43be);font-size:12px;font-weight:700}
.mi-cta-section{padding:20px 0 75px;background:#f7fbfd}
.mi-cta{background:linear-gradient(116deg,#0e4169 0%,#0e5681 66%,#087b62 140%);padding:37px 44px;display:flex;gap:35px;align-items:center;justify-content:space-between;border-radius:24px;color:#fff;box-shadow:0 22px 50px #073d5e25;position:relative;overflow:hidden}
.mi-cta:after{position:absolute;content:"";right:-70px;bottom:-145px;width:345px;height:345px;border-radius:50%;border:38px solid #ffffff0d;pointer-events:none}
.mi-cta .eyebrow{color:#a7dcfa}
.mi-cta h2{font-size:clamp(27px,2.8vw,40px);color:#fff;margin:8px 0 9px}
.mi-cta p{font-size:13px;color:#dfedf4;margin:0;line-height:1.7;max-width:590px}
.mi-cta__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1;flex-shrink:0}
.mi-light-outline{color:#fff!important;border:1px solid #ffffff83!important;background:#ffffff0b!important}
.mi-media-text{display:grid;grid-template-columns:1fr 1.06fr;gap:6%;align-items:center;min-width:0}
.mi-media-text--reverse{grid-template-columns:1.05fr 1fr}
.mi-media-text--reverse .mi-media-text__visual{grid-column:1;grid-row:1}.mi-media-text--reverse .mi-media-text__copy{grid-column:2;grid-row:1}
.mi-media-text__copy .mi-heading{margin-bottom:15px}
.mi-media-text__copy .button{margin-top:20px}
.mi-media-text__visual{position:relative;min-width:0;min-height:420px;border-radius:24px;background:linear-gradient(120deg,#e9f6fc,#d2eee2);overflow:visible}
.mi-media-text__visual>img{width:100%;height:490px;object-fit:contain;display:block;border-radius:22px;background:linear-gradient(140deg,#e4f5f8,#f1f9fd)}
.mi-media-text__visual--wide>img{height:395px;object-fit:cover;box-shadow:0 17px 32px #1c618321}
.mi-floating-frame{position:absolute;bottom:-28px;right:-20px;width:31%;height:220px;border:7px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #134e692c;background:#eff8fa}
.mi-floating-frame img{width:100%;height:100%;object-fit:cover}
.mi-chip-row{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.mi-chip-row>span{display:inline-flex;background:#eaf5fc;border:1px solid #d6eaf5;padding:9px 12px;border-radius:999px;color:#18587e;font-size:12px;font-weight:750}
.mi-section--pale .mi-chip-row>span{background:#fff}
.mi-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mi-service-tile{border:1px solid #e1edf3;background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 12px 32px #10527e15;transition:transform .25s,box-shadow .25s}
.mi-service-tile:hover{transform:translateY(-4px);box-shadow:0 20px 42px #10527e26}
.mi-service-tile>img{height:230px;width:100%;object-fit:cover;display:block}
.mi-service-tile:nth-child(2)>img{object-position:50% 45%}
.mi-service-tile:nth-child(3)>img{object-position:50% 60%}
.mi-service-tile>div{padding:23px}
.mi-service-tile h3{font:400 25px 'DM Serif Display',Georgia,serif;margin:8px 0 10px;color:#124c79}
.mi-service-tile p{font-size:13.5px;line-height:1.7;color:#567086;margin:0}
.mi-notice{background:#e9f7f0;border:1px solid #cdeada;border-radius:16px;padding:23px 27px;display:flex;align-items:center;gap:18px;color:#225d47;line-height:1.65}
.mi-notice p{font-size:13px;margin:5px 0 0}.mi-notice strong{color:#117448}
.mi-notice a{text-decoration:underline;font-weight:800}
.mi-notice__icon{flex:0 0 47px;display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#fff;font-size:24px;color:#0a9554}
.mi-notice--compact{margin-top:24px}.mi-notice--small{display:block;padding:14px 18px;font-size:12px;margin-top:17px}
.mi-clinic-list{display:grid;gap:22px}
.mi-clinic{display:grid;grid-template-columns:37% 63%;border:1px solid #e2edf4;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 31px #154f7319}
.mi-clinic__picture{background:#eaf6f9;min-height:350px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}
.mi-clinic__picture img{height:100%;width:100%;object-fit:cover;display:block}
.mi-clinic__picture--symbol{background:linear-gradient(140deg,#e1f1fd,#f5fbfe);color:#0f6bac}
.mi-clinic__picture--green{background:linear-gradient(140deg,#dff5e7,#f5fbf6);color:#118b56}
.mi-location-graphic{font-size:83px;line-height:1}.mi-clinic__picture--symbol strong{font:400 33px 'DM Serif Display',Georgia,serif}.mi-clinic__picture--symbol small{font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.mi-clinic__body{padding:30px 37px}
.mi-number{font-size:10px;color:#1379b2;font-weight:800;letter-spacing:.17em}
.mi-clinic__body h3{font:400 34px 'DM Serif Display',Georgia,serif;color:#124e7e;margin:6px 0 16px}
.mi-clinic__details{display:grid;grid-template-columns:1fr 1.08fr;gap:18px}
.mi-clinic__details p,.mi-clinic__team{font-size:13px;line-height:1.78;color:#456279}
.mi-clinic__details strong,.mi-clinic__team strong{color:#174f76}
.mi-clinic__team{border-top:1px solid #e4edf3;padding-top:13px;margin:4px 0 18px}
.mi-action-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mi-action-row .button{font-size:12px;padding:12px 18px}
.mi-notice--call{margin-top:26px}.mi-notice--call>.button{margin-left:auto;flex-shrink:0}
.mi-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.mi-category{min-height:235px}
.mi-shop-showcase{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}
.mi-shop-showcase__big{position:relative;height:440px;border-radius:20px;overflow:hidden;box-shadow:0 12px 34px #17496d1d}
.mi-shop-showcase__big img{height:100%;width:100%;object-fit:cover}
.mi-shop-showcase__big span{position:absolute;bottom:20px;left:22px;border-radius:999px;background:#ffffffee;padding:11px 18px;color:#0f5785;font-weight:800;font-size:13px}
.mi-shop-showcase__small{display:grid;grid-template-rows:repeat(2,1fr);gap:16px;height:440px}
.mi-shop-showcase__small img{height:212px;min-width:0;width:100%;object-fit:cover;border-radius:19px;box-shadow:0 8px 22px #17496d15}
.mi-shop-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:16px}
.mi-shop-strip img{display:block;width:100%;height:230px;object-fit:cover;border-radius:17px}
.mi-visit-grid{display:grid;grid-template-columns:1fr .87fr;gap:5%;align-items:center}
.mi-visit__copy>p{line-height:1.8;color:#516f84;font-size:14px}
.mi-visit__image{height:470px;overflow:hidden;border-radius:20px;background:#eaf5fb;display:flex;justify-content:center;box-shadow:0 17px 33px #1a5a7b1d}
.mi-visit__image img{display:block;width:100%;height:100%;object-fit:contain}
.mi-contact-line{display:flex;gap:14px;padding:14px 0;align-items:start;border-bottom:1px solid #dfebf2;color:#47667d;font-size:13px;line-height:1.7}
.mi-contact-line>span{font-size:22px;color:#0c7ab9;flex:0 0 27px}
.mi-contact-line b{color:#164c76;font-size:13px}
.mi-visit__copy .mi-action-row{margin-top:22px}
.mi-contact-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px}
.mi-contact-main,.mi-mini-contact,.mi-emergency{background:#f3f9fc;border:1px solid #dcebf4;border-radius:21px;padding:32px}
.mi-contact-heading{font-size:11px;letter-spacing:.15em;color:#36739a;font-weight:800}
.mi-contact-main h3{font:400 40px 'DM Serif Display',Georgia,serif;color:#125180;margin:10px 0 15px}
.mi-contact-main .mi-action-row{margin-top:25px}
.mi-break{overflow-wrap:anywhere}
.mi-contact-side{display:grid;gap:16px}
.mi-emergency{background:linear-gradient(135deg,#0d8050,#09623f);color:#fff;border:0}
.mi-emergency .eyebrow{color:#b5f6db}
.mi-emergency h3{font:400 29px 'DM Serif Display',Georgia,serif;color:#fff;margin:7px 0 6px}
.mi-emergency>a{font-size:32px;font-weight:900;color:#fff;white-space:nowrap}
.mi-emergency p{font-size:12px;margin-top:10px;color:#ddfff0}
.mi-mini-contact{padding:21px 26px;background:#f7fbfe}
.mi-mini-contact h3{font:400 23px 'DM Serif Display',Georgia,serif;color:#14517d;margin:0 0 8px}
.mi-mini-contact p{margin:0;font-size:12px;color:#557085}
.mi-mini-contact a{color:#0879bd;font-weight:900}
.mi-mini-contact small{display:block;font-size:11px;color:#637c8b;margin-top:5px}
.mi-logo-circle{width:148px;height:128px;background:#fff;border-radius:16px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 25px #175e7e12}
.mi-logo-circle img{max-height:115px;max-width:130px;object-fit:contain}
.mi-pet-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.mi-pet-facts>span{display:block;border:1px solid #d4eaf0;background:#eff9f6;color:#16775a;border-radius:10px;font-weight:750;padding:12px;font-size:12px}
.mi-dog-filters{margin:0 0 18px}.mi-dog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mi-dogs-pending{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;padding:33px;background:#fff;border:1px solid #d7eaf1;border-radius:22px;box-shadow:0 14px 36px #16537b10}
.mi-dogs-pending h3{font:400 33px 'DM Serif Display',Georgia,serif;color:#14507a;line-height:1.2}
.mi-dogs-pending p{font-size:13px;line-height:1.75;color:#4b6980}
.mi-dogs-pending__photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;height:255px}
.mi-dogs-pending__photos img{width:100%;height:100%;object-fit:cover;border-radius:13px}
.mi-dog-no-photo{height:210px;display:grid;place-items:center;color:#67879b;background:#edf6f9}
.mi-step{background:#f0f8fc;border:1px solid #dcebf4;padding:28px;border-radius:19px;min-height:220px}
.mi-step>span{font:400 44px 'DM Serif Display',Georgia,serif;color:#137bc3;line-height:1}
.mi-step h3{font:400 25px 'DM Serif Display',Georgia,serif;margin:18px 0 10px;color:#144e77}
.mi-step p{font-size:13px;line-height:1.75;margin:0;color:#526c7f}
.mi-step a{text-decoration:underline;font-weight:800}
.mi-donation-layout{display:grid;grid-template-columns:1.1fr .75fr;gap:11%;align-items:center}
.mi-donation-layout>div>p{font-size:14px;line-height:1.85;color:#486479}
.mi-donation-card{border:1px solid #cfecd9;border-radius:22px;background:#fff;box-shadow:0 15px 36px #1a6e3e12;padding:30px;text-align:center}
.mi-donation-card img{width:155px;height:150px;object-fit:contain;mix-blend-mode:multiply}
.mi-donation-card h3{font:400 27px 'DM Serif Display',Georgia,serif;color:#125b52;margin:15px 0 8px}
.mi-donation-card p{font-size:13px;color:#4a6774}
.mi-donation-card a{font-size:22px;font-weight:800;color:#087e4f}
.mi-donation-card small{font-size:10px;display:block;color:#6e8990;margin-top:15px}
.mi-simple-page{padding:80px 0;min-height:48vh;background:#fff}
.mi-simple-page h1{font-size:clamp(40px,5vw,64px);color:#126cad}
.mi-simple-prose{max-width:810px;line-height:1.8}
.mi-simple-prose a{color:#0873b8;text-decoration:underline}
.mi-fade{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.mi-fade.mi-shown{opacity:1;transform:none}
@media(max-width:1050px){
.mi-hero__copy{width:55%}.mi-hero h1{font-size:clamp(36px,4.7vw,56px)}
.mi-section{padding:60px 0}.mi-story-grid{gap:4%}.mi-three-grid,.mi-category-grid,.mi-service-grid{gap:12px}
.mi-feature-card,.mi-category{padding:24px}.mi-story-visual>img{height:470px}.mi-clinic__body{padding:25px}.mi-gallery{grid-auto-rows:180px}
.mi-floating-frame{right:-4px}
}
@media(max-width:800px){
.mi-hero{display:flex;flex-direction:column;min-height:0}.mi-hero__wrap{min-height:0;display:block;order:0}.mi-hero__copy{width:100%;padding:42px 0 30px;max-width:640px}
.mi-hero__photo{position:relative;inset:auto;order:1;min-height:330px;width:100%;background-size:cover;background-position:center}
.mi-hero:after{display:none}.mi-hero h1{font-size:clamp(38px,6.4vw,55px)}
.mi-section-top{grid-template-columns:1fr;gap:14px}.mi-lead{max-width:100%}
.mi-story-grid,.mi-media-text,.mi-media-text--reverse,.mi-visit-grid,.mi-contact-layout,.mi-donation-layout{grid-template-columns:1fr;gap:25px}
.mi-media-text--reverse .mi-media-text__visual,.mi-media-text--reverse .mi-media-text__copy{grid-column:auto;grid-row:auto}
.mi-media-text--reverse .mi-media-text__copy{grid-row:1}.mi-media-text--reverse .mi-media-text__visual{grid-row:2}
.mi-story-visual{max-height:500px}.mi-story-visual>img{height:480px;object-fit:contain;background:#eaf8f8}
.mi-media-text__visual{min-height:0}.mi-media-text__visual>img{height:400px}.mi-media-text__visual--wide>img{height:340px}
.mi-floating-frame{height:160px;bottom:-12px;right:8px}
.mi-three-grid,.mi-category-grid,.mi-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mi-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:195px}
.mi-gallery__tile--feature{grid-row:span 2}
.mi-clinic{grid-template-columns:42% 58%}.mi-clinic__details{grid-template-columns:1fr;gap:4px}
.mi-shop-showcase{grid-template-columns:1fr 1fr}.mi-visit__image{height:380px}
.mi-cta{padding:32px;flex-direction:column;align-items:start}.mi-cta__actions{justify-content:start}
.mi-dog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-dogs-pending{grid-template-columns:1fr}
}
@media(max-width:560px){
.mi-hero__copy{padding:31px 0 24px}.mi-hero h1{font-size:clamp(35px,9vw,44px);line-height:1.08}.mi-hero__copy>p{font-size:13px;line-height:1.7}.mi-hero__photo{min-height:245px}
.mi-hero .hero-buttons{gap:8px;margin-top:17px}.mi-hero .button{font-size:12px;padding:12px 14px;min-height:44px}
.mi-section{padding:44px 0;scroll-margin-top:76px}.mi-heading h2{font-size:clamp(29px,8vw,37px)}.mi-heading{margin-bottom:23px}.mi-heading>p{font-size:13px}
.mi-lead,.mi-story-body p,.mi-media-text__copy>p{font-size:13.5px;line-height:1.8}
.mi-story-visual>img{height:370px}.mi-story-body h2{font-size:36px}
.mi-three-grid,.mi-category-grid,.mi-service-grid{grid-template-columns:1fr;gap:12px}
.mi-feature-card,.mi-category{min-height:0;padding:23px}.mi-feature-icon{height:48px;width:48px;font-size:25px;margin-bottom:12px}
.mi-gallery{grid-auto-rows:150px;gap:9px}.mi-gallery__tile{border-radius:11px}.mi-gallery__tile--feature{grid-row:span 2}.mi-gallery__tile figcaption{font-size:10px;padding:25px 9px 8px}
.mi-media-text__visual>img{height:330px}.mi-media-text__visual--wide>img{height:235px}.mi-floating-frame{height:130px;width:32%}
.mi-service-tile>img{height:240px}.mi-service-tile>div{padding:20px}
.mi-clinic{grid-template-columns:1fr}.mi-clinic__picture{min-height:225px;height:225px}.mi-clinic__picture--symbol .mi-location-graphic{font-size:60px}.mi-clinic__body{padding:23px}.mi-clinic__body h3{font-size:32px}.mi-clinic__details{grid-template-columns:1fr 1fr;gap:12px}.mi-clinic__details p,.mi-clinic__team{font-size:12px}
.mi-action-row .button{font-size:11px;padding:11px 13px}
.mi-notice{padding:17px;align-items:flex-start}.mi-notice--call{flex-wrap:wrap}.mi-notice--call>.button{margin-left:0}
.mi-shop-showcase{grid-template-columns:1fr}.mi-shop-showcase__big{height:255px}.mi-shop-showcase__small{height:155px;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px}.mi-shop-showcase__small img{height:155px}.mi-shop-strip{gap:8px}.mi-shop-strip img{height:120px;border-radius:11px}
.mi-visit__image{height:330px}.mi-contact-main,.mi-mini-contact,.mi-emergency{padding:23px}.mi-emergency>a{font-size:27px}.mi-contact-main h3{font-size:33px}
.mi-dogs-pending{padding:20px}.mi-dogs-pending__photos{height:180px}.mi-dogs-pending h3{font-size:29px}.mi-pet-facts{grid-template-columns:1fr 1fr}
.mi-step{min-height:0;padding:22px}.mi-donation-card{padding:25px}
.mi-cta-section{padding:0 0 45px}.mi-cta{border-radius:20px;padding:26px}.mi-cta h2{font-size:29px}.mi-cta__actions{width:100%}.mi-cta__actions .button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.mi-fade{opacity:1!important;transform:none!important;transition:none!important}.mi-feature-card,.mi-service-tile,.mi-gallery__tile img{transition:none!important}}

/* V12 - O NAMA ONLY. Reuse the exact approved homepage classes and typography.
   No h1 font, font-size, line-height, font-weight or button CSS overrides.
   No global layout, header, footer or front-page edits. */
.mi-about-page .mi-about-homehero .home-hero-photo{background-position:center center}
.mi-about-page .mi-about-homehero:after{background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 26%,rgba(249,252,255,.98) 36%,rgba(249,252,255,.73) 44%,rgba(249,252,255,.18) 54%,transparent 66%)}
.mi-about-page .mi-about-homehero .home-hero-photo:before{width:375px;left:-125px;background:linear-gradient(90deg,#f9fcff 0%,#f9fcffeb 22%,#f9fcff99 53%,transparent 100%)}
.mi-about-page .mi-about-homehero .home-hero-photo:after{width:365px;background:radial-gradient(ellipse,rgba(255,255,255,.53),transparent 73%)}
.mi-about-page .mi-about-services{padding-top:19px}
.mi-about-page .mi-about-services .home-service-item>img{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%)}
.mi-about-page .mi-about-services .home-service-item:nth-child(2) .service-icon{color:var(--green);border-color:#d4f2df}
.mi-about-page .mi-about-services .home-service-item:nth-child(3)>img{object-position:55% 45%}
.mi-about-page .mi-about-story-section{padding:17px 0 22px}
.mi-about-page .mi-about-story-band{position:relative;display:grid;grid-template-columns:54% 46%;align-items:center;min-height:380px;overflow:hidden;border:1px solid #e2f0e8;background:linear-gradient(115deg,#eef9f3,#f9fcff);border-radius:19px;box-shadow:0 10px 28px #145a7820}
.mi-about-page .mi-about-story-copy{padding:38px 46px;position:relative;z-index:1}
.mi-about-page .mi-about-story-copy h2,.mi-about-page .mi-about-final-copy h2{margin:12px 0 16px;color:var(--navy);font-family:'DM Serif Display',Georgia,serif;font-size:clamp(28px,2.55vw,39px);font-weight:400;line-height:1.17;letter-spacing:-.025em}
.mi-about-page .mi-about-story-copy p,.mi-about-page .mi-about-final-copy p{max-width:610px;font-size:14px;line-height:1.65;color:#30465d;margin-bottom:13px}
.mi-about-page .mi-about-story-copy .button{margin-top:6px}
.mi-about-page .mi-about-story-photo{height:100%;min-height:380px;position:relative;overflow:hidden}
.mi-about-page .mi-about-story-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 39%}
.mi-about-page .mi-about-story-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#eef9f3 0%,rgba(238,249,243,.91) 7%,rgba(238,249,243,.22) 27%,transparent 54%)}
.mi-about-page .mi-about-moments{padding:35px 0 19px}
.mi-about-page .mi-about-moments .section-title{margin-bottom:20px}
.mi-about-page .mi-about-moments .section-title h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:var(--navy);font-size:clamp(26px,2.7vw,39px);margin:5px 0 6px}
.mi-about-page .mi-about-moments .section-title p{font-size:13px;margin:0}
.mi-about-page .mi-about-moments-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.mi-about-page .mi-about-moment{position:relative;height:260px;margin:0;background:#eaf5fb;border:1px solid #e2eff5;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(17,72,103,.09)}
.mi-about-page .mi-about-moment img{display:block;height:100%;width:100%;object-fit:cover;object-position:center 40%;transition:transform .45s ease}
.mi-about-page .mi-about-moment--main img{object-position:center 44%}
.mi-about-page .mi-about-moment:nth-child(2) img{object-position:center 45%}
.mi-about-page .mi-about-moment:nth-child(3) img{object-position:center 35%}
.mi-about-page .mi-about-moment:after{content:'';position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(7,46,70,.68));pointer-events:none}
.mi-about-page .mi-about-moment figcaption{position:absolute;z-index:1;bottom:15px;left:17px;color:#fff;font-weight:700;font-size:13px;text-shadow:0 1px 8px #07283c7a}
.mi-about-page .mi-about-bottom{padding:6px 0 38px}
.mi-about-page .mi-about-final-band{display:grid;grid-template-columns:1fr .87fr;gap:20px;padding:0;min-height:270px;overflow:hidden;align-items:stretch;border-radius:19px}
.mi-about-page .mi-about-final-copy{padding:33px 37px;align-self:center}
.mi-about-page .mi-about-final-copy h2{margin:10px 0 12px}
.mi-about-page .mi-about-final-copy .hero-buttons{margin-top:17px}
.mi-about-page .mi-about-final-photo{height:100%;min-height:270px;position:relative;overflow:hidden}
.mi-about-page .mi-about-final-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 53%}
.mi-about-page .mi-about-final-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eff9f3 0%,rgba(239,249,243,.84) 10%,transparent 47%);z-index:1;pointer-events:none}
@media(hover:hover) and (pointer:fine){.mi-about-page .mi-about-moment:hover img{transform:scale(1.03)}}
@media(max-width:1040px){.mi-about-page .mi-about-story-copy{padding:30px}.mi-about-page .mi-about-moments-grid{gap:11px}}
@media(max-width:850px){.mi-about-page .mi-about-homehero .home-hero-photo{background-position:center center}.mi-about-page .mi-about-homehero:after{background:linear-gradient(180deg,#f9fcff 0%,#f9fcff 33%,rgba(249,252,255,.62) 48%,transparent 80%)}.mi-about-page .mi-about-homehero .home-hero-photo:before,.mi-about-page .mi-about-homehero .home-hero-photo:after{display:none}.mi-about-page .mi-about-story-band{grid-template-columns:1fr}.mi-about-page .mi-about-story-copy{padding:30px 30px 12px}.mi-about-page .mi-about-story-photo{min-height:285px}.mi-about-page .mi-about-story-photo img{object-position:center 37%}.mi-about-page .mi-about-story-photo:after{background:linear-gradient(180deg,#eef9f3 0%,rgba(238,249,243,.38) 20%,transparent 50%)}.mi-about-page .mi-about-moments-grid{grid-template-columns:repeat(2,1fr)}.mi-about-page .mi-about-moment:first-child{grid-row:span 2;height:auto;min-height:350px}.mi-about-page .mi-about-final-band{grid-template-columns:1fr}.mi-about-page .mi-about-final-photo{min-height:280px}.mi-about-page .mi-about-final-photo:before{background:linear-gradient(180deg,#eff9f3,transparent 48%)}}
@media(max-width:560px){.mi-about-page .mi-about-homehero .home-hero-photo{background-position:center 38%;height:295px}.mi-about-page .mi-about-homehero .home-hero-copy{padding-top:27px}.mi-about-page .mi-about-homehero h1{font-size:clamp(31px,8.7vw,43px)}.mi-about-page .mi-about-homehero .trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-about-page .mi-about-services{padding-top:14px}.mi-about-page .mi-about-services .home-service-item:nth-child(2)>img{object-position:center 50%}.mi-about-page .mi-about-story-section{padding:12px 0}.mi-about-page .mi-about-story-copy{padding:25px 20px 4px}.mi-about-page .mi-about-story-copy h2,.mi-about-page .mi-about-final-copy h2{font-size:30px}.mi-about-page .mi-about-story-copy p,.mi-about-page .mi-about-final-copy p{font-size:13px}.mi-about-page .mi-about-story-photo{min-height:260px}.mi-about-page .mi-about-moments{padding:20px 0 18px}.mi-about-page .mi-about-moments .section-title{gap:12px}.mi-about-page .mi-about-moments .section-title h2{font-size:28px}.mi-about-page .mi-about-moments-grid{grid-template-columns:1fr 1fr;gap:9px}.mi-about-page .mi-about-moment{height:195px;border-radius:13px}.mi-about-page .mi-about-moment:first-child{min-height:399px}.mi-about-page .mi-about-moment figcaption{font-size:11px;left:10px;bottom:10px}.mi-about-page .mi-about-final-copy{padding:25px 20px 5px}.mi-about-page .mi-about-final-photo{min-height:240px}.mi-about-page .mi-about-bottom{padding-bottom:26px}}
@media(prefers-reduced-motion:reduce){.mi-about-page .mi-about-moment img{transition:none}}


/* V12.2.3 — isključivo Petropolis fotografije i poravnanje činjenica na naslovnici. */
/* API već vraća cijele fotografije; cover ih ponovno reže unutar kartica. */
.home-petropolis .pet-dogs .dog-card img {
  display: block;
  width: 100%;
  object-fit: contain;
  object-position: center center;
  background: #eaf3f7;
}
/* Četiri postojeće informacije zadržavaju svoju pozadinu i tekst. */
.home-petropolis .pet-facts {
  grid-auto-rows: minmax(0, 1fr);
}
.home-petropolis .pet-facts > span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 0;
  width: 100%;
  height: 100%;
}


/* V12.2.4 — odobrene korekcije isključivo naslovnice (hero + Petropolis). */
/* Dodatna kratka poruka pripada samo mobilnom hero prikazu. */
.home-hero .home-hero-mobile-summary{display:none}

/* Desktop: isti originalni hero, ali kontinuirano stapanje bez vidljivog početka fotografije. */
@media (min-width:851px){
  .home-hero{
    background:linear-gradient(112deg,#f8fcff 0%,#f1f8fd 58%,#edf7fb 100%);
  }
  .home-hero .home-hero-photo{
    inset:0 0 0 38%;
    background-position:center center;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.05) 8%,rgba(0,0,0,.33) 23%,rgba(0,0,0,.83) 43%,#000 67%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.05) 8%,rgba(0,0,0,.33) 23%,rgba(0,0,0,.83) 43%,#000 67%);
  }
  .home-hero .home-hero-photo::before,
  .home-hero .home-hero-photo::after,
  .home-hero::after{display:none}
}

/* Četvrti stvarni pas zauzima mjesto informativnog bloka, bez promjene API adresa. */
.home-petropolis .petropolis-layout{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.9fr);
  align-items:center;
  gap:20px;
}
.home-petropolis .pet-facts{display:none}
.home-petropolis .pet-dogs{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
  min-width:0;
}
.home-petropolis .pet-dogs .dog-card{display:flex;flex-direction:column;min-width:0}
.home-petropolis .pet-dogs .dog-card-body{display:flex;flex:1;flex-direction:column;min-width:0}
.home-petropolis .pet-dogs .dog-card .button{margin-top:auto}
/* Izvorna fotografija je cijela; diskretno zamagljena pozadina je ISTA fotografija. */
.home-petropolis .pet-dogs .wfp-home-photo{
  position:relative;isolation:isolate;overflow:hidden;
  display:block;width:100%;height:145px;
  background:#eaf3f7;
}
.home-petropolis .pet-dogs .wfp-home-photo img{
  display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;
}
.home-petropolis .pet-dogs .wfp-home-photo .wfp-photo-backdrop{
  z-index:0;object-fit:cover;
  filter:blur(11px) saturate(.82) brightness(.94);
  transform:scale(1.2);
}
.home-petropolis .pet-dogs .wfp-home-photo .wfp-photo-main{
  z-index:1;object-fit:contain;object-position:center center;background:transparent;
}
@media (min-width:851px) and (max-width:1160px){
  /* Na užem desktopu zadržava se puno prostora za sve četiri fotografije. */
  .home-petropolis .petropolis-layout{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:850px){
  .home-petropolis .petropolis-layout{grid-template-columns:minmax(0,1fr)}
  .home-petropolis .pet-dogs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-petropolis .pet-dogs .wfp-home-photo{height:180px}
  /* Tablet: zadržan čisti prikaz cijelih fotografija iz prethodne verzije. */
  .home-petropolis .pet-dogs .wfp-home-photo .wfp-photo-backdrop{display:none}
  .home-petropolis .pet-dogs .wfp-home-photo .wfp-photo-main{background:#eaf3f7}
}

/* Poseban mobilni hero: fotografija je na vrhu, a skraćena poruka ulazi u njezin blagi prijelaz. */
@media (max-width:600px){
  .home-hero{
    display:block;position:relative;min-height:0;overflow:hidden;isolation:isolate;
    background:radial-gradient(ellipse at 96% 81%,rgba(14,150,102,.10),transparent 35%),
               radial-gradient(ellipse at 0 46%,rgba(3,125,203,.075),transparent 37%),
               linear-gradient(180deg,#f8fcff,#eef7fc);
  }
  .home-hero .home-hero-photo{
    position:absolute;inset:0 0 auto 0;z-index:-1;
    order:unset;width:100%;height:clamp(345px,108vw,500px);
    background-size:cover;background-position:50% 37%;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 53%,rgba(0,0,0,.9) 65%,rgba(0,0,0,.33) 83%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 53%,rgba(0,0,0,.9) 65%,rgba(0,0,0,.33) 83%,transparent 100%);
  }
  .home-hero .home-hero-photo::before,
  .home-hero .home-hero-photo::after,
  .home-hero::after{display:none}
  .home-hero .home-hero-inner{
    width:calc(100% - 36px);min-height:0;display:block;
    margin-inline:auto;padding:clamp(290px,82vw,394px) 0 36px;
  }
  .home-hero .home-hero-copy{width:100%;padding:0}
  .home-hero .home-hero-copy .eyebrow{display:block;font-size:10px;letter-spacing:.16em;margin-bottom:14px;color:#547a96}
  .home-hero .home-hero-copy h1{
    margin:0 0 15px;
    font-size:clamp(30px,8.5vw,43px);line-height:1.12;
    letter-spacing:-.035em;
  }
  .home-hero .home-hero-copy>p:not(.home-hero-mobile-summary){display:none}
  .home-hero .home-hero-mobile-summary{
    display:block;font-size:clamp(14px,3.85vw,17px);
    line-height:1.55;color:#335a79;margin:0 0 20px;max-width:440px;
  }
  .home-hero .hero-buttons{display:grid;grid-template-columns:1fr;gap:11px;margin:0}
  .home-hero .hero-buttons .button{width:100%;min-height:49px;font-size:14px;padding:13px 18px}
  .home-hero .trust-row{display:none}
  .home-petropolis .pet-dogs{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .home-petropolis .pet-dogs .dog-card:nth-child(3){display:flex}
  .home-petropolis .pet-dogs .wfp-home-photo{height:140px}
}
@media (max-width:360px){
  .home-hero .home-hero-inner{width:calc(100% - 28px);padding-top:clamp(265px,81vw,305px)}
  .home-hero .home-hero-copy h1{font-size:clamp(27px,8.35vw,31px)}
  .home-petropolis .pet-dogs .wfp-home-photo{height:128px}
}
@media (prefers-reduced-motion:reduce){
  .home-petropolis .pet-dogs .wfp-photo-main{transition:none}
}


/* V12.2.5 — Samo naslovna / Naše ambulante: odobreni raspored četiri kartice. */
.home-locations.mi-home-ambulantes{
  padding:0 0 42px;
  background:linear-gradient(180deg,#f7fbff 0%,#ecf6fc 40%,#eaf5fb 100%);
  position:relative;overflow:hidden;
}
.mi-home-ambulantes-heading{
  position:relative;text-align:center;padding:45px 20px 35px;
  background:radial-gradient(ellipse at 0% 80%,#dfeffc 0%,transparent 27%),
             radial-gradient(ellipse at 90% 0%,#e7f6f2 0%,transparent 32%),
             linear-gradient(180deg,#f8fcff,#f0f9fe);
}
.mi-home-ambulantes-eyebrow{position:relative;z-index:1;font-size:11px;letter-spacing:.29em;font-weight:800;color:#526f8d}
.mi-home-ambulantes-heading h2{position:relative;z-index:1;font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em;font-size:clamp(39px,5.3vw,79px);line-height:1.05;margin:13px 0 15px}
.mi-home-ambulantes-heading h2 span{color:#116cae}
.mi-home-ambulantes-heading h2 em{font-style:normal;color:#098448}
.mi-home-ambulantes-heading>p{position:relative;z-index:1;color:#53708e;max-width:850px;font-size:clamp(13px,1.22vw,19px);line-height:1.55;margin:0 auto}
.mi-home-ambulantes-decor{position:absolute;pointer-events:none;opacity:.11;line-height:1;color:#1372bd}
.mi-home-ambulantes-decor--paw{left:8%;top:36px;font-size:115px;filter:grayscale(1) sepia(1) hue-rotate(162deg) saturate(2)}
.mi-home-ambulantes-decor--cross{right:7%;top:29px;font-size:93px;font-weight:400;color:#148c76;letter-spacing:-.1em}
.mi-home-ambulantes-wrap{width:min(1620px,calc(100% - 70px));margin-inline:auto}
.mi-home-ambulantes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mi-home-ambulante-card{display:flex;flex-direction:column;min-width:0;border-radius:19px;overflow:hidden;background:linear-gradient(150deg,#fff,#f4faff);box-shadow:0 16px 36px rgba(17,68,105,.065);border:1px solid #e8f0f6;transition:transform .25s ease,box-shadow .25s ease}
.mi-home-ambulante-card--green{background:linear-gradient(155deg,#f6fff9,#eaf8f2)}
@media(hover:hover) and (pointer:fine){.mi-home-ambulante-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(17,68,105,.13)}}
.mi-home-ambulante-picture{height:clamp(175px,15.2vw,236px);position:relative;overflow:hidden;background:#e3eff7}
.mi-home-ambulante-picture>img{display:block;height:100%;width:100%;object-fit:cover;object-position:center 52%}
.mi-home-ambulante-picture--shop>img{object-position:center 32%}
.mi-home-ambulante-picture--empty{background:#e6f5fb;display:flex;justify-content:center;align-items:center}
.mi-home-ambulante-badge{position:absolute;left:15px;top:15px;background:#fff;color:#123c64;border-radius:30px;padding:9px 15px;font-size:12px;line-height:1;font-weight:800;box-shadow:0 3px 13px #17527b1a;max-width:calc(100% - 30px)}
.mi-home-ambulante-badge-icon{color:#0878c4;font-size:18px;vertical-align:-1px;margin-right:4px}
.mi-home-ambulante-placeholder{color:#638ba3;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:13px;text-align:center;padding:35px 8px 0}
.mi-home-ambulante-placeholder svg{height:28px;width:28px;display:block;color:#1886bc}
.mi-home-ambulante-body{display:flex;flex-direction:column;flex:1;gap:0;padding:19px 17px 18px}
.mi-home-ambulante-intro{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:11px;flex:1}
.mi-home-ambulante-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cde7f8;background:linear-gradient(150deg,#fff,#f0f9ff);border-radius:50%;color:#0d78be}
.mi-home-ambulante-icon svg{width:23px;height:23px}
.mi-home-ambulante-body h3{font-family:'DM Serif Display',Georgia,serif;color:#143e65;font-size:clamp(22px,1.9vw,29px);line-height:1.1;font-weight:400;letter-spacing:-.015em;margin:1px 0 8px}
.mi-home-ambulante-body .mi-home-ambulante-intro p{font-size:12.5px;line-height:1.55;color:#526b87;margin:0 0 15px}
.mi-home-ambulante-address{border-top:1px solid #d9e7ee;padding:12px 0 0;margin:0 0 14px;color:#526c86;font-size:12px;line-height:1.5;min-height:46px}
.mi-home-ambulante-address span{color:#0e79c1;font-size:12px;margin-right:7px}
.mi-home-ambulante-action{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(120deg,#117fcb,#0969ac);color:white;border:1px solid #127fc6;border-radius:999px;font-weight:800;line-height:1.15;padding:12px 25px;font-size:13px;min-height:43px;min-width:153px;transition:background .2s,transform .2s}
.mi-home-ambulante-action:hover{color:#fff;transform:translateY(-1px);background:#085b99}
.mi-home-ambulante-action span{font-size:20px;line-height:0}
.mi-home-ambulante-action--outline{background:#fff;color:#087344;border-color:#188857}
.mi-home-ambulante-action--outline:hover{background:#effaf3;color:#07633c}
@media(max-width:1250px){.mi-home-ambulantes-wrap{width:calc(100% - 44px)}.mi-home-ambulantes-grid{gap:14px}.mi-home-ambulante-body{padding:16px 12px}.mi-home-ambulante-intro{grid-template-columns:36px minmax(0,1fr);gap:8px}.mi-home-ambulante-icon{height:36px;width:36px}.mi-home-ambulante-icon svg{height:20px;width:20px}.mi-home-ambulante-body h3{font-size:24px}.mi-home-ambulante-badge{left:10px;top:10px;padding:9px 11px}}
@media(max-width:980px){.mi-home-ambulantes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mi-home-ambulante-picture{height:220px}.mi-home-ambulante-body{padding:17px}.mi-home-ambulante-intro{grid-template-columns:44px minmax(0,1fr);gap:11px}.mi-home-ambulante-icon{height:44px;width:44px}.mi-home-ambulante-body h3{font-size:27px}.mi-home-ambulantes-decor{opacity:.07}}
@media(max-width:560px){.home-locations.mi-home-ambulantes{padding-bottom:28px}.mi-home-ambulantes-heading{padding:28px 17px 23px}.mi-home-ambulantes-heading h2{font-size:clamp(36px,9.6vw,50px);margin:11px 0 12px}.mi-home-ambulantes-eyebrow{font-size:9px;letter-spacing:.19em}.mi-home-ambulantes-heading>p{font-size:13px}.mi-home-ambulantes-desktop-break{display:none}.mi-home-ambulantes-decor--paw{font-size:62px;left:-13px;top:37px}.mi-home-ambulantes-decor--cross{font-size:55px;right:0;top:31px}.mi-home-ambulantes-wrap{width:calc(100% - 26px)}.mi-home-ambulantes-grid{grid-template-columns:minmax(0,1fr);gap:15px}.mi-home-ambulante-picture{height:205px}.mi-home-ambulante-body{padding:16px}.mi-home-ambulante-intro{grid-template-columns:43px minmax(0,1fr);gap:11px}.mi-home-ambulante-body h3{font-size:27px}.mi-home-ambulante-body .mi-home-ambulante-intro p{font-size:13px;min-height:0}.mi-home-ambulante-address{min-height:0}.mi-home-ambulante-action{align-self:flex-start}.mi-home-ambulante-placeholder{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mi-home-ambulante-card,.mi-home-ambulante-action{transition:none}}


/* V12.2.7 — homepage RTG premium section (only new section added) */
.home-rtg{background:#f7fbfe;padding:4px 0 16px}
.mi-home-rtg-band{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.08fr);gap:24px;align-items:center;padding:24px;border-radius:22px;background:linear-gradient(135deg,#eef6fb 0%,#f9fcff 46%,#edf8f1 100%);border:1px solid #dceaf3;box-shadow:0 14px 38px rgba(18,77,120,.08);overflow:hidden}
.mi-home-rtg-band:before{content:"";position:absolute;inset:auto auto -110px -95px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(22,121,197,.12) 0%,rgba(22,121,197,0) 72%);pointer-events:none}
.mi-home-rtg-band:after{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(31,154,84,.12) 0%,rgba(31,154,84,0) 72%);pointer-events:none}
.mi-home-rtg-copy,.mi-home-rtg-visual{position:relative;z-index:1}
.mi-home-rtg-copy h2{font-size:clamp(36px,3.25vw,54px);line-height:1.05;margin:10px 0 15px;letter-spacing:-.02em}
.mi-home-rtg-copy p{margin:0;max-width:540px;font-size:15px;line-height:1.66;color:#29455f}
.mi-home-rtg-features{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 19px}
.mi-home-rtg-features span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid #d8e8f1;box-shadow:0 8px 18px rgba(13,63,95,.05);font-size:12px;font-weight:700;color:#17486d}
.mi-home-rtg-features span:before{content:"✦";color:#178e5a;font-size:12px;line-height:1}
.mi-home-rtg-actions{gap:10px}
.mi-home-rtg-visual{display:flex;flex-direction:column;gap:10px}
.mi-home-rtg-compare{--compare-position:53%;position:relative;min-height:410px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#f3f7fa 0%,#edf4f7 100%);box-shadow:0 18px 38px rgba(13,63,95,.14),inset 0 0 0 1px rgba(255,255,255,.55)}
.mi-home-rtg-layer{position:absolute;inset:0;background-repeat:no-repeat;background-position:center center;background-size:contain}
.mi-home-rtg-layer--dog{background-color:#eef4f7;background-position:center 58%}
.mi-home-rtg-layer--xray{background-color:#091015;background-position:center center;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}
.mi-home-rtg-divider{position:absolute;top:0;bottom:0;left:var(--compare-position);width:2px;transform:translateX(-1px);background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.86) 100%);box-shadow:0 0 0 1px rgba(15,92,156,.08),0 0 18px rgba(255,255,255,.55);z-index:3}
.mi-home-rtg-handle{position:absolute;left:var(--compare-position);top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#1765a3;border:1px solid #d4e3ec;box-shadow:0 14px 28px rgba(13,63,95,.18);font-size:24px;font-weight:800;z-index:4;user-select:none}
.mi-home-rtg-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5}
.mi-home-rtg-label{position:absolute;top:16px;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);box-shadow:0 10px 22px rgba(13,63,95,.12);z-index:4}
.mi-home-rtg-label--left{left:16px;background:rgba(255,255,255,.88);border:1px solid #d8e5ee;color:#15548f}
.mi-home-rtg-label--right{right:16px;background:rgba(11,18,24,.78);border:1px solid rgba(255,255,255,.18);color:#fff}
.mi-home-rtg-note{margin:0 2px;font-size:12px;line-height:1.45;color:#53718a}
@media(max-width:1100px){.mi-home-rtg-band{grid-template-columns:minmax(0,1fr);gap:18px}.mi-home-rtg-copy{order:2}.mi-home-rtg-visual{order:1}.mi-home-rtg-copy p{max-width:unset}.mi-home-rtg-compare{min-height:360px}}
@media(max-width:760px){.home-rtg{padding:8px 0 16px}.mi-home-rtg-band{padding:18px;border-radius:18px}.mi-home-rtg-copy h2{font-size:clamp(31px,8.3vw,42px)}.mi-home-rtg-copy p{font-size:14px;line-height:1.62}.mi-home-rtg-features{gap:8px;margin:16px 0 18px}.mi-home-rtg-features span{font-size:11px;padding:9px 11px}.mi-home-rtg-compare{min-height:315px;border-radius:17px}.mi-home-rtg-handle{width:50px;height:50px;font-size:22px}.mi-home-rtg-label{top:12px;padding:7px 10px;font-size:10px}.mi-home-rtg-actions{display:grid;grid-template-columns:1fr;gap:10px}.mi-home-rtg-actions .button{width:100%;justify-content:center}}
@media(max-width:560px){.mi-home-rtg-band{padding:16px}.mi-home-rtg-compare{min-height:280px}.mi-home-rtg-copy h2{margin-bottom:13px}.mi-home-rtg-copy p{font-size:13px}.mi-home-rtg-note{font-size:11px}}