
.golf-page{font-family:Lexend,Arial,sans-serif;color:#173248}
.golf-page section[id]{scroll-margin-top:100px}
.golf-wrap{max-width:1120px;margin:auto;padding:72px 28px}
.golf-eyebrow{font-size:10px!important;letter-spacing:2px;font-weight:500;color:var(--doctor-accent);margin:0 0 18px!important}
.golf-page h2{font-size:clamp(30px,3.5vw,46px);line-height:1.18;letter-spacing:-1.5px;font-weight:600;margin:0 0 24px}
.golf-page h2 span{color:var(--doctor-accent)}
.golf-page p{line-height:1.8}
.golf-hero{position:relative;overflow:hidden;background:#fff;isolation:isolate;text-align:center;padding-top:48px}
.golf-hero-copy{position:relative;z-index:2;max-width:1000px;margin:auto;padding:0 24px}
.golf-hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.12;letter-spacing:-2px;font-weight:600}
.golf-hero h1 span{color:var(--doctor-accent)}
.golf-hero-copy>p:not(.golf-eyebrow){font-size:16px;line-height:1.7;color:#526e80;margin:20px 0}
.golf-hero-actions{display:flex;align-items:center;justify-content:center;gap:28px}
.golf-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:99px;background:var(--doctor-accent);color:#fff!important;padding:15px 28px;font:500 15px/1.4 Lexend,Arial,sans-serif;cursor:pointer;text-decoration:none}
.golf-button:hover{background:var(--doctor-deep)}
.golf-button:focus-visible,.golf-text-link:focus-visible{outline:3px solid var(--doctor-accent);outline-offset:4px}
.golf-text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--doctor-accent);font-size:14px;font-weight:500}
.golf-hero-art{display:block;width:100%;height:auto;margin-top:-12vw;position:relative;z-index:0}
.golf-hero:after{content:'';position:absolute;bottom:-1px;left:-5%;width:110%;height:55px;background:white;clip-path:ellipse(65% 100% at 55% 100%);z-index:1}
.mobile-break{display:none}












.golf-page .how-section{background:var(--doctor-soft);--dark:#304f4c;--accent:#4e7169}
.golf-page .how-header h2 em,.golf-page .how-header h2 span{color:var(--doctor-accent)}
.golf-page .how-toggle-pill{background:var(--doctor-deep)}
.golf-page .how-toggle{border-color:#ccdcd6;background:#e6eeea}




.golf-clubs{text-align:center;background:var(--doctor-soft);border-radius:50% 8% 0 0/30px 20px 0 0}
.golf-clubs .golf-wrap{padding-top:65px;padding-bottom:48px}
.golf-clubs p:not(.golf-eyebrow){font-size:14px;color:#526e80}
.golf-club-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:700px;margin:35px auto 0}
.golf-club{display:flex;align-items:center;justify-content:center;min-height:125px}
.golf-club img{max-width:120px;max-height:110px;width:auto;height:auto;object-fit:contain;animation:partner-float 6s ease-in-out infinite}
.golf-page .iad-book,.golf-page .contact-primary{background:var(--doctor-accent)}
.golf-page .iad-book:hover,.golf-page .contact-primary:hover{background:var(--doctor-deep)}
.golf-page .brand-mobile-bar{background:var(--doctor-deep)}
.golf-page .brand-mobile-bar .golf-button{background:var(--doctor-accent);width:100%;min-height:48px;padding:12px 18px;font-size:16px}
@media(max-width:760px){.golf-wrap{padding:42px 24px}.golf-hero{padding-top:30px}.golf-hero h1{font-size:clamp(30px,6.7vw,43px);letter-spacing:-1.2px}.golf-hero-copy>p:not(.golf-eyebrow){font-size:13px;margin:16px 0}.golf-hero .golf-eyebrow{font-size:9px!important;letter-spacing:1.4px}.golf-hero-actions{gap:18px}.golf-button{font-size:13px;padding:14px 23px;min-height:48px}.golf-text-link{font-size:12px}.golf-hero-art{width:140%;max-width:none;margin-left:-20%;margin-top:-9vw}.golf-hero:after{height:25px}.golf-clubs .golf-wrap{padding:42px 24px}.golf-clubs h2{font-size:29px;letter-spacing:-1px}.golf-clubs p:not(.golf-eyebrow){font-size:12px}.golf-club-grid{gap:20px;margin-top:20px}.golf-club{min-height:90px}.golf-club img{max-width:80px;max-height:78px}}
@media(max-width:380px){.golf-hero-art{width:155%;margin-left:-27.5%;margin-top:-7vw}.golf-hero h1{font-size:30px}.golf-hero-actions{gap:12px}}

.golf-page .certificate-booking-context,.golf-page .certificate-booking-dialog .health-form-support :is(button,a){background:var(--doctor-accent);border-color:var(--doctor-accent);color:#fff}
.golf-page .certificate-booking-dialog .health-form-support :is(button,a):hover{background:var(--doctor-deep)}

/* An open, connected journey rather than a feature card. */
.golf-precheck{max-width:1120px;padding-top:86px;padding-bottom:80px;text-align:center}
.golf-precheck-heading{max-width:680px;margin:auto}
.golf-precheck-heading>p:last-child{font-size:15px;color:#526e80;max-width:590px;margin:0 auto;line-height:1.8}
.golf-guidance{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:44px 0 32px;position:relative}
.golf-guidance:before{content:"";position:absolute;left:16.7%;right:16.7%;top:63px;height:35px;border-top:2px dashed #ceded8;border-radius:50%;z-index:0}
.golf-guidance li{position:relative}
.golf-guidance-visual{width:130px;height:130px;display:grid;place-items:center;margin:0 auto 16px;color:var(--doctor-accent);background:#f1f5f3;border-radius:46% 54% 60% 40%;position:relative}
.golf-guidance-visual svg{width:104px;height:104px;overflow:visible}
.golf-guidance-visual img{width:100px;height:100px;object-fit:contain;animation:partner-float 6s ease-in-out infinite}
.golf-guidance-number{font-size:11px;letter-spacing:2px;color:var(--doctor-accent)}
.golf-guidance h3{font-size:18px;line-height:1.4;font-weight:600;margin:8px 0}
.golf-guidance p{font-size:13px;line-height:1.7;color:#526e80;margin:0}
.golf-precheck-action>p{font-size:11px;color:#526e80;margin:14px auto 0;max-width:420px}
.golf-answer-lines{animation:guidance-breathe 5s ease-in-out infinite}
.golf-reply-dot{animation:guidance-breathe 5s 1.5s ease-in-out infinite}
@keyframes guidance-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@media(min-width:801px){.golf-page .iad-account-row:empty{display:none}.golf-page .iad-footer-actions{display:flex;align-items:center;gap:32px}}
@media(max-width:760px){.golf-precheck{padding:48px 24px}.golf-precheck h2{font-size:30px;letter-spacing:-1px}.golf-precheck-heading>p:last-child{font-size:13px}.golf-guidance{grid-template-columns:1fr;gap:24px;text-align:left;margin:32px 0}.golf-guidance:before{left:43px;top:40px;bottom:40px;width:0;height:auto;border-top:0;border-left:2px dashed #ceded8;border-radius:0}.golf-guidance li{display:grid;grid-template-columns:88px 1fr;gap:0 20px;align-content:center}.golf-guidance-visual{grid-column:1;grid-row:1/4;width:88px;height:88px;margin:0}.golf-guidance-visual svg{width:74px;height:74px}.golf-guidance-visual img{width:72px;height:72px}.golf-guidance-number{font-size:10px}.golf-guidance h3{font-size:16px;margin:4px 0}.golf-guidance p{font-size:12px}.golf-precheck-action .golf-button{width:100%;max-width:350px}}
@media(prefers-reduced-motion:reduce){.golf-answer-lines,.golf-reply-dot,.golf-guidance-visual img{animation:none}}

.golf-hero-actions{flex-direction:column;gap:12px}
.golf-hero-actions .golf-button{width:min(100%,340px);min-height:60px;font-size:17px}
.golf-hero-actions .golf-test-button{background:#dce8e1;color:#304f4c!important;min-height:52px;font-size:14px}
.golf-hero-actions .golf-test-button:hover{background:#c6d8d0}
.golf-intro{text-align:center;max-width:940px;padding-top:64px;padding-bottom:54px}
.golf-intro h2{font-size:clamp(32px,4vw,49px)}
.golf-intro-lead{max-width:610px;margin:0 auto;color:#526e80;font-size:15px}
.golf-visit-options{display:flex;justify-content:center;gap:56px;margin:32px auto 36px}
.golf-visit-options>div{display:flex;align-items:center;gap:13px;text-align:left}
.golf-visit-options svg{width:40px;height:40px;color:var(--doctor-accent);flex-shrink:0}
.golf-visit-options p{margin:0;font-size:15px;font-weight:500;line-height:1.6}
.golf-visit-options span{display:block;font-size:12px;font-weight:400;color:#526e80}
.golf-booking-line{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:650px;margin:auto;padding:28px 36px;background:#eef3f1;border-radius:28px 6px 28px 6px;text-align:left}
.golf-fee-label{font-size:12px;color:var(--doctor-deep);font-weight:500}
.golf-fee p{font-size:56px;letter-spacing:-2px;line-height:1.1;margin:8px 0;color:var(--doctor-deep);font-weight:600}
.golf-fee p span{font-size:25px;letter-spacing:0;font-weight:400}
.golf-fee>span:last-child{font-size:11px;color:#526e80}
.golf-booking-line .golf-button{min-width:180px}
.golf-refund{max-width:550px;margin:20px auto 8px;display:flex;justify-content:center;align-items:center;gap:10px;color:#526e80;font-size:11px;text-align:left}
.golf-refund svg{width:26px;height:26px;color:var(--doctor-accent);flex-shrink:0}
.golf-review-scan{animation:review-scan 5s ease-in-out infinite}
.golf-review-pen{animation:review-pen 5s ease-in-out infinite;transform-origin:70px 85px}
@keyframes review-scan{0%,100%{transform:translateY(0)}45%,65%{transform:translateY(24px)}}
@keyframes review-pen{0%,100%{transform:translateY(0) rotate(0deg)}45%,65%{transform:translateY(12px) rotate(-8deg)}}
@media(max-width:760px){
.golf-hero-actions{gap:10px}.golf-hero-actions .golf-button{min-height:54px;font-size:16px}.golf-hero-actions .golf-test-button{min-height:48px;font-size:13px}
.golf-intro{padding:44px 24px}.golf-intro h2{font-size:32px;letter-spacing:-1px}.golf-intro-lead{font-size:13px}
.golf-visit-options{gap:24px;margin:26px 0}.golf-visit-options>div{gap:9px}.golf-visit-options svg{width:32px;height:32px}.golf-visit-options p{font-size:13px}.golf-visit-options span{font-size:11px}
.golf-booking-line{flex-direction:column;text-align:center;gap:20px;padding:25px 20px}.golf-fee p{font-size:52px}.golf-booking-line .golf-button{width:100%;max-width:300px}.golf-refund{font-size:11px;margin-top:18px}
.golf-guidance{gap:28px;text-align:center;max-width:340px;margin:32px auto}.golf-guidance:before{display:none}.golf-guidance li{display:flex;flex-direction:column;align-items:center;gap:0}.golf-guidance-visual{width:106px;height:106px;margin:0 auto 12px}.golf-guidance-visual svg{width:88px;height:88px}.golf-guidance-number{display:none}.golf-guidance h3{font-size:18px;margin:4px 0 6px}.golf-guidance p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.golf-review-scan,.golf-review-pen{animation:none}}

/* Price remains part of the open page, with both next actions together. */
.golf-offer{position:relative;max-width:650px;margin:38px auto 0;padding:20px 0 4px}
.golf-offer-price{position:relative;isolation:isolate}
.golf-offer-price:before{content:"";position:absolute;z-index:-1;width:245px;height:125px;top:15px;left:50%;transform:translateX(-50%) rotate(-5deg);background:radial-gradient(ellipse,#e1ece6 0%,#f6f9f7 50%,transparent 72%)}
.golf-offer-price>span{display:block;font-size:12px;color:#526e80}
.golf-offer-price>span:first-child{color:var(--doctor-deep);font-weight:500}
.golf-offer-price p{font-size:76px;line-height:1.15;letter-spacing:-3px;font-weight:600;color:var(--doctor-deep);margin:12px 0}
.golf-offer-price small{font-size:26px;font-weight:400;letter-spacing:0;margin-left:10px}
.golf-offer-actions{display:flex;justify-content:center;gap:12px;margin:28px auto 22px}
.golf-offer-actions .golf-button{min-width:210px;gap:10px}
.golf-offer-actions .golf-requirements{background:#e4ede8;color:var(--doctor-deep)!important}
.golf-offer-actions .golf-requirements:hover{background:#cdded6}
.golf-requirements svg{width:21px;height:21px;flex-shrink:0}
.golf-offer-assurance{display:flex;align-items:center;gap:10px;max-width:500px;margin:0 auto;font-size:11px;color:#526e80;text-align:left}
.golf-offer-assurance svg{width:27px;height:27px;flex-shrink:0;color:var(--doctor-accent)}
.golf-review-lens{animation:document-review 6s ease-in-out infinite}
@keyframes document-review{0%,100%{transform:translate(0,0)}40%,60%{transform:translate(-8px,-14px)}}
@media(max-width:760px){
.golf-offer{margin-top:24px;padding-top:6px}.golf-offer-price p{font-size:68px}.golf-offer-actions{gap:10px}.golf-offer-actions .golf-button{min-width:0;flex:1;padding:14px 12px;font-size:13px}.golf-offer-assurance{font-size:11px;max-width:350px}
.golf-page .contact-heading,.golf-page .contact-help,.golf-page .contact-address{text-align:center}
.golf-page .contact-help{padding:0;max-width:460px;margin:0 auto}
.golf-page .contact-symbol{position:static;display:block;margin:0 auto 16px;width:58px;height:50px}
.golf-page .contact-help .contact-note{max-width:350px;margin:18px auto 0!important}
.golf-page .contact-address .contact-note{max-width:350px;margin:12px auto 22px!important}
.golf-page .contact-heading h2{margin-bottom:8px}
.golf-page .contact-wrap{gap:32px}
.golf-page .contact-visit{gap:24px;padding-top:28px}
.golf-page .contact-visit>img{margin:0;border-radius:28px;height:230px}
}
@media(prefers-reduced-motion:reduce){.golf-review-lens{animation:none}}

@media(min-width:761px){
.golf-page .contact-wrap,.golf-page .contact-visit{column-gap:80px}
.golf-page .contact-help{padding-left:0}
.golf-page .contact-symbol{left:-76px;width:56px;height:52px}
.golf-page .contact-help h3,.golf-page .contact-address h3{font-size:26px;line-height:1.3;margin-bottom:16px}
}

/* Approved close composition: keep the face and cart clear of the hero actions. */
.golf-hero-art{margin-top:12px}
@media(max-width:760px){.golf-hero-art{width:125%;margin-left:-12.5%;margin-top:20px}}

/* Separate compositions: panoramic desktop, close portrait framing on mobile. */
.golf-hero-picture{display:block;margin:0 auto;width:100%;max-width:1920px}
.golf-hero-art{display:block;width:100%;max-width:none;height:auto;margin:0;aspect-ratio:3/1;object-fit:contain}
.golf-hero{padding-top:32px}
.golf-hero:after{display:none}
.golf-hero h1{font-size:clamp(36px,3.6vw,52px)}
.golf-hero-copy>p:not(.golf-eyebrow){margin:16px 0}
.golf-hero-actions .golf-button{min-height:54px}
.golf-hero-actions .golf-test-button{min-height:48px}
.golf-hero-picture{margin-top:-12px}
.golf-page .how-section{--dark:var(--doctor-deep);--accent:var(--doctor-accent)}
.golf-page .certificate-booking-context,.golf-page .certificate-booking-dialog .health-form-support :is(button,a){background:#1e5985;border-color:#1e5985;color:white}
.golf-page .certificate-booking-dialog .health-form-support :is(button,a):hover{background:#163b54}
@media(max-width:760px){
.golf-hero{padding-top:30px}
.golf-hero h1{font-size:clamp(30px,6.7vw,43px)}
.golf-hero-picture{margin-top:16px}
.golf-hero-art{width:125%;margin-left:-12.5%;aspect-ratio:3/2;object-fit:contain}
}
/* Continue the illustrated sky behind the whole header, including its centre. */
.golf-hero{background-color:#e9f2f5;background-image:url("/golfbilsdoktorn/assets/hero-sky.svg"),linear-gradient(120deg,#e4eff3,#edf4f5 48%,#e1edf1);background-size:100% 500px,100% 100%;background-repeat:no-repeat}
.golf-hero-art{mask-image:linear-gradient(to bottom,transparent 0%,#000 16%)}
@media(max-width:760px){.golf-hero{background-size:auto 450px,100% 100%}.golf-hero-art{mask-image:linear-gradient(to bottom,transparent 0%,#000 12%)}}
/* Shared approved standing-doctor artwork, including its original illustrated sky. */
.golf-hero{padding-top:30px;background:#e5f1f5}
.golf-hero-picture{max-width:none;margin-top:clamp(-330px,-22vw,-120px)}
.golf-hero-art{width:100%;height:auto;aspect-ratio:3/2;margin:0;object-fit:contain;mask-image:none}
.golf-hero:after{display:block;height:35px}
@media(max-width:760px){.golf-hero-picture{width:170%;margin-left:-35%;margin-top:-130px}.golf-hero-art{width:100%;margin:0;mask-image:none}.golf-hero-copy{padding-bottom:0}.golf-hero:after{height:22px}}
/* The original sky fills the header; only the empty sky stretches, never the doctor. */
.golf-hero{padding:0;background:none;aspect-ratio:1536/1200}
.golf-hero-copy{position:absolute;top:30px;left:0;right:0}
.golf-hero-picture{width:100%;margin:0;max-width:none}
.hero-scene-desktop{display:block;width:100%;height:auto}.hero-scene-mobile{display:none}
.golf-hero:after{left:0;width:100%;height:55px;clip-path:none;background:white;mask:url('/golfbilsintyg-kampanj/assets/campaign-wave.svg') center/100% 100% no-repeat}
@media(max-width:760px){.golf-hero{aspect-ratio:900/1574}.golf-hero-copy{top:26px}.golf-hero-picture{width:100%;margin:0}.hero-scene-desktop{display:none}.hero-scene-mobile{display:block;width:100%;height:auto}.golf-hero:after{height:28px}}
@media(min-width:761px){.golf-hero-copy{top:20px}.golf-hero h1{font-size:clamp(32px,3vw,44px)}.golf-hero-actions{flex-direction:row;gap:12px}.golf-hero-actions .golf-button{min-height:46px;padding:12px 24px}.golf-hero-copy>p:not(.golf-eyebrow){margin:12px 0}.golf-hero .golf-eyebrow{margin-bottom:12px!important}}
/* Keep the visit options and price visually connected. */
.golf-offer{margin-top:14px;padding-top:0}
.golf-offer-price p{margin-top:4px}
@media(max-width:760px){
 .golf-precheck{padding:38px 20px}
 .golf-guidance{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:520px;margin:26px auto 24px;text-align:center}
 .golf-guidance:before{display:block;left:17%;right:17%;top:30px;bottom:auto;width:auto;height:0;border:0;border-top:1px dashed #b7cec5;border-radius:0}
 .golf-guidance li{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0}
 .golf-guidance-visual{width:60px;height:60px;margin:0 auto 10px}
 .golf-guidance-visual svg{width:48px;height:48px}
 .golf-guidance h3{font-size:13px;line-height:1.4;margin:0;font-weight:500}
 .golf-guidance p{display:none}
 .golf-precheck h2{margin-bottom:16px}
 .golf-offer{margin-top:14px;padding-top:0}
}
@media(min-width:761px){.golf-hero-actions .golf-button{width:auto;min-width:150px;padding-inline:26px}}
.golf-mobile-approved{display:none}
@media(max-width:760px){
 .golf-page .golf-hero{height:clamp(680px,150vw,840px);aspect-ratio:auto!important}
 .golf-page .golf-hero-picture{display:none}
 .golf-page .golf-mobile-approved{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .golf-page .golf-hero-copy{z-index:1;top:26px}
 .golf-page .golf-hero h1{font-size:clamp(26px,6.7vw,34px);line-height:1.15}
 .golf-page .golf-hero-actions{gap:8px}
 .golf-page .golf-hero-actions .golf-button{width:auto;min-width:190px;min-height:44px;padding:10px 20px;font-size:13px}
 .golf-page .golf-hero:after{z-index:2;height:24px}
}
@media(max-width:360px){.golf-page .golf-hero h1{font-size:22px}}
.golf-desktop-approved{display:none}
@media(min-width:761px){
 .golf-page .golf-hero{height:clamp(640px,40vw,900px);aspect-ratio:auto!important}
 .golf-page .golf-hero-picture{display:none}
 .golf-page .golf-desktop-approved{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .golf-page .golf-hero-copy{z-index:1}
 .golf-page .golf-hero:after{z-index:2;height:30px}
}
