@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102d65;--orange:#ff9014;--ink:#17366a;--muted:#637996;--line:#e3eaf3;--bg:#f8faff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 83% 25%,#fff0dc 0,transparent 37%),radial-gradient(ellipse at 5% 70%,#eaf3ff 0,transparent 45%),var(--bg);font-family:Manrope,Arial,sans-serif;color:var(--ink);min-height:100vh}a{color:inherit}
.page{max-width:1340px;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:30px 52px 0}.header{height:65px;display:flex;align-items:center}.brand img{width:232px;height:auto;display:block}.main{flex:1}
.hero{position:relative;height:360px;margin:8px 0 0;isolation:isolate;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:77%;padding-bottom:8px}.hero h1{font-size:clamp(53px,5.2vw,76px);line-height:1.045;letter-spacing:-3.3px;font-weight:800;color:var(--navy);margin:0 0 20px;white-space:nowrap}.hero h1 span{color:var(--orange)}.hero p{font-size:19px;font-weight:500;color:var(--muted);line-height:1.5;margin:0}.hero-pets{position:absolute;right:-15px;bottom:0;width:43%;max-width:530px;max-height:345px;height:auto;object-fit:contain;object-position:bottom right;z-index:1;pointer-events:none}
.recommendation{background:#eaf4ff;border:1px solid #dfebf8;border-radius:19px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:105px}.recommendation[hidden]{display:none}.recommendation-copy{display:flex;align-items:center;gap:18px}.pin{width:42px;height:45px;display:grid;place-items:center;color:var(--navy);flex-shrink:0}.pin svg{width:38px;height:38px}.recommend-title{font-size:18px;font-weight:800;margin:0 0 5px;color:var(--navy)}.recommend-hint{font-size:14px;color:var(--muted);margin:0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:12px 28px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.button-primary{background:var(--orange);color:#142b54;box-shadow:0 5px 12px #ff921820}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #ff921833}
.country-section{margin-top:27px}.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.store-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:19px;min-height:205px;padding:29px 26px;text-decoration:none;box-shadow:0 8px 24px #142f6707;transition:transform .16s,border-color .16s,box-shadow .16s}.store-card:hover{transform:translateY(-3px);border-color:#ffb660;box-shadow:0 12px 26px #142f6714}.store-card.recommended{border:2px solid var(--orange);padding:28px 25px}.flag{display:block;width:60px;height:42px;object-fit:contain;margin-bottom:22px}.store-name{font-size:20px;font-weight:800;color:var(--navy);margin-bottom:4px}.store-subtitle{font-size:14px;font-weight:500;color:var(--muted);overflow-wrap:anywhere}.card-arrow{position:absolute;right:22px;top:19px;color:#738aa8;font-size:23px}.card-badge{position:absolute;bottom:14px;left:24px;font-size:10px;font-weight:800;background:#fff1df;color:#ae5c00;padding:5px 11px;border-radius:20px}
.delivery-note{text-align:center;color:var(--muted);font-size:14px;margin:33px 0 44px}.delivery-note span{color:var(--orange);font-size:19px;vertical-align:-1px;margin-right:6px}.footer{border-top:1px solid #dce6f2;padding:22px 0;display:flex;justify-content:space-between;gap:15px;color:#7c8da5;font-size:12px}.footer a{text-decoration:none;color:#627998}.footer a:hover{text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading{grid-column:1/-1;color:var(--muted)}.error{grid-column:1/-1;background:#fff4ee;border:1px solid #ffd9c5;border-radius:12px;padding:16px}.store-card:focus-visible,.button:focus-visible,.brand:focus-visible,.footer a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(min-width:1050px) and (max-width:1250px){.hero h1{font-size:clamp(49px,5vw,66px)}.hero-pets{width:41%}}
@media(max-width:1049px) and (min-width:701px){.page{padding-left:30px;padding-right:30px}.hero{height:310px}.hero h1{font-size:clamp(40px,5vw,54px);letter-spacing:-2.4px}.hero-pets{width:41%;max-height:300px}.hero p{font-size:16px}.store-card{padding:22px 17px;min-height:184px}.store-card.recommended{padding:21px 16px}.store-name{font-size:17px}}
@media(max-width:700px){.page{padding:20px 20px 0}.header{height:57px}.brand img{width:196px}.hero{height:auto;min-height:0;margin:30px 0 14px;display:flex;flex-direction:column;text-align:center;align-items:center}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(31px,7.4vw,46px);letter-spacing:-1.9px;line-height:1.13;margin:0 0 16px;white-space:normal}.hero p{font-size:14px;line-height:1.5;max-width:390px;margin:auto}.hero-pets{position:relative;right:auto;bottom:auto;width:min(340px,80vw);max-height:275px;height:auto;object-fit:contain;margin:15px auto 0}.recommendation{flex-direction:column;align-items:stretch;gap:13px;padding:18px 20px;border-radius:18px;min-height:0}.recommendation-copy{gap:14px}.pin{width:33px;height:36px}.pin svg{width:32px;height:32px}.recommend-title{font-size:16px}.recommend-hint{font-size:13px}.button{width:100%;font-size:14px;min-height:49px}.country-section{margin-top:21px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.store-card{min-height:166px;padding:18px 17px}.store-card.recommended{padding:17px 16px}.flag{width:50px;height:35px;margin-bottom:17px}.store-name{font-size:16px}.store-subtitle{font-size:12px}.card-arrow{right:13px;top:13px}.card-badge{left:14px;bottom:10px;font-size:9px}.delivery-note{margin:25px 0 32px;font-size:12px}.footer{font-size:11px;flex-direction:column;align-items:center;text-align:center;gap:8px}}
@media(max-width:390px){.page{padding-left:14px;padding-right:14px}.hero{margin-top:23px}.hero h1{font-size:clamp(28px,7.4vw,34px)}.hero-pets{width:min(290px,78vw);max-height:235px}.store-grid{gap:10px}.store-card{padding:14px;min-height:156px}.store-card.recommended{padding:13px}.store-name{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Version 6: softer country-card typography and consistent bordered flag artwork */
.store-name{font-weight:600;font-size:18px;letter-spacing:-.35px;line-height:1.35;margin-bottom:3px}
.store-subtitle{font-weight:400;font-size:14px;line-height:1.45}
.card-badge{font-weight:600;letter-spacing:.015em}
.flag:not(.flag-international){width:60px;height:40px;object-fit:fill;border:1px solid #c9d3e0;border-radius:3px;background:#fff;box-shadow:0 1px 2px #102d6510}
.flag.flag-international{width:60px;height:40px}
.hero-pets{width:45%;max-width:560px;max-height:365px;filter:drop-shadow(0 10px 12px #17366a08)}
@media(max-width:1049px) and (min-width:701px){.store-name{font-size:17px}.hero-pets{width:43%}}
@media(max-width:700px){.store-name{font-size:16px;font-weight:600}.store-subtitle{font-size:12px}.flag:not(.flag-international),.flag.flag-international{width:50px;height:34px}.hero-pets{width:min(355px,84vw);max-height:280px}}
@media(max-width:390px){.store-name{font-size:15px}.hero-pets{width:min(305px,82vw)}}

/* Version 7: unified responsive hero and clean, unframed flags. */
.hero.hero-art{height:auto;margin:12px 0 14px;display:block}
.hero-art picture,.hero-art img{display:block;width:100%;height:auto}
.hero-art img{border:0;object-fit:contain}
.flag:not(.flag-international){border:0;border-radius:0;box-shadow:none;background:transparent;object-fit:contain}
.store-name{font-weight:600}
@media(max-width:700px){.hero.hero-art{margin:18px 0 12px}.hero-art img{width:100%}}

/* V8: each breakpoint uses exactly one complete image, without clipping. */
.hero.hero-art{height:auto;min-height:0;overflow:visible;margin:8px 0 14px}
.hero-art picture,.hero-art img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
@media(max-width:700px){.hero.hero-art{margin:16px 0 12px}.hero-art img{width:100%;height:auto;max-height:none}}


/* V10: repaired source images; no cropping, shifting or overlays. */
.hero.hero-art{height:auto;min-height:0;margin:8px 0 14px;overflow:visible}
.hero-art picture,.hero-art picture img{display:block;width:100%;height:auto;aspect-ratio:auto;overflow:visible;transform:none;object-fit:contain}
@media(max-width:700px){.hero.hero-art{margin:16px 0 12px}}

/* V11: mobile slogan is real text, matching the rounded desktop brand style.
   The animal image no longer contains a second rasterized slogan. */
.mobile-hero-copy{display:none}
@media(max-width:700px){
 .mobile-hero-copy{display:block;text-align:left;padding:0 10px;margin:3px 0 0}
 .mobile-hero-copy h1{font-family:'Nunito',Manrope,Arial,sans-serif;font-weight:900;letter-spacing:-1.5px;line-height:1.08;font-size:clamp(25px,6.5vw,40px);margin:0 0 13px;white-space:nowrap}
 .mobile-hero-copy h1 span{display:block}
 .mobile-hero-copy .hero-blue{color:#102d65}
 .mobile-hero-copy .hero-orange{color:#ff9014;margin-top:5px}
 .mobile-hero-copy p{font-family:Manrope,Arial,sans-serif;color:#637996;font-size:clamp(13px,3.3vw,16px);font-weight:500;line-height:1.45;max-width:340px;margin:0}
 .hero.hero-art{margin-top:14px}
 .hero-art picture{margin-top:0}
}
@media(max-width:370px){.mobile-hero-copy h1{font-size:clamp(22px,6.3vw,26px);letter-spacing:-1px}}