:root{--ink:#17324a;--blue:#377fb3;--line:#dce8ef;--muted:#667788}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 Arial,"Apple SD Gothic Neo",sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;background:var(--ink);color:#9de4d2;width:38px;height:38px;border-radius:13px;justify-content:center;font-weight:900}.brand b{position:absolute;margin-left:120px;color:var(--ink);white-space:nowrap;font-size:21px}.brand small{font-size:11px;color:#7c8b98}nav{display:flex;gap:26px;align-items:center;font-weight:700;font-size:14px}nav button{border:1px solid var(--line);background:white;border-radius:99px;padding:8px 12px}.hero{min-height:610px;background:linear-gradient(135deg,#f4fbff,#eaf7ff 70%,#fff9dc);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.copy{padding:65px max(24px,calc((100vw - 1180px)/2));padding-right:15px;z-index:2}.eyebrow{display:inline-block;background:#fff;border:1px solid #cfe5f2;border-radius:99px;padding:7px 13px;color:#347296;font-size:13px;font-weight:800}.copy h1{font-size:clamp(42px,5vw,68px);line-height:1.12;letter-spacing:-3px;margin:20px 0}.copy h1 em{font-style:normal;color:var(--blue)}.copy>p{font-size:18px;color:#526979}.visual{height:610px;background:url('/petnyam-hero.png') center right/cover}.finder{position:relative;background:#fff;margin-top:30px;padding:21px;border-radius:24px;box-shadow:0 22px 60px #285c7b20;max-width:650px}.finder>label{font-size:14px;font-weight:800}.pets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:11px 0}.pets button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px 2px;color:#526372;font-size:12px}.pets button span{display:block;font-size:24px}.pets button.active{border:2px solid #5ca8d6;background:#edf8ff;color:#26678f;font-weight:800}.search{height:58px;border:2px solid var(--ink);border-radius:16px;display:flex;align-items:center;padding:0 15px}.search input{border:0;outline:0;width:100%;font-size:17px}.suggest{position:absolute;top:100%;left:20px;right:20px;background:white;border:1px solid var(--line);border-radius:15px;padding:8px;box-shadow:0 14px 32px #17324a22;z-index:4}.suggest a{display:flex;justify-content:space-between;padding:11px;border-radius:10px}.suggest a:hover{background:#f3f8fb}.quick{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:22px;border-bottom:1px solid var(--line)}.quick div{text-align:center;border-right:1px solid var(--line)}.quick div:last-child{border:0}.quick span{color:var(--muted);font-size:13px;margin-left:8px}.section{max-width:1180px;margin:85px auto;padding:0 24px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.label{font-size:12px;letter-spacing:1.4px;color:#4484a9;font-weight:900}.head h2{font-size:30px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid var(--line);border-radius:18px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.card>span:first-child{font-size:26px;background:#f5f9fb;padding:8px;border-radius:13px}.card h3,.card p{margin:0}.card p{font-size:12px;color:#81909d}.pill{font-size:11px;padding:5px 8px;border-radius:99px}.trust{max-width:1132px;margin:90px auto;padding:45px 50px;background:var(--ink);color:white;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.trust h2{font-size:34px;margin:5px 0}.trust>p{color:#c9d7e2;font-size:17px}.ad{max-width:800px;min-height:120px;margin:50px auto;display:grid;place-items:center;border:1px dashed #bdcbd5;color:#99a6b0;font-size:11px}footer{border-top:1px solid var(--line);padding:40px max(24px,calc((100vw - 1132px)/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted)}footer div{display:flex;gap:18px}.detail{background:#f7fbfd;min-height:800px;padding:40px 24px}.wrap{max-width:1000px;margin:auto}.back{font-weight:700}.verdict{margin-top:20px;border-radius:26px;padding:35px 45px;display:flex;align-items:center;gap:25px}.big{font-size:58px;background:white;padding:15px;border-radius:25px}.verdict h1{font-size:40px;margin:0}.grid{display:grid;grid-template-columns:1fr 310px;gap:20px;margin-top:20px}.info,.share,.emergency{background:white;border:1px solid var(--line);border-radius:19px;padding:26px;margin-bottom:16px}.info h2{margin-top:5px}.info a{display:flex;justify-content:space-between;border:1px solid var(--line);padding:12px;border-radius:11px;margin:8px 0;font-weight:bold}.share button{width:100%;padding:10px;margin:4px 0;border:1px solid var(--line);border-radius:10px;background:white}.emergency{background:#fff7e2}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related a{background:white;border:1px solid var(--line);border-radius:13px;padding:16px}.policy{max-width:760px;margin:50px auto;padding:45px;border:1px solid var(--line);border-radius:24px}.policy h1{font-size:36px}@media(max-width:850px){.hero{grid-template-columns:1fr}.copy{padding:40px 24px 20px}.visual{height:320px}.cards{grid-template-columns:repeat(2,1fr)}.grid,.trust{grid-template-columns:1fr}.trust{margin:60px 24px}.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header{height:66px}nav>a{display:none}.hero{display:flex;flex-direction:column}.copy{width:100%}.copy h1{font-size:42px}.pets button{font-size:0}.pets button span{font-size:25px}.visual{width:100%;height:245px}.cards{grid-template-columns:1fr}.head>span{display:none}.quick div{display:flex;flex-direction:column}.trust{padding:28px 24px}.verdict{padding:22px 18px}.big{font-size:40px}.verdict h1{font-size:27px}.related{grid-template-columns:1fr}.policy{margin:20px;padding:25px}}

/* Keep the icon and wordmark in normal flow at every viewport size. */
header .brand{width:auto;height:auto;flex:0 0 auto;background:transparent;justify-content:flex-start;gap:10px;color:var(--ink)}
header .brand-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:var(--ink);color:#9de4d2;line-height:1}
header .brand b{position:static;margin:0;display:flex;align-items:baseline;gap:6px;line-height:1.4;white-space:nowrap}
header .brand small{font-size:12px;color:#667788}
@media(max-width:360px){header{padding-inline:16px}header .brand{gap:8px}header .brand b{font-size:20px}header nav{gap:0}}
/* Centered navigation with a separate, accessible language selector. */
header{display:grid;grid-template-columns:auto 1fr auto;gap:24px;height:auto;min-height:76px}
header nav{justify-self:center;gap:8px}
header nav a{display:block!important;padding:10px 16px;border-radius:12px;white-space:nowrap}
header nav a:hover,header nav a:focus-visible{background:#edf8ff;color:#26678f}
.language{position:relative;justify-self:end}
.language>button{border:1px solid var(--line);background:white;border-radius:99px;padding:9px 14px;color:var(--ink);white-space:nowrap;cursor:pointer}
#language-options{position:absolute;right:0;top:calc(100% + 8px);width:145px;padding:6px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #17324a22;z-index:20}
#language-options[hidden]{display:none}
#language-options button{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border:0;background:white;border-radius:9px;cursor:pointer;color:var(--ink)}
#language-options button:hover,#language-options button[aria-pressed="true"]{background:#edf8ff}
button:focus-visible,a:focus-visible{outline:2px solid #377fb3;outline-offset:3px}
@media(max-width:700px){header{grid-template-columns:1fr auto;gap:8px 14px;padding-top:14px;padding-bottom:8px}header nav{grid-column:1 / -1;grid-row:2;justify-self:stretch;justify-content:center;gap:4px;border-top:1px solid var(--line);padding-top:6px}header nav a{font-size:14px;padding:9px 12px}.language{grid-column:2;grid-row:1}}
.ad .adsbygoogle{width:100%;min-width:250px}