/* Hunderacer.dk Superheltehunde™ — approved visual MASTER parity layer V3.2
   Scoped to .sh-page only. No shared CMS/header/footer redesign. */
.sh-page{
 --sh-green:#067c3e;--sh-dark:#10152d;--sh-ink:#1e2940;--sh-fog:#f7faf7;--sh-line:#e2eae6;
 color:var(--sh-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 background:#fff;
}
.sh-page .sh-container{max-width:1320px;width:calc(100% - 34px);margin-inline:auto}
.sh-page h1,.sh-page h2,.sh-page h3{
 font-family:Georgia,"Times New Roman",serif;font-weight:800;letter-spacing:-.035em;color:#10152b;line-height:1.09
}
.sh-page p{line-height:1.42}
.sh-page h1{font-size:clamp(2.8rem,4.6vw,4.45rem);margin:7px 0 12px}
.sh-page h2{font-size:clamp(1.75rem,2.6vw,2.45rem);margin:0 0 9px}
.sh-page h3{font-size:1.12rem;letter-spacing:-.025em}
.sh-page .sh-eyebrow{font-size:.7rem;color:#087239;letter-spacing:.15em;font-weight:900}
.sh-page .sh-btn{border-radius:999px;font-size:.88rem;font-weight:800;min-height:44px}
.sh-page .sh-btn-primary{background:linear-gradient(180deg,#079c52 0%,#006e35 100%);box-shadow:0 3px 7px rgba(5,74,39,.13)}
.sh-page .sh-btn-light{box-shadow:0 3px 10px rgba(7,35,25,.07)}
.sh-page .sh-panel{border-radius:13px;border:1px solid #e3eae8;box-shadow:0 6px 18px rgba(22,58,42,.06)}
/* HERO — like the approved desktop master: airy left half + caped dog on right */
.sh-page .sh-hero{
 min-height:355px;
 background-image:linear-gradient(90deg,rgba(242,250,253,.98) 0%,rgba(246,250,252,.93) 22%,rgba(246,250,252,.22) 50%,rgba(246,250,252,0) 67%),url('/images/superheltehunde/hero-master-v32.webp'),url('/images/superheltehunde/hero.webp');
 background-repeat:no-repeat,no-repeat,no-repeat;
 background-size:100% 100%,auto 100%,cover;
 background-position:center,right center,center 47%;
}
.sh-page .sh-hero-inner{min-height:355px;align-items:center}
.sh-page .sh-hero-copy{width:55%;max-width:665px;padding:18px 0 26px}
.sh-page .sh-hero-copy>p:not(.sh-eyebrow){font-size:1rem;line-height:1.35;max-width:550px;margin-bottom:14px}
.sh-page .sh-hero h1 em{font-style:normal;color:#07813f}
.sh-page .sh-actions{gap:12px}
.sh-page .sh-actions .sh-btn{min-height:44px;padding:11px 23px}
.sh-page .sh-trust{margin:18px 0 0;gap:8px}
.sh-page .sh-trust li{
 min-width:112px;display:grid;grid-template-columns:29px auto;align-items:center;gap:6px;
 background:rgba(255,255,255,.97);border:1px solid #e3eae4;
 border-radius:14px;padding:7px 10px;box-shadow:0 4px 14px rgba(2,31,21,.08);font-size:.77rem;
}
.sh-page .sh-trust li>span:last-child{display:flex;flex-direction:column;gap:1px}
.sh-page .sh-trust-icon{font-size:1.35rem;line-height:1;color:#078747;text-align:center}
.sh-page .sh-trust li strong{font-size:.73rem;color:#142b20}
.sh-page .sh-trust li small{font-size:.61rem;color:#4b6258}
.sh-page .sh-hero-note{display:none}
/* MASTER video: wide landscape left, large serif headline right */
.sh-page .sh-feature-container{margin-top:12px}
.sh-page .sh-video{
 display:grid;grid-template-columns:1.13fr .86fr;gap:25px;
 align-items:center;margin:0 0 12px;padding:10px 11px;
 min-height:244px
}
.sh-page .sh-video-frame{align-self:stretch;display:flex;align-items:center}
.sh-page .sh-video video{
 aspect-ratio:2.38/1;width:100%;max-height:270px;min-height:206px;
 object-fit:cover;border-radius:9px;box-shadow:0 4px 9px #0000001c
}
.sh-page .sh-video-copy{padding:5px 16px 4px 0}
.sh-page .sh-video-copy h2{font-size:clamp(1.7rem,2.8vw,2.55rem);margin:0 0 9px}
.sh-page .sh-video-copy>p:not(.sh-mini-label){font-family:Georgia,serif;font-size:1.12rem;line-height:1.31;margin:0 0 16px}
.sh-page .sh-meta{gap:17px;color:#233e39;font-size:.76rem;align-items:center;margin:8px 0 0}
.sh-page .sh-meta>span>span{font-size:1.25rem;color:#07813f;vertical-align:-1px;margin-right:3px}
/* MASTER generator: compact upper form + visible collector card */
.sh-page .sh-generator{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);
 padding:16px 18px 14px;gap:20px;margin-bottom:10px;min-height:254px
}
.sh-page .sh-section-title{display:flex;align-items:flex-start;gap:13px}
.sh-page .sh-section-title h2{font-size:clamp(1.65rem,2.5vw,2.25rem);margin:0}
.sh-page .sh-section-title p{font-size:.8rem;line-height:1.32;margin:5px 0 0}
.sh-page .sh-section-icon{display:grid;flex:none;place-items:center;height:48px;width:48px;border-radius:50%;background:#e4f8ea;color:#058742;font-size:1.9rem}
.sh-page .sh-steps{margin:13px 0 9px;gap:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sh-page .sh-steps li{border-radius:14px;background:#fbfcfb;border:1px solid #e5ede7;display:flex;align-items:center;font-size:.71rem;padding:5px 7px;white-space:nowrap}
.sh-page .sh-steps b{flex:none;width:25px;height:25px;background:linear-gradient(180deg,#089a54,#076b3a);box-shadow:0 3px 5px #063b271e}
.sh-page .sh-select-wrap{display:flex;align-items:center;gap:8px;border:1px solid #cfdad2;background:#fff;border-radius:9px;min-height:41px;padding-left:12px}
.sh-page .sh-select-wrap>span{color:#1e3047;font-size:1.4rem}
.sh-page .sh-select-wrap select{border:0;min-height:39px;padding:7px 9px 7px 0;flex:1;font-size:.82rem;min-width:0}
.sh-page .sh-customize:not([hidden]){padding:9px 0 2px;display:flex;flex-direction:column;gap:6px}
.sh-page .sh-customize[hidden],.sh-page #sh-begin[hidden]{display:none!important}
.sh-page .sh-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sh-page .sh-generator form{gap:4px}
.sh-page .sh-generator .sh-full{margin-top:6px}
.sh-page .sh-preview-card{transform:rotate(-2deg);border-radius:12px;max-width:230px;margin:auto}
.sh-page .sh-generator-preview{display:grid;grid-template-columns:minmax(145px,1.08fr) minmax(140px,.9fr) minmax(65px,.55fr);gap:12px;align-items:center}
.sh-page .sh-preview-card>img{display:none}
.sh-page .sh-preview-visual{height:133px;overflow:hidden;position:relative}
.sh-page .sh-preview-visual img{width:100%;height:100%;object-fit:cover;display:block}
.sh-page .sh-preview-brand{position:absolute;top:5px;left:7px;padding:3px 5px;background:rgba(0,91,52,.72);font-size:.58rem;z-index:1}
.sh-page .sh-preview-badge{position:absolute;top:5px;right:5px;border-radius:6px;background:#006735;color:#fff;padding:4px}
.sh-page .sh-preview-caption{text-align:center;padding:7px 6px 8px;gap:1px}
.sh-page .sh-preview-caption strong{font-family:Georgia,serif;font-size:1.02rem;white-space:nowrap}
.sh-page .sh-preview-caption span{font-size:.65rem}
.sh-page .sh-preview-caption small{font-size:.61rem}
.sh-page .sh-stars{font-size:1.06rem!important;letter-spacing:.02em;color:#ffa500}
.sh-page .sh-preview-facts{display:block}
.sh-page .sh-preview-facts p{margin:0 0 9px;display:flex;align-items:center;gap:6px}
.sh-page .sh-preview-facts p>span:last-child{display:flex;flex-direction:column;gap:1px}
.sh-page .sh-preview-facts strong{font-size:.7rem;line-height:1.1;color:#192b2a}
.sh-page .sh-preview-facts small{font-size:.63rem;line-height:1.12;color:#50665b}
.sh-page .sh-power-icon{display:grid;place-items:center;flex:none;background:#e5f7ed;color:#058943;width:26px;height:26px;border-radius:50%;font-size:1.05rem;font-weight:900}
.sh-page .sh-download-card{padding:8px!important;min-height:34px!important;font-size:.67rem!important}
.sh-page .sh-preview-note{font-family:"Comic Sans MS","Segoe Print",cursive;color:#007b41;font-weight:700;font-style:italic;transform:rotate(-9deg);line-height:1.13;text-align:center;font-size:.96rem}
.sh-page #sh-form-status{font-size:.73rem;line-height:1.2;color:#1c7352;margin:3px 0 0}
.sh-page .sh-generator input,.sh-page .sh-generator select{font-family:Inter,-apple-system,sans-serif}
/* Dog-card row and step/battle panels */
.sh-page .sh-section{margin:12px 0}
.sh-page .sh-heading{margin-bottom:5px;align-items:flex-end}
.sh-page .sh-heading .sh-mini-label{display:none}
.sh-page .sh-heading p{font-size:.78rem}
.sh-page .sh-heading h2{font-size:1.65rem;margin:0}
.sh-page .sh-heading a{font-size:.73rem}
.sh-page .sh-dog-grid{gap:10px}
.sh-page .sh-dog-card{border-radius:9px;box-shadow:0 4px 12px #112a1d0c}
.sh-page .sh-dog-art{height:105px;background-size:cover;background-position:center 46%}
.sh-page .sh-golden{background-image:url('/images/superheltehunde/captain-master-v32.webp'),url('/images/superheltehunde/captain.webp')}
.sh-page .sh-border{background-image:url('/images/superheltehunde/professor-master-v32.webp'),url('/images/lifestyle-cards/aktive-hunderacer.jpg')}
.sh-page .sh-jack{background-image:url('/images/superheltehunde/flash-master-v32.webp'),url('/images/lifestyle-cards/familiehunde.jpg')}
.sh-page .sh-shepherd{background-image:url('/images/superheltehunde/guardian-master-v32.webp'),url('/images/homepage/hero-family-clean-v25.jpg')}
.sh-page .sh-dog-card>div+div{padding:8px 10px 8px}
.sh-page .sh-dog-card h3{font-size:1rem;margin:0}
.sh-page .sh-dog-card p{font-size:.75rem;line-height:1.2;margin:2px 0 7px;min-height:30px}
.sh-page .sh-dog-card a{max-width:78%;margin:0 auto;background:linear-gradient(180deg,#079a51,#036e38);font-size:.74rem;padding:6px 8px}
.sh-page .sh-two-col{gap:12px;margin-top:8px}
.sh-page .sh-how,.sh-page .sh-battle{padding:13px 16px}
.sh-page .sh-how h2,.sh-page .sh-battle h2{font-size:1.55rem}
.sh-page .sh-how-grid{margin-top:8px;gap:6px}
.sh-page .sh-how-grid h3{font-size:.83rem;margin:3px 0}
.sh-page .sh-how-grid p{font-size:.7rem;line-height:1.22;margin:0}
.sh-page .sh-how-grid b{width:30px;height:30px}
.sh-page .sh-battle-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.sh-page .sh-battle-top p{font-size:.68rem;margin:0}
.sh-page .sh-battle-head{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;text-align:center;margin-bottom:5px;gap:8px}
.sh-page .sh-battle-head a{font-weight:800;text-decoration:none;font-size:.81rem;color:#1a2437;display:flex;align-items:center;justify-content:center;gap:9px}
.sh-page .sh-battle-avatar{width:43px;height:43px;border-radius:50%;background-size:cover;background-position:center;flex:none}
.sh-page .sh-avatar-golden{background-image:url('/images/superheltehunde/captain-master-v32.webp'),url('/images/superheltehunde/captain.webp')}
.sh-page .sh-avatar-labrador{background-image:url('/images/homepage/hero-family-clean-v25.jpg')}
.sh-page .sh-vs-badge{border-radius:50%;background:#dff3e7;color:#006b38;font-size:.78rem;font-weight:900;padding:8px 2px}
.sh-page .sh-battle-bars>div{display:grid;grid-template-columns:90px 1fr 1fr;gap:10px;align-items:center;margin:3px 0}
.sh-page .sh-battle-bars span{font-size:.71rem;font-weight:650}
.sh-page .sh-battle-bars i{display:block;height:8px;background:#e7eeeb;border-radius:8px;overflow:hidden}
.sh-page .sh-battle-bars i:before{content:"";display:block;width:var(--bar);height:100%;border-radius:8px;background:linear-gradient(90deg,#058e47,#63c68a)}
.sh-page .sh-battle small{font-size:.63rem;line-height:1.2;margin:8px 0 5px}
.sh-page .sh-battle>a.sh-btn{min-height:28px;padding:4px 12px;display:flex;font-size:.7rem;max-width:260px;margin:0 auto}
.sh-page .sh-links,.sh-page .sh-proof,.sh-page .sh-faq{margin-top:34px}
.sh-page .sh-bottom{background:linear-gradient(90deg,#e2f3e8,#f1f8ef)}
/* desktop narrower */
@media(max-width:1080px){
 .sh-page .sh-hero-copy{width:60%}
 .sh-page .sh-preview-note{display:none}
 .sh-page .sh-generator-preview{grid-template-columns:minmax(145px,1fr) minmax(115px,.8fr)}
 .sh-page .sh-steps li{white-space:normal}
}
@media(max-width:850px){
 .sh-page .sh-container{width:calc(100% - 28px)}
 .sh-page .sh-video{grid-template-columns:1fr}
 .sh-page .sh-video video{aspect-ratio:16/9;max-height:none}
 .sh-page .sh-generator{grid-template-columns:1fr}
 .sh-page .sh-generator-preview{grid-template-columns:minmax(145px,1fr) minmax(145px,1fr);max-width:520px;margin:auto;width:100%}
 .sh-page .sh-dog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sh-page .sh-two-col{grid-template-columns:1fr}
}
@media(max-width:650px){
 .sh-page .sh-container{width:calc(100% - 22px)}
 .sh-page .sh-hero{
  min-height:385px;
  background-image:linear-gradient(180deg,rgba(248,252,255,.97) 0%,rgba(248,252,255,.93) 40%,rgba(248,252,255,.05) 72%),url('/images/superheltehunde/hero-mobile.webp'),url('/images/superheltehunde/hero.webp');
  background-size:100% 100%,cover,cover;background-position:center,68% bottom,center bottom
 }
 .sh-page .sh-hero-inner{min-height:385px;align-items:flex-start}
 .sh-page .sh-hero-copy{width:100%;padding:16px 0 10px}
 .sh-page .sh-eyebrow{font-size:.55rem;letter-spacing:.10em}
 .sh-page .sh-hero h1{font-size:clamp(2rem,9.3vw,2.55rem);max-width:295px;line-height:1.02;margin:6px 0 5px}
 .sh-page .sh-hero-copy>p:not(.sh-eyebrow){max-width:300px;font-size:.77rem;line-height:1.24;margin-bottom:11px}
 .sh-page .sh-actions{display:flex;flex-direction:column;gap:6px;max-width:245px}
 .sh-page .sh-actions .sh-btn{min-height:37px;padding:7px 10px;font-size:.73rem;width:100%}
 .sh-page .sh-trust{position:absolute;bottom:8px;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0}
 .sh-page .sh-trust li{display:flex;flex-direction:column;gap:3px;text-align:center;align-items:center;padding:6px 3px;min-width:0;border-radius:10px}
 .sh-page .sh-trust li strong{font-size:.6rem}
 .sh-page .sh-trust li small{font-size:.49rem;line-height:1.1}
 .sh-page .sh-trust-icon{font-size:1.1rem}
 .sh-page .sh-video{padding:9px;gap:10px;margin:10px 0 9px}
 .sh-page .sh-video video{aspect-ratio:16/9;min-height:unset;border-radius:8px}
 .sh-page .sh-video-copy{padding:0 4px 5px}
 .sh-page .sh-video-copy h2{font-size:1.7rem;margin:0 0 6px}
 .sh-page .sh-video-copy>p:not(.sh-mini-label){font-family:Inter,-apple-system,sans-serif;font-size:.81rem;line-height:1.3;margin:0}
 .sh-page .sh-meta{gap:10px;margin-top:10px;font-size:.66rem}
 .sh-page .sh-meta>span>span{font-size:1rem}
 .sh-page .sh-generator{padding:13px 11px;gap:11px;min-height:0}
 .sh-page .sh-section-icon{height:40px;width:40px;font-size:1.5rem}
 .sh-page .sh-section-title{gap:9px}
 .sh-page .sh-section-title h2{font-size:1.56rem}
 .sh-page .sh-section-title p{font-size:.72rem;margin-top:2px}
 .sh-page .sh-steps{margin:10px 0 7px;gap:4px}
 .sh-page .sh-steps li{font-size:.61rem;padding:4px 3px;white-space:normal}
 .sh-page .sh-steps b{width:22px;height:22px}
 .sh-page .sh-generator-preview{grid-template-columns:1fr;gap:10px}
 .sh-page .sh-preview-card{width:100%;max-width:260px}
 .sh-page .sh-preview-visual{height:165px}
 .sh-page .sh-preview-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .sh-page .sh-preview-facts p{margin:0}
 .sh-page .sh-preview-facts strong{font-size:.64rem}
 .sh-page .sh-preview-facts small{font-size:.59rem}
 .sh-page .sh-preview-facts .sh-download-card{grid-column:1/-1}
 .sh-page .sh-heading h2{font-size:1.38rem}
 .sh-page .sh-heading p{display:none}
 .sh-page .sh-dog-grid{gap:7px}
 .sh-page .sh-dog-art{height:88px}
 .sh-page .sh-dog-card>div+div{padding:7px}
 .sh-page .sh-dog-card h3{font-size:.91rem}
 .sh-page .sh-dog-card p{font-size:.67rem}
 .sh-page .sh-dog-card a{max-width:94%;font-size:.66rem}
 .sh-page .sh-how,.sh-page .sh-battle{padding:12px}
 .sh-page .sh-how h2,.sh-page .sh-battle h2{font-size:1.43rem}
 .sh-page .sh-battle-head a{font-size:.66rem;gap:4px}
 .sh-page .sh-battle-bars>div{grid-template-columns:67px 1fr 1fr;gap:5px}
 .sh-page .sh-battle-head{grid-template-columns:1fr 33px 1fr}
 .sh-page .sh-battle-avatar{height:32px;width:32px}
 .sh-page .sh-bottom{padding:24px 0}
}