:root { --gold:#b98a2e; --gold-bright:#d0aa55; --black:#050505; --panel:#0d0d0d; --panel-2:#141414; --white:#fff; --muted:#a7a7a7; --line:#342b16; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--black); }
body { margin:0; color:#fff; background:var(--black); font-family:"Montserrat",Arial,sans-serif; }
a { color:inherit; }
.shell { width:min(1120px,calc(100% - 40px)); margin:0 auto; }
.site-header { position:relative; z-index:3; background:#fff; border-bottom:3px solid var(--gold); }
.header-inner { min-height:125px; display:flex; align-items:center; justify-content:space-between; gap:50px; }
.group-logo img { display:block; width:190px; height:78px; object-fit:contain; }
.flag-nav { display:flex; align-items:center; gap:13px; }
.flag-card { width:52px; height:40px; display:block; border-radius:8px; overflow:hidden; box-shadow:0 6px 14px rgba(0,0,0,.13); transition:transform .18s,box-shadow .18s; }
.flag-card:hover,.flag-card.active { transform:translateY(-4px); box-shadow:0 9px 20px rgba(0,0,0,.22); outline:2px solid var(--gold); outline-offset:3px; }
.flag-card img { width:100%; height:100%; display:block; object-fit:cover; }
.flag-card span,.flag-card strong,.flag-card i { display:none; }
.hero-stage { padding:34px 0 65px; background:#000; }
.hero-visual { min-height:390px; position:relative; display:flex; align-items:center; border-radius:3px; overflow:hidden; background:#090909; }
.hero-visual.shell { width:min(1280px,calc(100% - 24px)); }
.hero-visual>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 38%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.35) 100%); }
.hero-copy { position:relative; z-index:1; padding:50px 55px; }
.hero-copy p,.gold-kicker { margin:0 0 14px; color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.2em; }
.hero-copy h1 { margin:0; color:#fff; font-size:clamp(54px,7vw,86px); line-height:.84; font-weight:900; letter-spacing:-.06em; }
.hero-copy h1 em { color:var(--gold-bright); font-style:normal; }
.hero-copy>span { display:block; margin-top:31px; color:#d7d7d7; font-size:12px; font-weight:700; letter-spacing:.14em; }
.country-route .header-inner { min-height:92px; }
.country-route .group-logo img { width:150px; height:58px; }
.country-route .hero-stage { padding:20px 0 25px; }
.country-route .hero-visual { min-height:270px; }
.country-route .hero-copy { padding:34px 52px; }
.country-route .hero-copy h1 { font-size:clamp(43px,6vw,66px); }
.country-route .totals-wrap { display:none; }
.totals-wrap { position:relative; margin-top:-34px; z-index:2; }
.global-stats,.country-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); border:1px solid var(--line); background:#080808; box-shadow:0 24px 45px rgba(0,0,0,.55); }
.metric-card { min-height:165px; display:flex; align-items:center; gap:20px; padding:31px; background:linear-gradient(145deg,#111,#080808); }
.metric-card+.metric-card { border-left:1px solid var(--line); }
.network-icon { width:55px; height:55px; display:grid; place-items:center; flex:0 0 auto; color:#080808; background:var(--gold); border-radius:7px; font:900 26px Arial,sans-serif; }
.network-icon.google { font-size:27px; }
.network-icon.yt { font-size:19px; }
.network-icon.trusted { font-size:24px; }
.metric-card strong { display:block; color:#fff; font-size:34px; line-height:1; letter-spacing:-.04em; }
.metric-card span:not(.network-icon) { display:block; margin-top:10px; color:var(--gold-bright); font-size:10px; font-weight:800; letter-spacing:.13em; }
.metric-card small { display:block; margin-top:6px; color:#8b8b8b; font-size:9px; font-weight:600; letter-spacing:.04em; }
.snapshot-note { margin:16px 0 0; color:#777; font-size:10px; }
.snapshot-note i { width:6px; height:6px; display:inline-block; margin-right:8px; border-radius:50%; background:var(--gold); }
.country-view { padding:58px 0 105px; background:#050505; border-top:1px solid #171717; scroll-margin-top:0; }
.country-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:42px; }
.country-heading h2 { display:flex; align-items:center; gap:19px; margin:0; color:#fff; font-size:clamp(43px,6vw,68px); letter-spacing:-.055em; }
.country-heading h2 img { width:70px; height:48px; object-fit:cover; border-radius:7px; }
.country-heading-actions { display:flex; align-items:center; gap:18px; padding-bottom:3px; }
.change-location { padding:9px 12px; color:#aaa; border:1px solid #373737; background:transparent; font:700 8px "Montserrat",sans-serif; letter-spacing:.1em; cursor:pointer; }
.change-location:hover { color:var(--gold); border-color:var(--gold); }
.close-country { padding-bottom:9px; color:var(--gold); font-size:11px; font-weight:700; letter-spacing:.12em; text-decoration:none; }
.country-stats { box-shadow:none; }
.country-brands-block { margin-top:58px; }
.country-brand-heading { margin-bottom:25px; }
.country-brand-heading h3 { margin:0; color:#fff; font-size:26px; }
.country-action-callout { display:grid; grid-template-columns:1.35fr .65fr; gap:35px; align-items:center; margin-bottom:45px; padding:38px 42px; border:1px solid #5b4610; background:radial-gradient(circle at 88% 10%,rgba(218,166,40,.18),transparent 34%),linear-gradient(145deg,#17140a,#090909 58%); }
.country-action-callout h3 { margin:0; color:#fff; font-size:clamp(31px,4.5vw,52px); line-height:.98; letter-spacing:-.055em; }
.country-action-callout>div>p:last-child { max-width:750px; margin:18px 0 0; color:#bbb; font-size:12px; line-height:1.75; }
.action-promises { position:relative; min-height:170px; display:grid; grid-template-columns:repeat(3,1fr); place-items:center; gap:4px; }
.action-promises::before { content:""; position:absolute; inset:18% 12%; border-radius:50%; background:radial-gradient(circle,rgba(218,166,40,.18),transparent 68%); filter:blur(8px); }
.action-promises span { position:relative; min-width:95px; min-height:74px; display:flex; align-items:center; justify-content:center; color:#fff; background:transparent; transform:rotate(var(--tilt,0deg)); }
.action-promises i,.action-promises b,.action-promises em { font-style:normal; }
.action-facebook { --tilt:-7deg; }
.action-facebook i { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#1877f2; font:900 32px/1 Arial,sans-serif; box-shadow:0 10px 25px rgba(24,119,242,.3); }
.action-facebook b { position:absolute; right:8px; bottom:4px; font-size:31px; filter:drop-shadow(0 5px 8px #000); }
.action-facebook em { position:absolute; top:4px; right:3px; color:var(--gold); font:900 12px Arial,sans-serif; letter-spacing:2px; }
.action-google { --tilt:5deg; flex-direction:column; gap:4px; }
.action-google i { width:43px; height:43px; display:grid; place-items:center; color:#4285f4; border-radius:50%; background:#fff; font:900 27px Arial,sans-serif; box-shadow:0 10px 25px rgba(255,255,255,.12); }
.action-google b { color:var(--gold); font-size:13px; letter-spacing:1px; text-shadow:0 3px 9px #000; }
.action-youtube { --tilt:-3deg; flex-direction:column; gap:7px; }
.action-youtube>b { width:66px; height:45px; display:grid; place-items:center; border-radius:13px; background:#ff0033; box-shadow:0 12px 28px rgba(255,0,51,.26); }
.action-youtube>b i { color:#fff; font-size:19px; transform:translateX(2px); }
.action-youtube em,.action-news em { color:#aaa; font-size:7px; font-weight:900; letter-spacing:.14em; }
.action-news { --tilt:6deg; }
.action-news>b { width:61px; height:47px; display:grid; place-items:center; color:#090909; border-radius:8px; background:var(--gold); font-size:27px; box-shadow:0 12px 28px rgba(218,166,40,.23); }
.action-news>i { position:absolute; top:2px; right:10px; color:#fff; font-size:23px; text-shadow:0 0 12px var(--gold); }
.action-news em { position:absolute; bottom:0; }
.country-results-block { margin-top:70px; padding-top:50px; border-top:1px solid #1e1e1e; }
.country-heading + .country-results-block {
  margin:0 0 46px;
  padding:0;
  border-top:0;
}
.country-group-block { margin-top:55px; padding-top:50px; border-top:1px solid #1e1e1e; }
.country-global-stats { box-shadow:none; }
.brand-totals-heading { margin-top:55px; }
.country-brand-totals article { min-height:155px; }
.country-brand-grid { display:grid; grid-template-columns:1fr; gap:22px; }
.mobile-brand-picker { display:none; }
.country-brand-card { min-width:0; min-height:370px; display:grid; grid-template-columns:minmax(310px,.95fr) minmax(0,1.75fr); overflow:hidden; border:1px solid #3b3215; background:linear-gradient(145deg,#121212,#080808); box-shadow:0 18px 50px rgba(0,0,0,.24); }
.country-brand-card.brand-ipotools { grid-template-columns:minmax(520px,1.4fr) minmax(0,1.35fr); }
@media (max-width:850px) and (min-width:621px) { .country-brand-card.brand-ipotools { grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr); } }
.country-brand-card.fallback { border-style:dashed; }
.country-brand-card:nth-child(even) .country-brand-cover { order:2; }
.country-brand-card:nth-child(even) .country-brand-body { order:1; }
.country-brand-cover { position:relative; min-height:370px; overflow:hidden; isolation:isolate; background:#111; }
.country-brand-cover::before { content:""; position:absolute; z-index:1; width:270px; height:270px; right:-110px; top:-95px; border:1px solid rgba(218,166,40,.45); border-radius:50%; box-shadow:0 0 0 34px rgba(218,166,40,.055),0 0 0 72px rgba(218,166,40,.025); }
.country-brand-cover-main { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .55s ease,filter .55s ease; }
.country-brand-card:hover .country-brand-cover-main { transform:scale(1.045); filter:contrast(1.05); }
.brand-ipotools .country-brand-cover-main { object-position:45% center; transform:scale(1); }
.brand-ipotools:hover .country-brand-cover-main { transform:scale(1.025); }
.brand-gartenxl .country-brand-cover-main { object-position:48% 68%; transform:scale(1.085); }
.brand-gartenxl:hover .country-brand-cover-main { transform:scale(1.125); }
.brand-miauhaus .country-brand-cover-main { object-position:63% center; }
.brand-ipohome .country-brand-cover-main { object-position:38% center; }
.country-brand-cover-detail { position:absolute; z-index:2; width:52%; height:48%; right:-4%; top:19%; object-fit:contain; filter:drop-shadow(0 20px 22px rgba(0,0,0,.72)); transform:rotate(3deg); }
.country-brand-cover-shade { position:absolute; z-index:2; inset:0; background:linear-gradient(155deg,rgba(0,0,0,.02),rgba(0,0,0,.18) 38%,rgba(0,0,0,.94)); }
.cover-index { position:absolute; z-index:3; top:48px; right:18px; color:rgba(255,255,255,.72); font-size:10px; font-weight:900; letter-spacing:.16em; }
.cover-brand-word { position:absolute; z-index:3; left:17px; right:-25px; bottom:88px; overflow:hidden; color:rgba(255,255,255,.13); font-size:clamp(42px,5.5vw,74px); line-height:.85; letter-spacing:-.075em; white-space:nowrap; }
.channel-badge { position:absolute; z-index:4; top:18px; left:18px; max-width:calc(100% - 36px); padding:8px 10px; color:#080808; border-radius:3px; background:var(--gold); font-size:7px; font-weight:900; line-height:1.35; letter-spacing:.1em; }
.country-brand-logo { position:absolute; z-index:4; bottom:16px; left:16px; width:min(54%,220px); height:50px; display:flex; align-items:center; justify-content:center; padding:7px 13px; border-radius:3px; background:rgba(255,255,255,.96); box-shadow:0 12px 32px rgba(0,0,0,.32); }
.brand-ipotools .country-brand-logo,.brand-gartenxl .country-brand-logo,.brand-ipohome .country-brand-logo { right:16px; left:auto; }
.country-brand-logo img { width:142px; height:36px; object-fit:contain; }
.country-brand-body { min-width:0; display:flex; flex-direction:column; padding:30px 32px 26px; }
.country-brand-intro { display:flex; align-items:end; justify-content:space-between; gap:24px; }
.country-brand-intro span { color:var(--gold); font-size:7px; font-weight:900; letter-spacing:.16em; }
.country-brand-intro h4 { margin:5px 0 0; color:#fff; font-size:30px; letter-spacing:-.045em; }
.country-brand-intro p { max-width:330px; margin:0; color:#929292; font-size:9px; line-height:1.55; text-align:right; }
.brand-stat-line { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:0; margin:18px 0 0; border-top:1px solid #30290f; background:transparent; }
.brand-stat-line>div { min-width:0; min-height:58px; display:flex; flex-direction:column; justify-content:center; padding:12px 14px 0; }
.brand-stat-line>div+div { border-left:1px solid #30290f; }
.brand-stat-line strong { margin:0; overflow:hidden; color:#d9d9d9; font-size:17px; letter-spacing:-.03em; text-overflow:ellipsis; }
.brand-stat-line .primary strong { font-size:20px; }
.brand-stat-line small { min-height:14px; margin-top:5px; color:#777; font-size:5.5px; font-weight:900; line-height:1.4; letter-spacing:.08em; }
.brand-action-title { display:flex; align-items:center; gap:15px; margin:24px 0 13px; }
.brand-action-title>div { display:flex; flex-direction:column; gap:5px; }
.brand-action-title strong { color:#fff; font-size:15px; letter-spacing:-.02em; }
.brand-action-title span { color:var(--gold); font-size:6px; font-weight:900; letter-spacing:.14em; }
.brand-action-title i { height:1px; flex:1; background:#29230e; }
.brand-action-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(128px,1fr)); gap:8px; }
.brand-action-grid a,.brand-action-grid button { min-width:0; min-height:66px; display:flex; align-items:center; gap:11px; padding:11px 13px; color:#fff; border:1px solid #6a5214; border-radius:3px; background:linear-gradient(145deg,#1a170e,#0b0b0b); font-family:inherit; text-decoration:none; cursor:pointer; transition:border-color .18s,transform .18s,background .18s,box-shadow .18s; }
.brand-action-grid a:hover,.brand-action-grid button:hover { transform:translateY(-3px); border-color:var(--gold); background:#17140a; }
.brand-action-grid a:first-child { color:#080808; border-color:var(--gold); background:var(--gold); box-shadow:0 10px 25px rgba(218,166,40,.14); }
.brand-action-grid a:first-child span { color:#080808; }
.brand-action-grid a:first-child b { background:#fff; }
.brand-action-grid b { width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; color:#080808; border-radius:7px; background:var(--gold); font:900 17px Arial,sans-serif; }
.platform-icon { width:25px; height:25px; display:block; }
.platform-facebook { fill:#1877f2; }
.platform-google { width:27px; height:27px; }
.platform-youtube { width:29px; height:29px; fill:#ff0033; }
.platform-youtube-play { fill:#fff; }
.brand-action-grid .facebook b,.brand-action-grid .google b,.brand-action-grid .youtube b { background:#fff; box-shadow:0 6px 16px rgba(0,0,0,.22); }
.brand-action-grid .youtube b { font-size:12px; }
.brand-action-grid .newsletter b { font-size:16px; }
.brand-action-grid .website b { font-size:16px; }
.brand-action-grid span { min-width:0; overflow:hidden; color:#fff; font-size:9px; font-weight:900; letter-spacing:.08em; text-overflow:ellipsis; }
.follow-title { margin:58px 0 25px; color:var(--gold); text-align:center; font-size:26px; letter-spacing:-.03em; }
.action-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.action-card { min-height:245px; display:flex; flex-direction:column; padding:27px; border:1px solid #332c0c; background:#0c0c0c; }
.action-card header { display:flex; align-items:center; gap:15px; }
.action-card .network-icon { width:42px; height:42px; font-size:20px; }
.action-card h3 { margin:0; color:#fff; font-size:18px; }
.action-card p { flex:1; margin:25px 0; color:#999; font-size:12px; line-height:1.7; }
.action-card>a { display:flex; justify-content:space-between; padding:16px 17px; color:#050505; background:var(--gold); font-size:10px; font-weight:900; letter-spacing:.11em; text-decoration:none; transition:background .18s; }
.action-card>a:hover { background:#f0ce24; }
.brand-strip { margin-top:60px; padding:48px 0 10px; border-top:1px solid #1c1c1c; }
.brand-heading { display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:20px; margin-bottom:38px; }
.brand-heading span { color:var(--gold); font-size:10px; font-weight:800; letter-spacing:.18em; }
.brand-heading h2 { margin:0; color:#fff; font-size:31px; }
.brand-heading div { height:1px; background:#2b260d; }
.brand-logos { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.brand-logos article { min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; border:1px solid #2b260d; background:#fff; }
.brand-logos img { width:175px; height:62px; object-fit:contain; margin-bottom:18px; }
.brand-logos span { color:#111; font-size:27px; font-weight:900; letter-spacing:-.04em; }
.brand-logos small { margin-top:6px; color:#777; font-size:8px; font-weight:800; letter-spacing:.11em; }
.global-country-cta { display:grid; grid-template-columns:1fr 1.3fr; gap:55px; margin-top:70px; padding:48px; border:1px solid #4a3a10; background:radial-gradient(circle at 90% 0%,rgba(218,166,40,.14),transparent 38%),linear-gradient(145deg,#15130d,#080808 58%); }
.global-country-cta[hidden] { display:none; }
.global-country-copy h2 { margin:0; color:#fff; font-size:clamp(42px,6vw,66px); line-height:.88; letter-spacing:-.06em; }
.global-country-copy h2 em { color:var(--gold); font-style:normal; }
.global-country-copy>p:last-child { max-width:440px; margin:24px 0 0; color:#aaa; font-size:12px; line-height:1.75; }
.global-country-picker>span { display:block; margin-bottom:13px; color:var(--gold); font-size:9px; font-weight:900; letter-spacing:.14em; }
#country-cta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
#country-cta-grid a { min-height:74px; display:flex; align-items:center; gap:13px; padding:13px; color:#fff; border:1px solid #3a3213; background:#0a0a0a; text-decoration:none; transition:transform .18s,border-color .18s; }
#country-cta-grid a:hover { transform:translateY(-3px); border-color:var(--gold); }
#country-cta-grid img { width:48px; height:34px; object-fit:cover; border-radius:5px; }
#country-cta-grid span { min-width:0; display:flex; flex-direction:column; }
#country-cta-grid b { font-size:12px; }
#country-cta-grid small { margin-top:4px; color:#777; font-size:8px; font-weight:700; }
#country-cta-grid i { margin-left:auto; color:var(--gold); font-style:normal; }
.about-group { padding:48px 0; border-top:1px solid rgba(212,175,55,.22); background:linear-gradient(135deg,#0c0c0c 0%,#050505 72%); }
.about-group-inner { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr); gap:clamp(32px,6vw,88px); align-items:start; }
.about-group h2 { max-width:520px; margin:10px 0 0; color:#fff; font-size:clamp(26px,3vw,46px); line-height:1.03; text-transform:uppercase; }
.about-group-copy p { margin:0 0 14px; color:#b9b9b9; font-size:14px; line-height:1.75; }
.about-group-copy a { display:inline-flex; gap:18px; align-items:center; margin-top:10px; padding:14px 18px; border:1px solid #d5b216; color:#fff; font-size:12px; font-weight:900; letter-spacing:.08em; text-decoration:none; }
.about-group-copy a:hover,.about-group-copy a:focus-visible { color:#050505; background:#d5b216; }
footer { padding:35px 0; color:#757575; background:#000; border-top:1px solid #181818; }
footer .shell { display:flex; justify-content:space-between; align-items:center; gap:30px; }
footer img { width:115px; height:48px; padding:6px; object-fit:contain; background:#fff; }
footer p { margin:0; font-size:9px; letter-spacing:.08em; }
.youtube-detail { grid-column:auto; }
.youtube-numbers { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:25px 0 14px; }
.youtube-numbers div { min-width:0; padding:12px 8px; border:1px solid #302a0d; background:#080808; text-align:center; }
.youtube-numbers strong { display:block; color:#fff; font-size:18px; letter-spacing:-.04em; overflow-wrap:anywhere; }
.youtube-numbers span { display:block; margin-top:6px; color:var(--gold); font-size:7px; font-weight:800; letter-spacing:.09em; }
.youtube-numbers .pending strong { color:#666; }
.api-note { display:block; margin:0 0 16px; color:#777; font-size:8px; line-height:1.5; }
.newsletter-hub { margin-top:70px; padding:38px; border:1px solid #302a0d; background:#0b0b0b; }
.newsletter-hub h3 { margin:0; color:#fff; font-size:31px; letter-spacing:-.04em; }
.newsletter-hub>p:not(.gold-kicker) { margin:12px 0 28px; color:#999; font-size:11px; }
.newsletter-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.newsletter-grid article { display:flex; flex-direction:column; padding:15px; border:1px solid #292929; background:#101010; }
.newsletter-grid img { width:100%; height:62px; margin-bottom:15px; padding:9px; object-fit:contain; background:#fff; }
.newsletter-grid a { display:flex; justify-content:space-between; padding:13px; color:#050505; background:var(--gold); font-size:8px; font-weight:900; letter-spacing:.08em; text-decoration:none; }
.newsletter-grid small { margin-top:9px; color:#666; font-size:6px; font-weight:800; letter-spacing:.1em; }
.location-modal { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.86); backdrop-filter:blur(8px); }
.location-modal[hidden] { display:none; }
.location-card { width:min(470px,100%); padding:42px; border:1px solid #5a4510; background:radial-gradient(circle at 80% 0%,rgba(218,166,40,.16),transparent 34%),#0c0c0c; box-shadow:0 35px 100px #000; }
.location-pin { width:38px; height:38px; display:grid; place-items:center; margin-bottom:28px; color:#050505; border-radius:50%; background:var(--gold); }
.location-card h2 { margin:0; font-size:34px; letter-spacing:-.045em; }
.location-card>p:not(.gold-kicker) { margin:14px 0 24px; color:#aaa; font-size:11px; line-height:1.6; }
.location-card label { display:block; margin-bottom:8px; color:#777; font-size:8px; font-weight:800; letter-spacing:.12em; }
.location-card select { width:100%; height:50px; padding:0 14px; color:#fff; border:1px solid #3b351d; background:#141414; font:700 12px "Montserrat",sans-serif; }
.location-card button { width:100%; display:flex; justify-content:space-between; margin-top:12px; padding:18px; color:#050505; border:0; background:var(--gold); font:900 10px "Montserrat",sans-serif; letter-spacing:.11em; cursor:pointer; }
.location-card small { display:block; margin-top:16px; color:#666; font-size:8px; line-height:1.55; }
@media (max-width:850px) { .header-inner { min-height:118px; } .group-logo img { width:165px; height:68px; } .country-route .header-inner { min-height:92px; } .country-route .group-logo img { width:138px; height:54px; } .flag-nav { gap:9px; } .flag-card { width:43px; height:33px; } .global-stats,.country-stats { grid-template-columns:1fr; } .metric-card+.metric-card { border-left:0; border-top:1px solid var(--line); } .action-grid { grid-template-columns:1fr; } .brand-logos,.newsletter-grid { grid-template-columns:repeat(2,1fr); } .country-brand-card { grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr); } .country-brand-body { padding:24px; } .brand-action-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .global-country-cta,.country-action-callout { grid-template-columns:1fr; } }
@media (max-width:620px) { .shell { width:min(100% - 28px,1120px); } .hero-visual.shell { width:calc(100% - 16px); } .header-inner { min-height:112px; align-items:flex-start; flex-direction:column; justify-content:center; gap:8px; } .group-logo img { width:145px; height:52px; } .country-route .header-inner { min-height:100px; } .country-route .hero-visual { min-height:240px; } .country-route .hero-copy { padding:27px 22px; } .country-route .hero-copy h1 { font-size:44px; } .flag-nav { width:100%; justify-content:space-between; } .flag-card { width:42px; height:31px; } .hero-stage { padding-top:18px; } .hero-visual { min-height:340px; } .hero-copy { padding:36px 24px; } .hero-copy h1 { font-size:52px; } .hero-copy>span { font-size:9px; } .totals-wrap { margin-top:-16px; } .metric-card { min-height:125px; padding:24px; } .country-heading { align-items:flex-start; flex-direction:column; } .country-heading h2 { font-size:38px; } .country-heading-actions { width:100%; justify-content:space-between; } .country-action-callout { padding:28px 22px; } .brand-heading { grid-template-columns:1fr; } .brand-heading div { display:none; } .brand-logos,.newsletter-grid { grid-template-columns:1fr; } .country-brand-card,.country-brand-card.brand-ipotools { grid-template-columns:1fr; } .country-brand-card:nth-child(even) .country-brand-cover,.country-brand-card:nth-child(even) .country-brand-body { order:initial; } .country-brand-cover { min-height:260px; } .country-brand-intro { align-items:flex-start; flex-direction:column; gap:8px; } .country-brand-intro p { text-align:left; } .brand-stat-line { grid-template-columns:repeat(3,1fr); } .brand-stat-line>div+div { border-left:1px solid #30290f; border-top:0; } .brand-action-grid { grid-template-columns:1fr 1fr; } .global-country-cta { padding:30px 22px; } #country-cta-grid { grid-template-columns:1fr; } .newsletter-hub { padding:25px; } .location-card { padding:30px 24px; } footer .shell { align-items:flex-start; flex-direction:column; } }

@media (max-width:760px) { .about-group { padding:36px 0; } .about-group-inner { grid-template-columns:1fr; gap:24px; } }

@media (max-width:620px) {
  .header-inner { align-items:center; }
  .group-logo { align-self:center; }
  .country-route .totals-wrap { display:none; }
  .country-route .hero-stage { padding:10px 0 0; }
  .country-route .hero-visual { min-height:182px; border-radius:0 0 18px 18px; }
  .country-route .hero-copy { padding:21px 20px; }
  .country-route .hero-copy h1 { font-size:38px; }
  .country-route #country-view { padding-top:22px; }
  .country-heading { margin-bottom:20px; gap:12px; }
  .country-heading h2 { gap:12px; font-size:31px; }
  .country-heading h2 img { width:50px; height:35px; }
  .country-heading-actions { gap:12px; }
  .country-action-callout { gap:12px; margin-bottom:30px; padding:22px 20px; border-radius:18px; }
  .country-action-callout h3 { font-size:29px; }
  .country-action-callout>div>p:last-child { margin-top:12px; font-size:10px; line-height:1.6; }
  .action-promises { min-height:92px; grid-template-columns:repeat(3,1fr); }
  .action-promises span { min-width:0; min-height:66px; transform:scale(.78) rotate(var(--tilt,0deg)); }
  .country-brands-block { margin-top:28px; }
  .country-brand-heading { margin-bottom:15px; }
  .country-brand-heading h3 { font-size:24px; }
  .mobile-brand-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .mobile-brand-tile { position:relative; min-width:0; aspect-ratio:.92; overflow:hidden; padding:0; color:#fff; border:1px solid #44370e; border-radius:18px; background:#101010; box-shadow:0 12px 30px rgba(0,0,0,.28); cursor:pointer; isolation:isolate; transition:transform .2s,border-color .2s,box-shadow .2s; }
  .mobile-brand-tile:active { transform:scale(.975); }
  .mobile-brand-tile.active { border-color:var(--gold); box-shadow:0 0 0 2px rgba(218,166,40,.17),0 16px 38px rgba(0,0,0,.4); }
  .mobile-brand-tile-cover { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
  .mobile-brand-tile.brand-ipotools .mobile-brand-tile-cover { object-position:38% center; }
  .mobile-brand-tile.brand-gartenxl .mobile-brand-tile-cover { object-position:55% 65%; transform:scale(1.08); }
  .mobile-brand-tile.brand-miauhaus .mobile-brand-tile-cover { object-position:60% center; }
  .mobile-brand-tile.brand-ipohome .mobile-brand-tile-cover { object-position:42% center; }
  .mobile-brand-tile-shade { position:absolute; z-index:-1; inset:0; background:linear-gradient(155deg,rgba(0,0,0,.08),rgba(0,0,0,.14) 38%,rgba(0,0,0,.94)); }
  .mobile-brand-tile-index { position:absolute; top:12px; left:12px; color:rgba(255,255,255,.66); font-size:8px; font-weight:900; letter-spacing:.16em; }
  .mobile-brand-tile-arrow { position:absolute; top:10px; right:10px; width:31px; height:31px; display:grid; place-items:center; color:#0a0a0a; border-radius:50%; background:var(--gold); font-size:15px; font-weight:900; }
  .mobile-brand-tile-logo { position:absolute; right:10px; bottom:36px; left:10px; height:43px; display:grid; place-items:center; padding:6px 10px; border-radius:11px; background:rgba(255,255,255,.95); box-shadow:0 8px 22px rgba(0,0,0,.3); }
  .mobile-brand-tile-logo img { max-width:118px; width:88%; height:30px; object-fit:contain; }
  .mobile-brand-tile-label { position:absolute; right:12px; bottom:13px; left:12px; overflow:hidden; color:#eee; font-size:7px; font-weight:900; letter-spacing:.09em; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
  .country-brand-grid { margin-top:14px; }
  .country-brand-card,.country-brand-card.brand-ipotools { display:none; border-radius:22px; border-style:solid; box-shadow:0 22px 55px rgba(0,0,0,.5); }
  .country-brand-card.mobile-active,.country-brand-card.brand-ipotools.mobile-active { display:grid; animation:mobile-brand-open .34s cubic-bezier(.2,.75,.25,1); }
  .country-brand-cover { min-height:225px; }
  .brand-ipotools .country-brand-cover-main { object-position:35% center; }
  .country-brand-logo { width:min(48%,170px); height:43px; border-radius:11px; }
  .country-brand-logo img { width:118px; height:29px; }
  .country-brand-body { padding:20px 18px 18px; background:radial-gradient(circle at 100% 0,rgba(218,166,40,.12),transparent 34%),#0b0b0b; }
  .country-brand-intro h4 { font-size:27px; }
  .brand-action-title { margin:18px 0 12px; }
  .brand-action-title strong { font-size:16px; }
  .brand-action-grid { gap:9px; }
  .brand-action-grid a,.brand-action-grid button { position:relative; min-height:82px; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:7px; overflow:hidden; padding:12px; border-radius:15px; }
  .brand-action-grid a::after { content:""; position:absolute; width:70px; height:70px; right:-30px; top:-30px; border-radius:50%; background:rgba(255,255,255,.07); }
  .brand-action-grid b { width:48px; height:48px; border-radius:50%; }
  .brand-action-grid span { font-size:9px; letter-spacing:.1em; }
  .brand-action-grid .platform-icon { width:30px; height:30px; }
  .brand-action-grid .platform-google { width:32px; height:32px; }
  .brand-action-grid .platform-youtube { width:34px; height:34px; }
  .brand-action-grid .facebook { background:linear-gradient(145deg,#1877f2,#0d2e63); border-color:#2f7ee5; }
  .brand-action-grid .facebook b { color:#1877f2; background:#fff; }
  .brand-action-grid .google { background:linear-gradient(145deg,#29200a,#0b0b0b); }
  .brand-action-grid .youtube { background:linear-gradient(145deg,#9d0722,#25060d); border-color:#a51d34; }
  .brand-action-grid .youtube b { color:#fff; background:#ff0033; }
  .brand-action-grid .newsletter { background:linear-gradient(145deg,#d8aa20,#604700); }
  .brand-action-grid .website { background:linear-gradient(145deg,#242424,#0b0b0b); }
  .brand-action-grid a:first-child span { color:#fff; }
  .brand-stat-line { margin-top:14px; }
  .brand-stat-line>div { min-height:54px; padding:10px 7px 0; }
  .brand-stat-line strong,.brand-stat-line .primary strong { font-size:15px; }
  .brand-stat-line small { font-size:5px; }
  @keyframes mobile-brand-open { from { opacity:0; transform:translateY(16px) scale(.985); } to { opacity:1; transform:none; } }
}

/* Light IPO Group theme: white editorial surfaces with black and gold accents. */
:root { --black:#f7f5f0; --panel:#fff; --panel-2:#f2eee6; --muted:#68645d; --line:#dfd5bd; }
html,body { color:#171613; background:#f7f5f0; }
.hero-stage { background:#fff; }
.hero-visual { background:#1a1814; box-shadow:0 18px 44px rgba(36,28,12,.16); }
.hero-visual>img { opacity:.88; }
.hero-overlay { background:linear-gradient(90deg,rgba(8,7,6,.88) 0%,rgba(8,7,6,.66) 38%,rgba(8,7,6,.06) 78%,rgba(8,7,6,.14) 100%); }
.country-view { color:#171613; background:radial-gradient(circle at 50% 0,rgba(218,166,40,.09),transparent 25%),#f7f5f0; border-top-color:#e6dece; }
.global-stats,.country-stats { border-color:#ded3ba; background:#fff; box-shadow:0 18px 38px rgba(44,34,13,.1); }
.metric-card { background:linear-gradient(145deg,#fff,#f6f1e8); }
.metric-card strong { color:#171613; }
.metric-card small,.snapshot-note { color:#777169; }
.country-heading h2,.country-brand-heading h3,.brand-heading h2,.country-action-callout h3,.global-country-copy h2,.country-brand-intro h4,.brand-action-title strong,.action-card h3,.about-group h2,.newsletter-hub h2,.location-card h2 { color:#171613; }
.change-location { color:#5f5a52; border-color:#cfc5b2; background:#fff; }
.country-action-callout,.global-country-cta { border-color:#d7bd74; background:radial-gradient(circle at 88% 8%,rgba(218,166,40,.22),transparent 38%),linear-gradient(145deg,#fffdf7,#f5edda 64%); box-shadow:0 14px 34px rgba(65,48,12,.08); }
.country-action-callout>div>p:last-child,.global-country-copy>p:last-child { color:#57534d; }
.country-results-block,.country-group-block,.brand-strip { border-top-color:#e1d8c8; }
.country-brand-card { border-color:#d8c79e; background:#fff; box-shadow:0 16px 36px rgba(48,36,11,.1); }
.country-brand-body { background:radial-gradient(circle at 100% 0,rgba(218,166,40,.1),transparent 34%),#fff; }
.country-brand-intro p,.brand-stat-line small { color:#716c64; }
.brand-stat-line { border-top-color:#ddd1b5; }
.brand-stat-line>div+div { border-left-color:#ddd1b5; }
.brand-stat-line strong { color:#211f1a; }
.brand-action-title i,.brand-heading div { background:#d9ccab; }
.brand-action-grid a,.brand-action-grid button { color:#171613; border-color:#d2bd82; background:linear-gradient(145deg,#fff,#f4eee1); box-shadow:0 5px 14px rgba(45,34,10,.06); }
.brand-action-grid a:hover,.brand-action-grid button:hover { background:#fff8e7; box-shadow:0 10px 22px rgba(45,34,10,.12); }
.brand-action-grid span { color:#171613; }
.brand-action-grid a:first-child { color:#080808; }
.brand-action-grid a:first-child span { color:#080808; }
.action-card,.newsletter-hub,.newsletter-grid article { color:#171613; border-color:#ddd1b5; background:#fff; box-shadow:0 10px 25px rgba(45,34,10,.07); }
.action-card p,.newsletter-hub>p:not(.gold-kicker) { color:#68635c; }
#country-cta-grid a { color:#171613; border-color:#ddd1b5; background:#fff; box-shadow:0 7px 18px rgba(45,34,10,.06); }
#country-cta-grid small { color:#777169; }
.about-group { border-top-color:#dccb9e; background:linear-gradient(135deg,#f4efe5 0%,#fff 76%); }
.about-group-copy p { color:#504c46; }
.about-group-copy a { color:#171613; background:#fff; }
.youtube-numbers div { border-color:#ddd1b5; background:#f8f4ec; }
.location-card { color:#171613; border-color:#d6bd78; background:radial-gradient(circle at 80% 0,rgba(218,166,40,.2),transparent 36%),#fff; box-shadow:0 35px 100px rgba(0,0,0,.3); }
.location-card>p:not(.gold-kicker),.location-card label,.location-card small { color:#68635c; }
.location-card select { color:#171613; border-color:#d4c8ae; background:#fff; }
footer { color:#aaa49a; background:#15130f; border-top-color:#2d281d; }

@media (max-width:620px) {
  .mobile-brand-tile { background:#24211c; box-shadow:0 12px 26px rgba(40,30,10,.18); }
  .country-brand-body { background:radial-gradient(circle at 100% 0,rgba(218,166,40,.13),transparent 36%),#fff; }
  .brand-action-grid .google { background:linear-gradient(145deg,#fffaf0,#eee2c7); }
  .brand-action-grid .website { background:linear-gradient(145deg,#fff,#eae5dc); }
  .brand-action-grid .google span,.brand-action-grid .website span { color:#171613; }
}
/* Creative light editorial layer. */
body {
  background-color:#f4efe5;
  background-image:
    radial-gradient(circle at 8% 18%,rgba(218,166,40,.13),transparent 22rem),
    radial-gradient(circle at 94% 62%,rgba(218,166,40,.09),transparent 26rem);
  background-attachment:fixed;
}
.site-header { box-shadow:0 10px 30px rgba(49,37,12,.08); }
.hero-stage { padding-top:30px; background:transparent; }
.hero-visual { border:1px solid rgba(218,166,40,.62); border-radius:28px; box-shadow:0 26px 70px rgba(38,28,8,.2),0 0 0 8px rgba(255,255,255,.7); }
.country-route .hero-visual { border-radius:24px; }
.country-view { background:transparent; }
.country-heading { margin-bottom:32px; padding:0 4px; }
.country-heading h2 { font-weight:900; }
.country-heading h2 img { box-shadow:0 8px 20px rgba(35,26,9,.16); }
.change-location { border-radius:999px; box-shadow:0 6px 16px rgba(40,30,10,.06); }

.global-stats,.country-stats { gap:14px; border:0; background:transparent; box-shadow:none; }
.metric-card { position:relative; overflow:hidden; border:1px solid #e0d4ba; border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 14px 34px rgba(46,34,10,.09); }
.metric-card::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:linear-gradient(180deg,var(--gold),#f1d477); }
.metric-card::after { content:""; position:absolute; width:120px; height:120px; right:-65px; top:-65px; border:1px solid rgba(218,166,40,.28); border-radius:50%; }
.network-icon { border-radius:14px; box-shadow:0 10px 22px rgba(218,166,40,.22); }

.country-action-callout,.global-country-cta { position:relative; overflow:hidden; border:0; border-radius:26px; background:linear-gradient(125deg,rgba(255,255,255,.98),rgba(247,232,193,.96)); box-shadow:0 20px 48px rgba(57,42,10,.12); }
.country-action-callout::before,.global-country-cta::before { content:""; position:absolute; width:260px; height:260px; right:-110px; top:-150px; border:1px solid rgba(218,166,40,.35); border-radius:50%; box-shadow:0 0 0 38px rgba(218,166,40,.055),0 0 0 78px rgba(218,166,40,.025); }
.country-action-callout>* ,.global-country-cta>* { position:relative; z-index:1; }
.action-promises { border-left:1px solid rgba(126,94,18,.18); }

.country-brand-grid { gap:30px; }
.country-brand-card { border:0; border-radius:26px; background:#fff; box-shadow:0 22px 54px rgba(47,35,10,.12); }
.country-brand-cover { border-radius:26px 0 0 26px; }
.country-brand-card:nth-child(even) .country-brand-cover { border-radius:0 26px 26px 0; }
.country-brand-body { padding:34px 36px 28px; background:linear-gradient(145deg,#fff,#fbf7ef); }
.country-brand-intro h4 { font-size:32px; }
.country-brand-intro p { color:#625d55; }
.brand-stat-line { overflow:hidden; border:1px solid #e4dac5; border-radius:14px; background:#f8f3e9; }
.brand-stat-line>div { padding:10px 14px; }
.brand-action-title { margin-top:22px; }
.brand-action-title strong { font-size:17px; }

.brand-action-grid { gap:10px; }
.brand-action-grid a,.brand-action-grid button { min-height:68px; border-radius:14px; transform:translateZ(0); }
.brand-action-grid a:hover,.brand-action-grid button:hover { transform:translateY(-4px); }
.brand-action-grid a.facebook { color:#fff; border-color:#1877f2; background:linear-gradient(145deg,#2585f5,#1264cc); box-shadow:0 12px 24px rgba(24,119,242,.2); }
.brand-action-grid a.facebook span { color:#fff; }
.brand-action-grid a.google { border-color:#e5d7b3; background:#fff; box-shadow:0 10px 22px rgba(55,42,12,.08); }
.brand-action-grid a.youtube { color:#fff; border-color:#ff0033; background:linear-gradient(145deg,#ff1747,#d6002b); box-shadow:0 12px 24px rgba(255,0,51,.18); }
.brand-action-grid a.youtube span { color:#fff; }
.brand-action-grid a.website { color:#fff; border-color:#171613; background:linear-gradient(145deg,#292722,#11100e); box-shadow:0 12px 24px rgba(17,16,14,.15); }
.brand-action-grid a.website span { color:#fff; }
.brand-action-grid a.trusted-shops { background:linear-gradient(145deg,#fff8e7,#ead6a0); }
.brand-action-grid .facebook b,.brand-action-grid .google b,.brand-action-grid .youtube b { box-shadow:0 7px 16px rgba(0,0,0,.14); }

.brand-strip { margin-top:72px; }
.brand-heading span,.gold-kicker { padding:6px 10px; border-radius:999px; background:rgba(218,166,40,.12); }
.brand-logos { gap:18px; }
.brand-logos article { border:0; border-radius:20px; box-shadow:0 15px 35px rgba(45,33,9,.1); }
#country-cta-grid { gap:12px; }
#country-cta-grid a { border:0; border-radius:15px; box-shadow:0 9px 24px rgba(45,33,9,.08); }
#country-cta-grid a:hover { box-shadow:0 15px 30px rgba(45,33,9,.13); }
.about-group { margin-top:28px; border-top:0; background:linear-gradient(120deg,#efe3c7,#fff 62%); }
.about-group-copy a { border-radius:999px; box-shadow:0 8px 18px rgba(55,40,8,.08); }

@media (max-width:850px) {
  .metric-card+.metric-card { border-top:1px solid #e0d4ba; }
  .action-promises { border-left:0; border-top:1px solid rgba(126,94,18,.18); }
}
@media (max-width:620px) {
  body { background-image:radial-gradient(circle at 10% 12%,rgba(218,166,40,.12),transparent 18rem); }
  .hero-visual,.country-route .hero-visual { border-radius:18px; box-shadow:0 16px 38px rgba(38,28,8,.16),0 0 0 4px rgba(255,255,255,.7); }
  .metric-card { border-radius:16px; }
  .country-action-callout,.global-country-cta { border-radius:20px; }
  .country-brand-card,.country-brand-card.brand-ipotools { border-radius:24px; box-shadow:0 18px 40px rgba(47,35,10,.14); }
  .country-brand-cover,.country-brand-card:nth-child(even) .country-brand-cover { border-radius:24px 24px 0 0; }
  .country-brand-body { padding:22px 18px 20px; }
  .brand-stat-line { border-radius:12px; }
  .brand-action-grid a,.brand-action-grid button { border-radius:16px; }
}
/* Decorative platform constellation in the country callout. */
.action-promises {
  min-height:190px;
  position:relative;
  isolation:isolate;
  align-items:center;
  align-content:center;
  gap:20px;
  padding:8px 16px;
  border-left:0;
}
.action-promises::before {
  content:"";
  display:block;
  position:absolute;
  z-index:-2;
  width:300px;
  height:145px;
  left:50%;
  top:50%;
  border:1px solid rgba(185,138,46,.34);
  border-radius:50%;
  background:radial-gradient(circle,rgba(208,170,85,.2),rgba(208,170,85,.04) 52%,transparent 70%);
  box-shadow:0 0 0 30px rgba(185,138,46,.045),0 0 0 66px rgba(185,138,46,.022);
  transform:translate(-50%,-50%) rotate(-9deg);
}
.action-promises::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:78%;
  height:1px;
  left:11%;
  top:54%;
  background:linear-gradient(90deg,transparent,rgba(185,138,46,.42),transparent);
  transform:rotate(-7deg);
}
.action-promises .platform-promise {
  min-width:0;
  min-height:132px;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.action-promises .promise-facebook { transform:translateY(12px) rotate(-7deg); }
.action-promises .promise-google { transform:translateY(-15px) rotate(3deg); }
.action-promises .promise-youtube { transform:translateY(9px) rotate(6deg); }
.action-promises .promise-mark {
  min-width:0;
  min-height:0;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid rgba(185,138,46,.2);
  border-radius:50%;
  background:#fff;
  box-shadow:0 18px 35px rgba(54,39,10,.16),0 0 0 8px rgba(255,255,255,.48);
}
.action-promises .promise-mark .platform-icon { width:43px; height:43px; }
.action-promises .promise-facebook .promise-mark { background:linear-gradient(145deg,#fff,#edf4ff); }
.action-promises .promise-google .promise-mark { width:66px; height:66px; background:#fff; }
.action-promises .promise-youtube .promise-mark {
  width:88px;
  height:64px;
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#fff0f3);
}
.action-promises .promise-facebook::after {
  content:"👍";
  position:absolute;
  right:3px;
  top:54px;
  font-size:27px;
  filter:drop-shadow(0 8px 9px rgba(54,39,10,.24));
  transform:rotate(12deg);
}
.action-promises .promise-google::after {
  content:"★★★★★";
  position:absolute;
  left:50%;
  top:83px;
  color:var(--gold);
  font:900 12px/1 Arial,sans-serif;
  letter-spacing:1px;
  text-shadow:0 5px 10px rgba(185,138,46,.28);
  transform:translateX(-50%);
}
.action-promises .promise-google .promise-copy { margin-top:18px; }
.action-promises .promise-youtube::after {
  content:"";
  position:absolute;
  width:104px;
  height:80px;
  top:22px;
  left:50%;
  border:1px solid rgba(255,0,51,.2);
  border-radius:28px;
  transform:translateX(-50%);
}
.action-promises .promise-copy {
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
}
.action-promises .promise-copy b {
  color:#171613;
  font-size:8px;
  line-height:1;
  letter-spacing:.12em;
}
.action-promises .promise-copy em {
  color:#8a7d61;
  font-size:5px;
  font-weight:900;
  line-height:1;
  letter-spacing:.14em;
}

@media (max-width:850px) {
  .action-promises { min-height:175px; padding:12px 0 0; }
}
@media (max-width:620px) {
  .action-promises { min-height:150px; gap:8px; padding:4px 0 0; }
  .action-promises::before { width:235px; height:118px; }
  .action-promises .platform-promise { min-height:116px; gap:9px; }
  .action-promises .promise-mark { width:58px; height:58px; box-shadow:0 13px 27px rgba(54,39,10,.15),0 0 0 5px rgba(255,255,255,.45); }
  .action-promises .promise-google .promise-mark { width:54px; height:54px; }
  .action-promises .promise-youtube .promise-mark { width:68px; height:51px; border-radius:17px; }
  .action-promises .promise-mark .platform-icon { width:34px; height:34px; }
  .action-promises .promise-facebook::after { right:-2px; top:47px; font-size:21px; }
  .action-promises .promise-google::after { top:68px; font-size:9px; }
  .action-promises .promise-google .promise-copy { margin-top:13px; }
  .action-promises .promise-youtube::after { width:82px; height:64px; top:24px; border-radius:22px; }
  .action-promises .promise-copy b { font-size:6px; }
  .action-promises .promise-copy em { font-size:4px; }
}
 
/* Unified IPO Group overview. */
.group-overview-brand {
  height:124px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 12px;
  overflow:hidden;
}
.group-overview-brand img {
  width:340px;
  height:340px;
  display:block;
  object-fit:contain;
}
.country-route .country-view { padding-bottom:0; }
.country-route .country-group-block {
  margin-top:64px;
  padding:34px 38px 42px;
  border:0;
  border-radius:30px 30px 0 0;
  background:#fff;
  box-shadow:0 24px 60px rgba(54,39,10,.12);
}
.country-route .country-group-block .brand-heading {
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0 16px;
}
.country-route .country-group-block .brand-heading div { display:none; }
.country-route .country-group-block .brand-heading span {
  padding:0;
  color:var(--gold);
  background:transparent;
  font-size:8px;
  letter-spacing:.16em;
}
.country-route .country-group-block .brand-heading h3 {
  color:#171613;
  font-size:18px;
  letter-spacing:-.025em;
}
.country-route .country-group-block .brand-totals-heading { margin-top:30px; }
.country-route .country-group-block .global-stats {
  gap:0;
  overflow:hidden;
  border:1px solid #e5dcc9;
  border-radius:18px;
  background:#fbf8f1;
}
.country-route .country-group-block .metric-card {
  min-height:140px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.country-route .country-group-block .metric-card::before { width:3px; }
.country-route .country-group-block .metric-card::after { display:none; }
.country-route .country-group-block .metric-card + .metric-card { border-left:1px solid #e5dcc9; }
.country-route .country-group-block .brand-logos { gap:12px; }
.country-route .country-group-block .brand-logos article {
  min-height:142px;
  border:1px solid #e7decd;
  border-radius:16px;
  background:#fbfaf7;
  box-shadow:none;
}
.country-route .about-group {
  width:min(1120px,calc(100% - 40px));
  margin:0 auto 72px;
  padding:0 38px 38px;
  border:0;
  border-radius:0 0 30px 30px;
  background:#fff;
  box-shadow:0 30px 60px rgba(54,39,10,.12);
}
.country-route .about-group-inner {
  width:100%;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
  gap:48px;
  padding-top:28px;
}
.country-route .about-group .gold-kicker {
  display:inline-flex;
  margin-bottom:10px;
  padding:0;
  background:transparent;
}
.country-route .about-group h2 {
  max-width:340px;
  font-size:clamp(24px,2.7vw,34px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.country-route .about-group-copy { align-self:center; }
.country-route .about-group-copy p { font-size:12px; line-height:1.65; }
.country-route .about-group-copy a {
  border:1px solid rgba(185,138,46,.5);
  background:#fbf8f1;
}
@media (max-width:850px) {
  .country-route .country-group-block .metric-card + .metric-card {
    border-left:0;
    border-top:1px solid #e5dcc9;
  }
  .country-route .about-group-inner { grid-template-columns:1fr; gap:18px; }
  .country-route .about-group h2 { max-width:620px; }
}
@media (max-width:620px) {
  .group-overview-brand { height:96px; margin-bottom:4px; }
  .group-overview-brand img { width:260px; height:260px; }
  .country-route .country-group-block {
    padding:24px 16px 28px;
    border-radius:22px 22px 0 0;
  }
  .country-route .country-group-block .brand-heading { margin:18px 0 12px; }
  .country-route .country-group-block .brand-heading h3 { font-size:16px; }
  .country-route .country-group-block .metric-card { min-height:118px; }
  .country-route .about-group {
    width:min(100% - 28px,1120px);
    margin-bottom:48px;
    padding:0 16px 26px;
    border-radius:0 0 22px 22px;
  }
  .country-route .about-group-inner { padding-top:20px; }
  .country-route .about-group h2 { font-size:25px; }
}

/* Selected-market context and balanced group totals. */
.country-heading-main { min-width:0; }
.country-selection-note {
  display:flex;
  align-items:center;
  gap:7px;
  margin:11px 0 0 90px;
  color:#777066;
  font-size:8px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.country-selection-note::before {
  content:"";
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(185,138,46,.11);
}
.country-selection-note strong {
  color:#25221d;
  font-weight:900;
}
.country-route .country-group-block .metric-card {
  min-height:184px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:20px 14px;
  text-align:center;
}
.country-route .country-group-block .metric-card .network-icon {
  width:48px;
  height:48px;
  border-radius:15px;
  box-shadow:0 10px 24px rgba(185,138,46,.2);
}
.country-route .country-group-block .metric-card > div {
  width:100%;
  min-width:0;
  min-height:78px;
  display:grid;
  grid-template-rows:34px 24px 20px;
  align-content:center;
  justify-items:center;
}
.country-route .country-group-block .metric-card strong {
  align-self:end;
  white-space:nowrap;
  font-size:clamp(25px,2vw,31px);
  line-height:1;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
}
.country-route .country-group-block .metric-card span:not(.network-icon) {
  align-self:start;
  max-width:190px;
  margin-top:0;
  line-height:1.25;
}
.country-route .country-group-block .metric-card small {
  align-self:start;
  max-width:205px;
  margin-top:0;
  line-height:1.35;
}

@media (max-width:850px) {
  .country-route .country-group-block .metric-card {
    min-height:126px;
    flex-direction:row;
    justify-content:flex-start;
    gap:18px;
    padding:22px 26px;
    text-align:left;
  }
  .country-route .country-group-block .metric-card > div {
    width:auto;
    min-height:78px;
    justify-items:start;
  }
  .country-route .country-group-block .metric-card span:not(.network-icon),
  .country-route .country-group-block .metric-card small { max-width:none; }
}

@media (max-width:620px) {
  .country-selection-note { margin-left:0; font-size:7px; }
  .country-route .country-group-block .metric-card {
    padding:22px 18px;
  }
  .country-route .country-group-block .metric-card strong { font-size:28px; }
}

/* Responsive quality pass: tablet balance and mobile touch targets. */
@media (max-width:850px) and (min-width:621px) {
  .country-brand-card,
  .country-brand-card.brand-ipotools {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .flag-card {
    box-sizing:content-box;
    padding-block:6px;
  }
}
@media (max-width:850px) {
  .change-location,
  .close-country {
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
  .close-country { padding:0 4px; }
}
@media (max-width:620px) {
  .flag-card {
    box-sizing:content-box;
    padding-block:7px;
  }
  .country-action-callout h3 { line-height:1.03; }
  .metric-card strong { line-height:1.08; }
}

/* ===================================================================
   ODSEK ZNAMKE  -  vstopna tocka za QR kodo
   ===================================================================
   Na poddomeni znamke (ipotools / ipohome / gartenxl / miauhaus) je to
   prvo, kar obiskovalec vidi. Velika slika skupine in mreza vseh stirih
   znamk se umakneta, ker po skeniranju QR kode steje samo eno: dejanja
   za TO znamko v NJEGOVI drzavi, brez drsenja.
   =================================================================== */

body.brand-site .site-header,
body.brand-site .hero-stage,
body.brand-site .country-brands-block { display:none; }
body.brand-site .country-view { padding-top:44px; border-top:0; }
body.brand-site .country-heading { margin-bottom:28px; }

.brand-stage { padding:16px 0 26px; background:linear-gradient(180deg,#fff 0%,#f7f5f0 100%); border-bottom:1px solid #e6dece; }
.brand-stage-bar { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand-stage-home img { display:block; width:148px; height:54px; object-fit:contain; }
.brand-stage-market { display:flex; align-items:center; gap:11px; padding:8px 13px; color:#171613; border:1px solid #d2bd82; border-radius:4px; background:#fff; box-shadow:0 6px 16px rgba(45,34,10,.07); font-family:inherit; cursor:pointer; transition:border-color .18s,box-shadow .18s; }
.brand-stage-market:hover { border-color:var(--gold); box-shadow:0 9px 22px rgba(45,34,10,.13); }
.brand-stage-market img { width:36px; height:24px; flex:0 0 auto; object-fit:cover; border-radius:3px; }
.brand-stage-market span { text-align:left; }
.brand-stage-market small { display:block; color:var(--gold); font-size:7px; font-weight:900; letter-spacing:.16em; }
.brand-stage-market strong { display:block; margin-top:3px; font-size:11px; font-weight:800; letter-spacing:.03em; white-space:nowrap; }
.brand-stage-market i { color:#8a8378; font-size:11px; font-style:normal; }
.brand-stage-lead { max-width:760px; margin:20px 0 18px; color:#57534d; font-size:13px; line-height:1.72; }

/* Velika kartica: ista zgradba kot v mrezi, samo vecja in bolj poudarjena. */
.brand-hero-card { min-height:430px; grid-template-columns:minmax(300px,1fr) minmax(0,1.4fr); border-color:#d3ba7a; box-shadow:0 26px 64px rgba(48,36,11,.17); }
.brand-hero-card .country-brand-cover { min-height:430px; }
.brand-hero-card .country-brand-body { padding:34px 36px 30px; }
.brand-hero-card .country-brand-intro h4 { font-size:30px; }
.brand-hero-card .brand-action-title strong { font-size:17px; }
.brand-hero-card .brand-action-grid { grid-template-columns:repeat(auto-fill,minmax(148px,1fr)); gap:9px; }
.brand-hero-card .brand-action-grid a { min-height:74px; }
.brand-hero-card .brand-stat-line strong { font-size:19px; }
.brand-hero-card .brand-stat-line .primary strong { font-size:23px; }

/* ================================================== druge znamke skupine
   Namenoma navadne povezave na LASTNE poddomene in ne preklop znotraj
   strani: vsaka znamka tako obdrzi svoj naslov, svojo QR kodo, svoj
   canonical in locene podatke v GA4.
   =================================================================== */
.brand-switch { padding:0 0 72px; background:#f7f5f0; }
.brand-switch-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; }
.brand-switch-card { position:relative; min-height:158px; display:flex; flex-direction:column; justify-content:flex-end; padding:17px; overflow:hidden; isolation:isolate; border:1px solid #d8c79e; border-radius:4px; background:#1a1814; text-decoration:none; transition:transform .18s,box-shadow .18s,border-color .18s; }
.brand-switch-card:hover { transform:translateY(-4px); border-color:var(--gold); box-shadow:0 16px 34px rgba(48,36,11,.2); }
.brand-switch-cover { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
.brand-switch-card.brand-ipotools .brand-switch-cover { object-position:38% center; }
.brand-switch-card.brand-gartenxl .brand-switch-cover { object-position:55% 65%; }
.brand-switch-card.brand-miauhaus .brand-switch-cover { object-position:60% center; }
.brand-switch-card.brand-ipohome .brand-switch-cover { object-position:42% center; }
.brand-switch-shade { position:absolute; z-index:-1; inset:0; background:linear-gradient(155deg,rgba(0,0,0,.1),rgba(0,0,0,.2) 40%,rgba(0,0,0,.92)); }
.brand-switch-logo { height:40px; display:flex; align-items:center; padding:6px 10px; border-radius:9px; background:rgba(255,255,255,.95); box-shadow:0 8px 20px rgba(0,0,0,.3); }
.brand-switch-logo img { max-width:132px; max-height:26px; object-fit:contain; }
.brand-switch-label { margin-top:11px; color:var(--gold-bright); font-size:8px; font-weight:900; letter-spacing:.13em; }
.brand-switch-card i { position:absolute; top:13px; right:13px; width:29px; height:29px; display:grid; place-items:center; color:#0a0a0a; border-radius:50%; background:var(--gold); font-size:14px; font-weight:900; font-style:normal; }

@media (max-width:850px) {
  .brand-hero-card,.brand-hero-card.brand-ipotools { grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr); }
  .brand-hero-card .country-brand-body { padding:26px; }
}

@media (max-width:620px) {
  .brand-stage { padding:12px 0 20px; }
  .brand-stage-bar { min-height:52px; gap:10px; }
  .brand-stage-home img { width:112px; height:42px; }
  .brand-stage-market { padding:6px 9px; gap:8px; }
  .brand-stage-market img { width:30px; height:20px; }
  .brand-stage-market strong { font-size:10px; }
  .brand-stage-lead { margin:14px 0 14px; font-size:12px; line-height:1.65; }

  /*
   * Kartice v mrezi so na telefonu skrite, dokler uporabnik ne izbere znamke.
   * Velika kartica na vrhu tega pravila NE sme podedovati - je edina vsebina,
   * zaradi katere je obiskovalec skeniral kodo.
   */
  .brand-hero-card,.brand-hero-card.brand-ipotools { display:grid; grid-template-columns:minmax(0,1fr); border-radius:18px; }
  .brand-hero-card .country-brand-cover { min-height:215px; }
  .brand-hero-card .country-brand-body { padding:22px 20px 20px; }
  .brand-hero-card .country-brand-intro h4 { font-size:25px; }
  .brand-hero-card .brand-action-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .brand-hero-card .brand-action-grid a { min-height:64px; }

  .brand-switch { padding-bottom:48px; }
  .brand-switch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .brand-switch-card { min-height:126px; padding:12px; border-radius:16px; }
  .brand-switch-logo { height:34px; padding:5px 8px; }
  .brand-switch-logo img { max-width:100px; max-height:22px; }
  .brand-switch-card i { top:9px; right:9px; width:25px; height:25px; font-size:12px; }
}

/* --- dodelave -------------------------------------------------------- */
/* Logotip v kartici druge znamke naj bo sirok toliko kot logotip, ne cela kartica. */
.brand-switch-logo { align-self:flex-start; width:max-content; max-width:100%; }

@media (max-width:620px) {
  /* Nizja naslovna slika pomeni en gumb vec nad robom zaslona po skenu QR kode. */
  .brand-hero-card .country-brand-cover { min-height:176px; }
  .brand-stage-lead { margin:12px 0 12px; }
}

/*
 * Poziv "izberite znamko in nam sledite" je na strani ene same znamke napacen
 * (v hrvascini se glasi "Odaberite brend"). Velika kartica na vrhu je ze poziv
 * k dejanju, zato ta odsek tam odpade.
 */
body.brand-site .country-action-callout { display:none; }


/* ================================================ vitkejsi vstop po skenu
   Uvodni stavek je odstranjen: gumbi povedo isto, hitreje. Na telefonu gre
   kartica cez cel zaslon, da vstopna stran deluje kot ena celota in ne kot
   izrezek, ki plava sredi ozadja.
   ====================================================================== */
.brand-stage-lead { display:none; }

@media (max-width:620px) {
  .brand-stage { padding:0 0 14px; background:#fff; border-bottom:0; }
  .brand-stage > .shell { width:100%; }
  .brand-stage-bar { min-height:56px; padding:10px 16px 10px; }
  .brand-stage-home img { width:auto; height:62px; max-width:180px; }
  .brand-stage-bar { min-height:64px; }

  .brand-hero-card, .brand-hero-card.brand-ipotools {
    border-radius:0; border-left:0; border-right:0; box-shadow:none;
  }
  .brand-hero-card .country-brand-cover { min-height:168px; }
  .brand-hero-card .country-brand-body { padding:16px 16px 14px; }

  /* manj drobnega besedila, vec prostora za gumbe */
  .brand-hero-card .country-brand-intro { margin-bottom:2px; }
  .brand-hero-card .country-brand-intro p { display:none; }
  .brand-hero-card .country-brand-intro h4 { font-size:23px; }
  .brand-hero-card .brand-action-title { margin:10px 0 10px; }
  .brand-hero-card .brand-action-title span,
  .brand-hero-card .brand-action-title i { display:none; }
  .brand-hero-card .brand-action-title strong { font-size:14px; }
  .brand-hero-card .brand-stat-line { margin-top:14px; }
}