@font-face{font-family:ComicCare;src:url('/intyg-original/assets/balsamiq-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ComicCare;src:url('/intyg-original/assets/balsamiq-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font-family:ComicCare,Arial,sans-serif;color:#173248;background:#fff}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #2b739e;outline-offset:5px}.header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;background:#fff;position:relative;z-index:5}.brand{display:block;flex:0 0 290px}.brand img{display:block;width:100%;height:auto}.navigation summary{cursor:pointer;font-weight:500;list-style:none;padding:12px}.navigation summary::-webkit-details-marker{display:none}.navigation summary span{margin-left:12px}.navigation nav{display:flex;align-items:center;gap:24px}.navigation a{text-decoration:none;font-size:11px;line-height:1.4;font-weight:500;text-transform:uppercase;white-space:nowrap}.navigation a:hover{color:#2b739e}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:1000px;background:#fffdfd url('/intyg-original/assets/hero-wide-v2.lossless.webp') center bottom/auto 1000px no-repeat;text-align:center;padding:38px 24px 0}.hero-copy{position:relative;z-index:2;max-width:1000px;margin:auto}h1{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.14;text-wrap:balance}h1 span{display:block}.question{font-size:clamp(34px,3.8vw,52px)}.answer{font-size:clamp(48px,5vw,68px);color:#2d789f;margin-top:3px}.actions{display:flex;align-items:center;flex-direction:column;gap:13px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:60px;min-width:290px;border-radius:99px;background:#2c769e;color:white;text-decoration:none;font-size:18px;font-weight:700;padding:16px 30px;box-shadow:0 8px 24px #2b739e13;transition:background .2s,transform .2s}.button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.button:hover{background:#215d82;transform:translateY(-2px)}.button:hover svg{transform:translateX(3px)}.how{font-size:13px;color:#526b7d;text-decoration:none;padding:4px 8px}.how span{display:inline-block;margin-left:7px;color:#2d789f}.how:hover{text-decoration:none;text-underline-offset:5px}.visit-options{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px}.visit-option{display:flex;align-items:center;gap:10px;text-align:left}.visit-option svg{width:46px;height:46px;flex-shrink:0}.visit-option span{font-size:12px;line-height:1.6;color:#526b7d}.visit-option strong{display:block;color:#23475f;font-weight:500}.option-divider{height:28px;width:1px;background:#dce7ec}.draft{text-align:center;padding:36px 20px;color:#526779;background:#f3f7fa;font-size:14px}.draft p{margin-bottom:0}
.atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.cloud{position:absolute;width:150px;color:#fff;opacity:.95;filter:drop-shadow(0 3px 5px #40768c12);animation:cloud-drift 10s linear infinite alternate}.cloud-one{top:43%;left:6%;animation-delay:-3s}.cloud-two{top:53%;right:6%;width:130px;animation-duration:13s;animation-delay:-8s;animation-direction:alternate-reverse}.glimmer{position:absolute;color:#7aa7b9;font-size:30px;font-weight:400;animation:shimmer 3.8s ease-in-out infinite}.glimmer-one{top:38%;left:18%;animation-delay:-2s}.glimmer-two{top:47%;right:14%;animation-delay:-4s}.glimmer-three{top:65%;left:29%;height:5px;width:5px;border-radius:50%;background:#fff;animation-delay:-1s}.sprig{position:absolute;bottom:4%;height:130px;width:65px;color:#e6f1f1;transform-origin:50% 100%;animation:sway 3.5s ease-in-out infinite alternate}.sprig-left{left:4%}.sprig-right{right:4%;animation-delay:-5s}.hero h1{animation:rise-in .8s ease-out both}.actions{animation:rise-in .8s .15s ease-out both}.visit-options{animation:rise-in .8s .3s ease-out both}.draw-check{stroke-dasharray:17;stroke-dashoffset:17;animation:check-in 1s .8s ease-out forwards}.video-light{animation:video-pulse 5s 1.5s ease-in-out infinite}
@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cloud-drift{from{transform:translateX(-32px)}to{transform:translateX(82px)}}@keyframes shimmer{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes check-in{to{stroke-dashoffset:0}}@keyframes video-pulse{0%,60%,100%{opacity:1}80%{opacity:.35}}
@media(min-width:1780px){.hero{background-size:100% auto;min-height:56.25vw}}
@media(min-width:1200px){.navigation summary{display:none}.navigation:not([open])>nav{display:flex}}
@media(max-width:1199px){.header{min-height:86px;padding:18px 24px}.brand{flex-basis:290px}.navigation[open] nav{position:absolute;z-index:5;top:100%;left:0;right:0;background:white;padding:24px;display:grid;gap:22px;box-shadow:0 12px 18px #16385418}}
@media(max-width:600px){.header{min-height:74px;padding:14px 16px;gap:12px}.brand{flex:0 1 235px}.navigation summary{font-size:13px;padding:8px}.hero{min-height:calc(183.13vw + 75px);padding:28px 18px 0;background-image:url('/intyg-original/assets/hero-mobile-v2.lossless.webp');background-size:100% auto;background-position:center bottom}.question{font-size:clamp(27px,7.6vw,40px);max-width:400px;margin:auto}.answer{font-size:clamp(38px,10.2vw,54px);margin-top:7px}.actions{margin-top:22px;gap:10px}.button{font-size:16px;min-height:56px;min-width:265px;padding:14px 24px;gap:18px}.visit-options{gap:16px;margin-top:20px}.visit-option{gap:7px}.visit-option svg{width:40px;height:40px}.visit-option span{font-size:11px}.option-divider{height:25px}.cloud-one{top:43%;left:1%;width:85px;animation-name:cloud-drift-mobile;animation-duration:7s}.cloud-two{top:55%;right:2%;width:75px;animation-name:cloud-drift-mobile;animation-duration:9s}.glimmer-one{top:46%;left:8%}.glimmer-two{top:54%;right:7%}.glimmer-three{display:none}.sprig{height:70px;width:35px;bottom:3%}.sprig-left{left:1%}.sprig-right{right:1%}}
@keyframes cloud-drift-mobile{from{transform:translateX(-12px)}to{transform:translateX(30px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.draw-check{stroke-dashoffset:0}.glimmer{opacity:.4}}

/* Brand details float independently; the doctor and artwork remain still. */
.sky-symbol{position:absolute;width:38px;height:38px;color:#3b87b0;opacity:.24;animation:sky-float 8s ease-in-out infinite;transform-origin:center}
.heart-one{left:9%;top:17%;width:44px;height:44px;animation-delay:-2s}
.heart-two{right:12%;top:36%;width:32px;height:32px;color:#276589;animation-delay:-5s}
.heart-three{left:23%;top:44%;width:26px;height:26px;animation-delay:-7s}
.check-one{right:9%;top:15%;width:48px;height:48px;animation-delay:-4s}
.check-two{left:15%;top:33%;animation-delay:-1s;color:#5b9cac}
.check-three{right:25%;top:43%;width:30px;height:30px;animation-delay:-6s}
@keyframes sky-float{0%,100%{transform:translateY(0) rotate(-7deg);opacity:.2}50%{transform:translateY(-13px) rotate(7deg);opacity:.36}}
@media(max-width:600px){.sky-symbol{width:26px;height:26px}.heart-one{left:2%;top:12%;width:25px;height:25px}.check-one{right:2%;top:8%;width:28px;height:28px}.heart-two{right:6%;top:38%;width:27px;height:27px}.check-two{left:6%;top:38%;width:30px;height:30px}.heart-three{left:4%;top:52%;width:22px;height:22px}.check-three{right:4%;top:55%;width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.sky-symbol{opacity:.25;animation:none}}

/* Navigation mirrors DirektDoktorn's spacing, Lexend type and responsive controls. */
.iad-nav{position:sticky;top:0;z-index:100;background:#fafbfcef;backdrop-filter:blur(10px);border-bottom:1px solid #dce5ed;font:400 14px/1.5 Lexend,Arial,sans-serif;color:#173248}.nav-wrap{max-width:1248px;margin:auto;padding:0 24px;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.iad-nav a{text-decoration:none}.iad-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:22px;letter-spacing:-.03em}.iad-brand img{width:36px;height:36px;object-fit:contain}.iad-brand>span>span{color:#2d759f}.iad-links{display:flex;align-items:center;gap:24px}.iad-links[hidden]{display:none}.iad-links>a:hover,.iad-dropdown summary:hover{color:#2d759f}.iad-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.iad-login{display:inline-flex;align-items:center;gap:8px;color:#25658c;font-weight:500;white-space:nowrap;padding:10px 4px}.iad-login svg{width:22px;height:22px}.iad-book{display:inline-flex;justify-content:center;align-items:center;border-radius:100px;background:#2c719d;color:white;padding:13px 22px;min-height:48px;font-size:14px;font-weight:500;white-space:nowrap}.iad-book:hover{background:#1a4c70}.iad-burger{display:none;border:0;background:transparent;width:44px;height:44px;padding:10px;cursor:pointer;color:#173248}.iad-burger span,.iad-burger span:before,.iad-burger span:after{height:2px;width:24px;display:block;background:currentColor;position:relative}.iad-burger span:before,.iad-burger span:after{content:'';position:absolute;left:0}.iad-burger span:before{top:-7px}.iad-burger span:after{top:7px}.menu-open .iad-burger span{background:transparent}.menu-open .iad-burger span:before{top:0;transform:rotate(45deg)}.menu-open .iad-burger span:after{top:0;transform:rotate(-45deg)}.mobile-actions{display:none}.iad-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:10px 0}.iad-dropdown summary::-webkit-details-marker{display:none}.iad-dropdown summary svg{height:16px;width:16px}.iad-dropdown[open] summary svg{transform:rotate(180deg)}.iad-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 36px));padding:24px;background:#fafbfd;border:1px solid #dde7ef;border-radius:20px;box-shadow:0 18px 40px #17324817;max-height:calc(100dvh - 100px);overflow:auto}.certificate-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:14px 0}.certificate-menu-group p{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#5b768b;margin:12px 0}.certificate-menu-group a{display:flex;align-items:center;gap:10px;padding:10px 5px;border-radius:10px}.certificate-menu-group a:hover{background:#eaf2f7}.certificate-menu-group img{width:36px;height:36px;object-fit:contain}.certificate-menu-group strong{display:block;font-size:13px;font-weight:500}.certificate-menu-group small{display:block;font-size:10px;color:#5b768b}.view-all{display:block;border-top:1px solid #dce5ed;padding-top:14px;color:#25658c;font-size:13px}.iad-nav :focus-visible{outline:3px solid #2c719d;outline-offset:4px}
@media(max-width:1100px) and (min-width:961px){.iad-links{gap:14px;font-size:12px}.iad-brand{font-size:20px}.nav-wrap{gap:16px}.iad-right{gap:8px}.iad-right .iad-login span{display:none}}
@media(max-width:960px){.nav-wrap{min-height:74px;gap:12px}.iad-burger{display:block}.iad-links{position:absolute;left:0;right:0;top:100%;padding:12px 24px 24px;background:#fafbfd;display:block;max-height:calc(100dvh - 75px);overflow:auto;box-shadow:0 12px 24px #1732480c}.iad-links>a,.iad-dropdown summary{display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:14px 0;border-bottom:1px solid #dce5ed;font-size:17px}.iad-panel{position:static;transform:none;width:100%;padding:12px 0;border:0;box-shadow:none;max-height:none;overflow:visible}.iad-panel>b{display:none}.certificate-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.certificate-menu-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.certificate-menu-group:last-child>p{grid-column:1/-1}.mobile-actions{display:grid;gap:10px;margin-top:20px}.mobile-actions .iad-login{justify-content:center;border:1px solid #2c719d;border-radius:100px;padding:12px}.mobile-actions .iad-book{width:100%}}
@media(max-width:600px){.nav-wrap{min-height:64px;padding:0 18px;gap:8px}.iad-brand{font-size:18px;gap:7px}.iad-brand img{width:31px;height:31px}.iad-right{gap:8px}.iad-right>.iad-book{display:none}.iad-login{font-size:13px;gap:5px}.iad-login svg{width:20px;height:20px}.iad-links{padding:10px 18px 24px;max-height:calc(100dvh - 65px)}.certificate-menu-group a{gap:6px}.certificate-menu-group img{width:30px;height:30px}.certificate-menu-group strong{font-size:12px}.certificate-menu-group small{font-size:9px}}
@media(max-width:360px){.iad-brand{font-size:16px}.iad-right{gap:3px}.nav-wrap{padding:0 12px}.iad-login{font-size:12px}}
/* Clip the simple hearts and ticks to white sky, safely above the cloud layer. */
.sky-only{position:absolute;top:0;left:0;right:0;height:290px;overflow:hidden;pointer-events:none}.sky-only .sky-symbol{color:#8db8ca;width:25px;height:25px;opacity:.16;animation:quiet-sky 9s ease-in-out infinite}.sky-only .heart-one{left:7%;top:38px}.sky-only .heart-two{right:7%;top:170px;left:auto}.sky-only .heart-three{left:20%;top:245px}.sky-only .check-one{right:7%;top:42px;left:auto}.sky-only .check-two{left:9%;top:185px}.sky-only .check-three{right:21%;top:250px;left:auto}.sky-only .heart-two,.sky-only .check-two{animation-delay:-3s}.sky-only .heart-three,.sky-only .check-three{animation-delay:-6s}
@keyframes quiet-sky{0%,100%{transform:translateY(0) rotate(-6deg);opacity:.15}50%{transform:translateY(-6px) rotate(5deg);opacity:.25}}
@media(max-width:600px){.sky-only{height:280px}.sky-only .sky-symbol{width:18px;height:18px}.sky-only .heart-one{left:3%;top:32px}.sky-only .check-one{right:3%;top:74px}.sky-only .check-two{left:4%;top:170px}.sky-only .heart-two{right:3%;top:185px}.sky-only .heart-three{left:10%;top:255px}.sky-only .check-three{right:10%;top:255px}}
@media(prefers-reduced-motion:reduce){.sky-only .sky-symbol{animation:none}}

/* Refined preview: original identity, rounded typography and open-sky motion. */
@font-face{font-family:Fredoka;src:url('/intyg-original/assets/fredoka-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
body{font-family:Lexend,Arial,sans-serif}
.iad-brand img{width:260px;height:auto;max-height:48px}
.hero{min-height:1060px;padding-top:40px}
.hero h1{font-family:Fredoka,Lexend,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.09}
.question{font-size:clamp(35px,4vw,56px)}.answer{font-size:clamp(50px,5.5vw,76px);margin-top:6px}
.actions{flex-direction:row;justify-content:center;gap:12px;margin-top:28px}
.button{font-family:Lexend,sans-serif;font-size:16px;font-weight:500;min-height:58px;min-width:240px;padding:16px 26px}
.button.how{background:#fff;color:#285e7e;border:1px solid #c5dce7;min-width:190px;box-shadow:0 6px 18px #244c6506}
.button.how:hover{background:#edf5f8;text-decoration:none}
.visit-options{gap:16px;margin-top:22px}
.visit-option{padding:12px 20px;gap:12px;border:1px solid #dce9ef;border-radius:22px;background:#ffffffc9;min-width:212px;box-shadow:0 5px 18px #315d7805}
.visit-option svg{width:56px;height:56px}.visit-option span{font-size:13px}.visit-option strong{font-size:14px;color:#173248}.option-divider{display:none}
.sky-only{height:350px;mask-image:linear-gradient(to bottom,#000 80%,transparent)}
.sky-only .sky-symbol{left:var(--x);top:var(--y);right:auto;width:var(--size);height:var(--size);color:#72a8bf;animation:open-sky var(--duration) ease-in-out var(--delay) infinite;opacity:.16}
@keyframes open-sky{0%,100%{transform:translate(-6px,8px) rotate(-12deg);opacity:.12}50%{transform:translate(9px,-13px) rotate(10deg);opacity:.25}}
@media(max-width:1100px) and (min-width:961px){.iad-brand img{width:220px}}
@media(max-width:600px){
.iad-brand img{width:190px;height:auto}.iad-right .iad-login span{display:none}
.hero{min-height:calc(183.13vw + 120px);padding:30px 18px 0}
.question{font-size:clamp(29px,7.5vw,43px)}.answer{font-size:clamp(43px,11vw,60px)}
.actions{gap:9px;margin-top:22px}.button{min-width:0;min-height:52px;padding:12px 16px;font-size:12px}.button.how{min-width:0}
.visit-options{gap:10px;margin-top:18px}.visit-option{min-width:0;padding:10px 12px;gap:8px;border-radius:18px}.visit-option svg{width:43px;height:43px}.visit-option span{font-size:10px}.visit-option strong{font-size:11px}
.sky-only{height:290px}.sky-only .sky-symbol{width:calc(var(--size)*.65);height:calc(var(--size)*.65)}
}
@media(max-width:360px){.iad-brand img{width:175px}.visit-option{padding:9px}.button{font-size:11px;padding:12px}}
@media(prefers-reduced-motion:reduce){.sky-only .sky-symbol{animation:none}}

/* Clean original-inspired controls with a quieter animated sky. */
.hero h1{font-family:Lexend,Arial,sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.17}
.question{font-size:clamp(33px,3.5vw,49px)}.answer{font-size:clamp(45px,4.5vw,64px);margin-top:8px}
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:530px;margin:26px auto 0}
.actions .button{min-width:0;min-height:58px;border:0;box-shadow:none;font-family:Lexend,Arial,sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:0;padding:16px 20px}
.actions .choose{background:#53a1c7}.actions .choose:hover{background:#3889b1}
.actions .book-time{background:#1c5685}.actions .book-time:hover{background:#16436a}
.actions .how{grid-column:1/-1;justify-self:center;min-width:252px;background:#acc4d1;color:#173b51;margin-top:0}
.actions .how:hover{background:#99b7c7}
.visit-options{display:flex;gap:26px;margin-top:22px}
.visit-option{display:inline-flex;align-items:center;gap:8px;padding:0;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;color:#4e7288;font-size:12px;font-weight:400;line-height:1.5;text-align:left}
.visit-option svg{width:23px;height:23px;color:#4284a5}
.sky-only .sky-symbol{color:#85aec0;animation:calm-checks var(--duration) ease-in-out var(--delay) infinite}
@keyframes calm-checks{0%,100%{transform:translate(-3px,5px) rotate(-8deg);opacity:.14}50%{transform:translate(5px,-9px) rotate(6deg);opacity:.25}}
@media(max-width:600px){
.hero{padding-top:30px}
.question{font-size:clamp(24px,6.2vw,35px);letter-spacing:-.045em}
.answer{font-size:clamp(36px,9vw,49px);margin-top:8px}
.actions{gap:12px;max-width:370px;margin-top:24px}
.actions .button{font-size:12px;min-height:49px;padding:13px 12px}
.actions .how{min-width:185px}
.visit-options{gap:18px;margin-top:18px}.visit-option{font-size:9px;gap:6px}.visit-option svg{width:20px;height:20px}
.sky-only{height:305px}
}
@media(prefers-reduced-motion:reduce){.sky-only .sky-symbol{animation:none;opacity:.1}}
.visit-option{font-size:14px}@media(max-width:600px){.visit-option{font-size:11px}.visit-options{gap:16px}}

@media(max-width:600px){.visit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:350px;margin-left:auto;margin-right:auto;gap:14px}.visit-option{justify-content:center}.visit-option svg{flex-shrink:0}}

/* Mobile illustration follows the actual copy height, rather than a fixed tall hero. */
@media(max-width:600px){
.hero{min-height:0;background:#fffdfd url('/intyg-original/assets/hero-mobile-v2.lossless.webp') center bottom/100% auto no-repeat;padding-bottom:0}
.hero::after{content:'';display:block;position:relative;z-index:0;width:calc(100% + 36px);height:112vw;margin:0 -18px;background:none}
.sky-only{height:320px}
}




/* A matched pair, drawn from the clinic scene and the brand's heart/check. */
.visit-options{gap:0;max-width:440px;margin:22px auto 0;display:grid;grid-template-columns:1fr 1fr}
.visit-option{gap:11px;justify-content:center;padding:0 18px}
.visit-option+ .visit-option{border-left:1px solid #d7e5ec}
.visit-option svg{width:46px;height:46px;flex:0 0 46px}
.visit-option .visit-copy{display:block;text-align:left;font-size:12px;line-height:1.55;color:#52758a}
.visit-copy strong{display:block;font-size:14px;font-weight:500;color:#245775}
.visit-copy>span{display:block}
@media(max-width:600px){
.visit-options{max-width:340px;gap:0;margin-top:20px}
.visit-option{padding:0 10px;gap:8px}
.visit-option svg{width:38px;height:38px;flex-basis:38px}
.visit-option .visit-copy{font-size:11px;line-height:1.45}
.visit-copy strong{font-size:12px}
}
@media(max-width:360px){.visit-option{padding:0 6px;gap:6px}.visit-option svg{width:32px;height:32px;flex-basis:32px}}

/* Flat matching marks face each other, with the copy aligned outwards. */
.visit-options{display:flex;justify-content:center;gap:22px;max-width:none}
.visit-option{padding:0;gap:10px;flex:0 1 auto}
.visit-option+ .visit-option{border:0}
.visit-option svg{width:38px;height:38px;flex-basis:38px}
.visit-clinic .visit-copy{text-align:right}
.visit-digital .visit-copy{text-align:left}
@media(max-width:600px){
.visit-options{display:flex;gap:14px;max-width:none}
.visit-option{gap:7px;padding:0}
.visit-option svg{width:32px;height:32px;flex-basis:32px}
}
@media(max-width:360px){.visit-options{gap:10px}.visit-option{gap:5px}}

/* One consistent reading direction and a compact, centred supporting row. */
.visit-options{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:22px}
.visit-option{display:flex;align-items:center;gap:10px;padding:0;min-width:0}
.visit-clinic svg{order:-1}
.visit-clinic .visit-copy,.visit-digital .visit-copy{text-align:left}
.visit-option .visit-copy{font-size:12px;line-height:1.5}
.visit-copy strong{font-size:14px;font-weight:500}
@media(max-width:600px){
.visit-options{gap:24px;margin-top:20px}
.visit-option{gap:8px}
.visit-option .visit-copy{font-size:11px;line-height:1.5}
.visit-copy strong{font-size:12px}
}
@media(max-width:360px){.visit-options{gap:18px}.visit-option{gap:6px}}

/* Match DirektDoktorn's rendered navigation type, including intermediate widths. */
.actions .button.how,.actions .button.how:hover{color:#fff}
.iad-nav{font-family:Lexend,system-ui,sans-serif;color:#314759;-webkit-font-smoothing:antialiased;line-height:1.75}
.iad-links{font-family:Lexend,system-ui,sans-serif;font-size:13.44px;font-weight:400;line-height:1.75;gap:24px}
.iad-login{font-size:13.92px;font-weight:500;line-height:1.75;color:#245f85}
.iad-book{font-size:14.4px;font-weight:500;line-height:1.75}
@media(min-width:961px) and (max-width:1100px){.iad-links{font-size:13.44px;gap:20px}}
/* Keep the illustration a continuous background, with space tied to copy height. */
@media(min-width:601px){
.hero{min-height:0;background-size:auto max(1000px,56.25vw)}
.hero::after{content:'';display:block;height:calc(max(620px,34.875vw) + 72px);pointer-events:none}
}

.iad-book{background:#1c5685}
.iad-book:hover{background:#174a73}
@media(min-width:961px){.iad-right .iad-login span{display:inline}}
@media(min-width:961px) and (max-width:1100px){.nav-wrap{gap:16px}.iad-links{gap:18px}.iad-right{gap:14px}}

/* Temporary blank space for testing the mobile entry position. */
.preview-white-space{height:100vh;height:100svh;min-height:700px;background:#fff}

/* Preview destinations are not built yet: retain the design without navigation. */
button.button{border:0;font-family:inherit;cursor:default;opacity:1;-webkit-text-fill-color:currentColor}
button.button:disabled:hover{transform:none;text-decoration:none}
.iad-links>span[aria-disabled]{white-space:nowrap}
@media(max-width:960px){.iad-links>span[aria-disabled]{display:block;padding:12px 0;font-size:17px}}

/* The illustration meets the white section through a shallow solid curve, never a fade. */
.hero-join{position:absolute;bottom:-1px;left:0;width:100%;height:80px;z-index:3;pointer-events:none}
.doctors{background:#fff;padding:52px 24px 76px;font-family:Lexend,system-ui,sans-serif}
.doctors-wrap{max-width:1140px;margin:auto}
.doctors-intro{text-align:center;max-width:710px;margin:0 auto 38px}
.doctors-eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:#2c7298;margin:0 0 13px}
.doctors-intro h2{font-size:clamp(30px,3.8vw,46px);font-weight:600;letter-spacing:-1.5px;line-height:1.2;margin:0 0 16px;color:#173248}
.doctors-intro>p:last-child{font-size:15px;line-height:1.8;color:#536d7e;margin:0}
/* Open editorial grid: the brand hearts carry the colour and motion. */
.doctor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.doctor-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 26px 32px;text-decoration:none;color:#173248;background:#fff;border-bottom:1px solid #e7edf0;isolation:isolate}
.doctor-card:not(:nth-child(3n)){border-right:1px solid #e7edf0}
.doctor-card:nth-last-child(-n+3){border-bottom:0}
.doctor-card::before{content:'';position:absolute;inset:10px;z-index:-1;border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--doctor-accent) 4%,white),color-mix(in srgb,var(--doctor-accent) 10%,white));opacity:0;transition:opacity .3s}
.doctor-logo{width:166px;height:166px;object-fit:contain;margin:0 0 20px;flex-shrink:0;animation:doctor-float 4s ease-in-out infinite}
.doctor-card:nth-child(3n+2) .doctor-logo{animation-delay:-1.3s}
.doctor-card:nth-child(3n) .doctor-logo{animation-delay:-2.6s}
.doctor-content{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;width:100%}
.doctor-content h3{font-size:clamp(16px,1.65vw,21px);line-height:1.3;letter-spacing:-.65px;font-weight:650;margin:0 0 11px}
.doctor-content h3>span{color:var(--doctor-accent)}
.doctor-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.doctor-tags span{font-size:10px;line-height:1.5;padding:3px 10px;border-radius:20px;background:color-mix(in srgb,var(--doctor-accent) 7%,white);color:var(--doctor-accent)}
.doctor-content>p{font-size:13px;line-height:1.7;color:#526574;margin:0 0 20px;max-width:270px}
.doctor-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 25px;border-radius:40px;color:white;background:var(--doctor-accent);font-size:12px;font-weight:500;margin-top:auto;transition:filter .2s}
.doctors-contact{text-align:center;color:#526574;font-size:13px;line-height:1.8;margin:38px auto 0}
.doctors-contact a{color:#246b92;font-weight:500;text-underline-offset:4px}
@media(hover:hover){.doctor-card:hover::before{opacity:1}.doctor-card:hover .doctor-logo{animation-play-state:paused}.doctor-card:hover .doctor-button{filter:brightness(1.08)}}
.doctor-card:focus-visible{outline:3px solid var(--doctor-accent);outline-offset:-5px}
.doctor-card:focus-visible::before{opacity:1}
@keyframes doctor-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.actions .button.choose{cursor:pointer}
@media(max-width:960px) and (min-width:701px){
.doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.doctor-card{border-bottom:1px solid #e7edf0!important;border-right:0!important}
.doctor-card:nth-child(odd){border-right:1px solid #e7edf0!important}
.doctor-card:last-child{border-bottom:0!important}
}
@media(max-width:700px){
.hero-join{height:40px}
.doctors{padding:30px 0 40px}
.doctors-intro{margin-bottom:28px;padding:0 24px}
.doctors-eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.7;margin-bottom:10px}
.doctors-intro>p:last-child{font-size:13px;line-height:1.7}
.doctors-intro h2{letter-spacing:-1px;margin-bottom:12px}
.doctor-grid{grid-template-columns:1fr;gap:3px}
.doctor-card{flex-direction:row;align-items:center;text-align:left;padding:26px 22px;gap:21px;border:0!important;border-radius:0;background:linear-gradient(110deg,color-mix(in srgb,var(--doctor-accent) 6%,white),color-mix(in srgb,var(--doctor-accent) 12%,white))}
.doctor-card::before{display:none}
.doctor-logo{width:100px;height:112px;margin:0}
.doctor-content{align-items:flex-start}
.doctor-content h3{font-size:16px;letter-spacing:-.55px;margin-bottom:7px}
.doctor-tags{justify-content:flex-start;margin-bottom:9px;gap:5px}
.doctor-tags span{font-size:9px;letter-spacing:.3px;padding:2px 9px;background:#ffffffc9}
.doctor-content>p{font-size:13px;line-height:1.6;margin-bottom:14px;max-width:none}
.doctor-button{min-height:44px;padding:10px 20px;font-size:11px}
.doctors-contact{font-size:12px;margin-top:28px;padding:0 24px}
}
@media(max-width:380px){.doctor-card{padding:24px 16px;gap:16px}.doctor-logo{width:86px;height:102px}.doctor-content h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.doctor-logo{animation:none;will-change:auto}.doctor-card::before,.doctor-button{transition:none}}


/* Freestanding hearts, with an individual motion detail for each specialty. */
.doctor-grid{column-gap:30px;row-gap:26px}
.doctor-card{border:0!important;padding:30px 20px 36px;background:transparent}
.doctor-card::before{display:none}
.doctor-scene{position:relative;display:grid;place-items:center;width:210px;height:196px;flex-shrink:0;margin:0 0 18px;color:var(--doctor-accent)}
.doctor-scene .doctor-logo{width:166px;height:166px;margin:0;animation:doctor-float 4.8s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.doctor-card:nth-child(3n+2){--motion-delay:-1.6s}.doctor-card:nth-child(3n){--motion-delay:-3.2s}
@media(max-width:700px){
.doctor-grid{gap:0}
.doctor-card{padding:28px 22px 28px 10px;gap:14px;min-height:215px;overflow:hidden;background:#fff}
.doctor-card::before{display:block;inset:0;opacity:1;border-radius:0;background:linear-gradient(110deg,color-mix(in srgb,var(--doctor-accent) 8%,white),white 85%);clip-path:ellipse(95% 82% at 18% 50%)}
.doctor-card:nth-child(even)::before{background:linear-gradient(100deg,color-mix(in srgb,var(--doctor-accent) 10%,white),color-mix(in srgb,var(--doctor-accent) 2%,white));clip-path:ellipse(100% 76% at 30% 50%)}
.doctor-scene{width:116px;height:142px;margin:0}
.doctor-scene .doctor-logo{width:100px;height:110px}
.doctor-motif{width:35px;height:35px;right:0;bottom:-5px}
.motif-trafik{width:29px;height:40px;right:-1px;bottom:-5px}
.motif-adoptions{width:43px;height:34px;right:-3px}
.doctor-content h3{font-size:15px;letter-spacing:-.55px}
.doctor-content>p{font-size:12px;line-height:1.65}
.doctor-button{min-height:44px;padding:10px 21px}
}
@media(max-width:380px){.doctor-card{padding:25px 16px 25px 8px;gap:12px}.doctor-scene{width:99px;height:130px}.doctor-scene .doctor-logo{width:88px;height:98px}.doctor-content h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.doctor-scene .doctor-logo,.doctor-motif *{animation:none!important}.golf-ball{transform:translate(59px,39px)}}

/* Choose by need; the doctor brands remain the visual identity. */
.doctors-intro h2{font-size:clamp(32px,4vw,50px);line-height:1.16;letter-spacing:-1.7px}
.doctors-intro h2 span{color:#2c789e}
.doctors-intro{margin-bottom:26px}
.doctor-filter{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 12px}
.doctor-filter button{font:400 12px/1.4 Lexend,system-ui,sans-serif;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 18px;border:1px solid #dce7ed;border-radius:30px;background:#fff;color:#476476;cursor:pointer;transition:background .2s,color .2s}
.doctor-filter button[aria-pressed="true"]{background:#173b52;color:white;border-color:#173b52}
.doctor-filter svg,.visit-symbol svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.doctor-filter-status{text-align:center;color:#6b7e8b;font-size:11px;line-height:1.7;margin:0 auto 32px;min-height:19px;padding:0 18px}
.doctor-card[hidden]{display:none!important}
.doctor-content>.doctor-brand{font-size:10px;letter-spacing:.55px;font-weight:500;margin:0 0 9px;line-height:1.4;color:#6c7e88;max-width:none}
.doctor-brand>span{color:var(--doctor-accent)}
.doctor-title-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.doctor-title-row h3{font-size:25px;font-weight:550;letter-spacing:-.8px;margin:0;line-height:1.25}
.doctor-modes{display:flex;align-items:center;gap:5px;color:var(--doctor-accent)}
.visit-symbol{display:inline-flex;align-items:center;justify-content:center;width:25px;height:28px}
.visit-symbol svg{width:23px;height:23px}
.doctor-content>p:not(.doctor-brand){font-size:13px;line-height:1.7}
.doctor-button{background:transparent;color:var(--doctor-accent);border:1px solid color-mix(in srgb,var(--doctor-accent) 40%,white);min-width:154px}
@media(hover:hover){.doctor-card:hover .doctor-button{background:var(--doctor-accent);color:white;filter:none}}
.doctor-grid{row-gap:40px}
@media(max-width:700px){
.doctors-intro h2{font-size:32px;letter-spacing:-1px}
.doctor-filter{gap:6px;padding:0 16px}
.doctor-filter button{padding:9px 12px;font-size:11px;gap:5px}
.doctor-filter-status{font-size:10px;margin-bottom:15px}
.doctor-grid{row-gap:0}
.doctor-content>.doctor-brand{font-size:9px;letter-spacing:.15px;margin-bottom:7px}
.doctor-title-row{justify-content:flex-start;gap:6px;margin-bottom:10px}
.doctor-title-row h3{font-size:20px;letter-spacing:-.65px}
.doctor-modes{gap:2px}
.visit-symbol{width:22px;height:23px}.visit-symbol svg{width:20px;height:20px}
.doctor-content>p:not(.doctor-brand){font-size:12px;line-height:1.65}
.doctor-button{min-width:0;padding:9px 20px;background:var(--doctor-accent);color:#fff;border-color:transparent}
}

/* Compact mobile selection replaces the long stacked list. */
.doctor-content>.doctor-brand{color:#000}
.doctor-brand>span{color:var(--doctor-accent)}
.doctor-title-row{flex-direction:column;gap:10px}
.doctor-modes{justify-content:center}
.doctor-filter{margin-bottom:30px}
.doctor-choices{display:none}
@media(max-width:700px){
.doctors{padding-top:30px;padding-bottom:40px}
.doctors-intro{padding:0 22px;margin-bottom:22px}
.doctors-intro h2{font-size:36px;letter-spacing:-1.3px}
.doctors-intro>p:last-child{font-size:12px}
.doctor-filter{margin-bottom:24px;gap:5px}
.doctor-filter button{font-size:11px;padding:10px 12px}
.doctor-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 4px;padding:0 16px 24px;max-width:520px;margin:auto}
.doctor-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:112px;border:0;border-radius:0;background:transparent;color:#345368;font:400 11px/1.4 Lexend,system-ui,sans-serif;padding:8px 3px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.doctor-choice img{width:70px;height:70px;object-fit:contain;animation:doctor-float 4.8s ease-in-out infinite}
.doctor-choice:nth-child(3n+2) img{animation-delay:-1.6s}.doctor-choice:nth-child(3n) img{animation-delay:-3.2s}
.doctor-choice::after{content:'';position:absolute;bottom:3px;left:calc(50% - 15px);width:30px;height:3px;border-radius:3px;background:var(--doctor-accent);opacity:0;transform:scaleX(.4);transition:opacity .2s,transform .2s}
.doctor-choice[aria-pressed="true"]{color:var(--doctor-accent);font-weight:500}
.doctor-choice[aria-pressed="true"]::after{opacity:1;transform:scaleX(1)}
.doctor-choice[hidden]{display:none}
.doctor-choice:focus-visible{outline:2px solid var(--doctor-accent);outline-offset:0;border-radius:12px}
.doctor-grid{display:block;max-width:520px;margin:0 auto;padding:0 18px}
.doctor-card:not(.is-selected){display:none}
.doctor-card.is-selected{display:flex;position:relative;flex-direction:column;text-align:center;padding:26px 22px 28px;gap:0;min-height:0;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--doctor-accent) 8%,white),color-mix(in srgb,var(--doctor-accent) 3%,white))}
.doctor-card::before{display:none!important}
.doctor-card .doctor-scene{display:none}
.doctor-content{align-items:center}
.doctor-content>.doctor-brand{font-size:11px;letter-spacing:.6px;margin-bottom:11px}
.doctor-title-row{align-items:center;justify-content:center;gap:11px;margin-bottom:12px}
.doctor-title-row h3{font-size:28px;letter-spacing:-.7px}
.doctor-modes{gap:10px}
.visit-symbol,.visit-symbol svg{width:25px;height:25px}
.doctor-content>p:not(.doctor-brand){font-size:13px;line-height:1.7;max-width:330px;margin:0 0 19px}
.doctor-button{min-height:46px;padding:12px 28px;font-size:12px}
.doctors-contact{margin-top:25px;padding:0 24px}
}
@media(max-width:360px){.doctor-choices{padding-left:10px;padding-right:10px;gap:10px 3px}.doctor-choice{font-size:10px;min-height:108px}.doctor-choice img{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){.doctor-choice img{animation:none}.doctor-choice::after{transition:none}}

/* Mobile certificate detail: a modal sheet, opened only by a heart tap. */
.doctor-sheet{border:0;padding:0;background:#fff;color:#163247;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border-radius:28px;overscroll-behavior:contain}
.doctor-sheet::backdrop{background:rgba(13,35,49,.38);backdrop-filter:blur(5px)}
.doctor-sheet[open]{animation:sheet-enter .34s cubic-bezier(.2,.8,.2,1)}
.sheet-surface{position:relative;border-radius:28px;background:linear-gradient(160deg,#fff 48%,color-mix(in srgb,var(--doctor-accent) 7%,white));padding:30px 24px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}
.sheet-heart{width:132px;height:132px;object-fit:contain;margin-top:0;margin-bottom:23px;animation:doctor-float 4.8s ease-in-out infinite}
.sheet-close{position:absolute;right:17px;top:17px;width:44px;height:44px;border:1px solid #e4ebef;border-radius:50%;background:#fff;color:#345368;display:grid;place-items:center;cursor:pointer}
.sheet-close svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.sheet-brand{color:#000;font:500 11px/1.5 Lexend,system-ui,sans-serif;letter-spacing:.8px;margin:0 0 9px}
.sheet-brand span{color:var(--doctor-accent)}
.sheet-surface h2{font:600 clamp(30px,8vw,40px)/1.15 Lexend,system-ui,sans-serif;letter-spacing:-1px;margin:0 0 17px}
.sheet-modes{display:flex;justify-content:center;gap:12px;color:var(--doctor-accent);margin-bottom:14px}
#sheet-description{font:400 14px/1.7 Lexend,system-ui,sans-serif;max-width:350px;color:#476476;margin:0 0 25px}
.sheet-visit{display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;max-width:350px;border-radius:30px;background:var(--doctor-accent);color:#fff;text-decoration:none;font:500 14px/1.4 Lexend,system-ui,sans-serif;padding:12px 24px}
.sheet-close:focus-visible,.sheet-visit:focus-visible{outline:3px solid #235b7d;outline-offset:4px}
@keyframes sheet-enter{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:700px){.doctor-grid{display:none}.doctors-contact{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.doctor-sheet[open],.sheet-heart{animation:none}}

@media(max-height:650px){.sheet-surface{padding-top:22px;padding-bottom:22px}.sheet-heart{width:100px;height:100px;margin-bottom:15px}.sheet-surface h2{font-size:28px}.sheet-close{top:10px;right:10px}}



/* A simple contact sentence with a vector heart, never an emoji. */
.certificate-help{margin:24px auto 0;padding:0 18px;text-align:center;color:#526e80;font:400 13px/1.8 Lexend,system-ui,sans-serif}
.help-heart{display:inline-block;width:17px;height:17px;vertical-align:-3px;margin-right:7px;color:#2c789e}
.help-contact{color:#246b92;font-weight:700;text-decoration:none;white-space:nowrap}
.help-contact:hover{color:#163b52;text-decoration:none}
.help-contact:focus-visible{outline:2px solid #235b7d;outline-offset:4px;border-radius:3px}
@media(max-width:700px){.certificate-help{margin-top:4px;font-size:12px;max-width:460px;padding:0 22px}}

/* Supplied three-step section, isolated from the rest of the site. */

  .how-section {
    --blue:    #54A0CD;
    --blue-hi: #3a8bbf;
    --dark:     #1a3a47;
    --mid:      #2c6a90;
    --white:    #ffffff;
    --muted:    #4a6a80;
    --glow:     rgba(84,160,205,0.25);
  }

  .how-section * { box-sizing: border-box; margin: 0; padding: 0; }
  .how-section { overflow: hidden; background: linear-gradient(160deg, #f2f6fa 0%, #e8f2f8 100%); font-family: Lexend, system-ui, sans-serif; color: var(--dark); }

  .how-bg { display: none; }

  .how-bg-grid {
    position: absolute; bottom: -10%; left: -10%; width: 120%; height: 70%;
    background-image: linear-gradient(rgba(84,160,205,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(84,160,205,0.06) 1px, transparent 1px);
    background-size: 60px 60px;
    transform: perspective(600px) rotateX(55deg); transform-origin: top center;
    animation: how-gridScroll 8s linear infinite;
  }
  @keyframes how-gridScroll { from{background-position:0 0} to{background-position:0 60px} }

  .how-speed-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .how-speed-line {
    position: absolute; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(84,160,205,0.5), transparent);
    opacity: 0; animation: how-speedLine 4s ease-in-out infinite;
  }
  .how-speed-line:nth-child(1) { top:12%; animation-delay:0s;   animation-duration:3.5s; }
  .how-speed-line:nth-child(2) { top:26%; animation-delay:0.6s; animation-duration:4.0s; }
  .how-speed-line:nth-child(3) { top:40%; animation-delay:1.4s; animation-duration:3.2s; }
  .how-speed-line:nth-child(4) { top:56%; animation-delay:0.9s; animation-duration:4.5s; }
  .how-speed-line:nth-child(5) { top:70%; animation-delay:2.1s; animation-duration:3.8s; }
  .how-speed-line:nth-child(6) { top:84%; animation-delay:1.6s; animation-duration:4.2s; }
  @keyframes how-speedLine {
    0%   { opacity:0; transform:scaleX(0.1) translateX(-80%); }
    30%  { opacity:0.55; }
    70%  { opacity:0.28; }
    100% { opacity:0; transform:scaleX(1.5) translateX(80%); }
  }

  .how-glow-blob { position:absolute; border-radius:50%; filter:blur(80px); opacity:0.09; animation:how-blobPulse 6s ease-in-out infinite alternate; }
  .how-glow-blob-1 { width:400px; height:400px; background:var(--blue); top:-120px; left:-80px; }
  .how-glow-blob-2 { width:300px; height:300px; background:var(--mid); bottom:-60px; right:-60px; animation-delay:2s; }
  @keyframes how-blobPulse { from{opacity:0.07;transform:scale(0.95)} to{opacity:0.14;transform:scale(1.05)} }

  /* ── SECTION ── */
  .how-section { position:relative; z-index:1; padding:60px 28px 72px; }

  .how-top-stripe { display:none; }
  @media (min-width:701px) {
    .how-top-stripe { display:block; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--dark) 0%, var(--blue) 40%, var(--blue-hi) 60%, var(--dark) 100%); }
  }

  /* ── HEADER ── */
  .how-header { text-align:center; margin-bottom:36px; animation:how-fadeDown 0.8s ease both; }
  @keyframes how-fadeDown { from{opacity:0;transform:translateY(-20px)} to{opacity:1;transform:translateY(0)} }
  .how-header h2 { font-size:clamp(1.5rem,4vw,2.4rem); font-weight:800; letter-spacing:-1px; line-height:1.05; color:var(--dark); }
  .how-header h2 em { font-style:normal; color:var(--blue); position:relative; }
  .how-header h2 em::after { content:''; position:absolute; bottom:-3px; left:0; right:0; height:2px; background:var(--blue); transform-origin:left; animation:how-lineGrow 1s 0.6s ease both; transform:scaleX(0); }
  @keyframes how-lineGrow { from{transform:scaleX(0)} to{transform:scaleX(1)} }

  /* ── TOGGLE ── */
  .how-toggle-wrap { display:flex; justify-content:center; margin-bottom:48px; position:relative; z-index:2; opacity:0; animation:how-fadeDown 0.7s 0.2s ease both; }
  .how-toggle { display:flex; background:#e8f2f8; border-radius:100px; padding:4px; border:1.5px solid rgba(84,160,205,0.2); position:relative; }
  .how-toggle-btn { position:relative; z-index:1; padding:8px 22px; border-radius:100px; border:none; background:transparent; font-family:Lexend,system-ui,sans-serif; font-size:0.62rem; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--dark); cursor:pointer; transition:color 0.25s; white-space:nowrap; }
  .how-toggle-btn.how-active { color:#fff; }
  .how-toggle-pill { position:absolute; top:4px; left:4px; height:calc(100% - 8px); border-radius:100px; background:var(--dark); transition:transform 0.32s cubic-bezier(0.4,0,0.2,1), width 0.32s; box-shadow:0 2px 12px rgba(26,58,71,0.35); z-index:0; }

  /* ── TRACK ── */
  .how-track-wrap { max-width:1000px; margin:0 auto; position:relative; }
  .how-track-line { display: none; }

  /* ── STEPS ── */
  .how-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; position:relative; z-index:1; }
  .how-step { display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; opacity:0; animation:how-cardIn 0.7s ease both; }
  .how-step:nth-child(1){ animation-delay:0.2s; }
  .how-step:nth-child(2){ animation-delay:0.45s; }
  .how-step:nth-child(3){ animation-delay:0.7s; }
  @keyframes how-cardIn { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }

  /* ── IMAGE ── */
  .how-icon-wrap { position:relative; width:176px; height:176px; margin-bottom:28px; flex-shrink:0; }
  .how-icon-wrap::before { content:''; position:absolute; inset:-10px; border-radius:50%; border:1px solid rgba(84,160,205,0.22); animation:how-ringPulse 3s ease-in-out infinite; }
  .how-step:nth-child(2) .how-icon-wrap::before { animation-delay:1s; }
  .how-step:nth-child(3) .how-icon-wrap::before { animation-delay:2s; }
  @keyframes how-ringPulse { 0%,100%{transform:scale(1);opacity:0.35} 50%{transform:scale(1.06);opacity:0.85} }

  .how-icon-disc { position:absolute; inset:0; border-radius:50%; background:rgba(255,255,255,0.6); border:1.5px solid rgba(84,160,205,0.2); overflow:hidden; box-shadow:0 0 0 1px rgba(84,160,205,0.05), 0 8px 32px rgba(26,58,71,0.12); transition:box-shadow 0.3s, border-color 0.3s; }
  .how-step:hover .how-icon-disc { border-color:rgba(84,160,205,0.45); box-shadow:0 0 0 1px rgba(84,160,205,0.12), 0 8px 40px rgba(26,58,71,0.15), 0 0 28px rgba(84,160,205,0.10); }

  /* ── TEXT ── */
  .how-step-title { font-size:14px; font-weight:800; color:var(--dark); margin-bottom:10px; letter-spacing:-0.2px; line-height:1.3; transition:color 0.2s; }
  .how-step:hover .how-step-title { color:var(--blue); }
  .how-step-text { font-size:14px; color:#000; line-height:1.85; font-weight:400; max-width:260px; }
  .how-step-text strong { color:#000; font-weight:700; }

  /* ── PANELS ── */
  .how-mode-panel { display:none; }
  .how-mode-panel.how-active { display:block; animation:how-panelIn 0.35s ease both; }
  @keyframes how-panelIn { from{opacity:0} to{opacity:1} }

  /* ── MOBILE ── */
  @media (max-width:700px) {
    .how-section { padding:36px 16px 48px; }
    .how-header  { margin-bottom:24px; }
    .how-header h2 { font-size:1.45rem; letter-spacing:-0.5px; }
    .how-toggle-wrap { margin-bottom:14px; }
    .how-toggle { transform: scale(0.7); transform-origin: center top; }
    .how-toggle-btn  { font-size:0.58rem; padding:8px 16px; letter-spacing:0.8px; }
    .how-track-line  { display:none; }
    .how-steps { grid-template-columns:1fr; gap:0; position:relative; }
    .how-steps::after { display: none; }
    .how-step { flex-direction:row; text-align:left; align-items:center; gap:16px; padding:20px 16px 20px 0; position:relative; z-index:1; }
    .how-step:not(:last-child) { border-bottom:1px solid rgba(84,160,205,0.1); }
    .how-icon-wrap { width:100px; height:100px; flex-shrink:0; margin-bottom:0; }
    .how-icon-wrap::before { inset:-5px; }
    .how-step-content { flex:1; padding-top:0; }
    .how-step-title   { font-size:0.75rem; margin-bottom:6px; }
    .how-step-text    { font-size:0.62rem; line-height:1.75; max-width:100%; color:#000; }
    .how-bg-grid { display:none; }
    .how-top-stripe { display:none !important; }
  }

.how-section{font-family:Lexend,system-ui,sans-serif}
.how-header h2{font-size:clamp(32px,3.5vw,46px);font-weight:600;line-height:1.16;letter-spacing:-1.3px;color:#163247}
.how-header h2 em{color:#2c789e}
.how-step-title{font-weight:600}
.how-toggle-btn{font-weight:600;min-height:36px}
.how-mode-panel[hidden]{display:none}
.how-toggle-btn:focus-visible{outline:2px solid #235b7d;outline-offset:4px}
.iad-how-link{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}
@media(max-width:960px){.iad-how-link{display:block;padding:12px 0;font-size:17px}}
@media(max-width:700px){.how-header h2{font-size:32px}.how-step-text{font-size:11px}.how-toggle{transform:none}.how-toggle-btn{min-height:40px;font-size:10px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.how-section *,.how-section *::before,.how-section *::after{animation:none!important;transition:none!important}.how-step,.how-toggle-wrap{opacity:1}}

/* Match the previous heading and soften both section boundaries with a single sweep. */
.how-header h2{font-family:inherit;font-size:clamp(32px,4vw,50px);font-weight:600;line-height:1.16;letter-spacing:-1.7px;color:#173248}
.how-header h2 span{color:#2c789e}
.how-header h2 em::after{display:none}
.how-section{padding-top:125px;padding-bottom:135px;border:0}
.how-edge{position:absolute;left:0;width:100%;height:80px;pointer-events:none;display:block}
.how-edge-top{top:-1px}.how-edge-bottom{bottom:-1px}
@media(max-width:700px){.how-header h2{font-size:36px;letter-spacing:-1.3px}.how-section{padding-top:78px;padding-bottom:90px}.how-edge{height:44px}}

/* Keep the login label visible, including compact mobile headers. */
.iad-right .iad-login span{display:inline}
@media(max-width:600px){
 .iad-right{gap:4px}
 .iad-right .iad-login{font-size:12px;gap:4px;min-height:44px;padding:8px 2px}
 .iad-right .iad-login svg{width:18px;height:18px}
 .iad-brand{min-width:0;flex:0 1 190px}
 .iad-brand img{width:100%;max-width:190px;height:auto}
}
@media(max-width:360px){.nav-wrap{padding:0 12px;gap:6px}.iad-brand{flex-basis:175px}.iad-right{gap:0}.iad-right .iad-login{font-size:11px}.iad-burger{width:38px;padding:7px}}


/* Illustrated Mina sidor, following the established DirektDoktorn visual family. */
@media(min-width:701px){.doctor-grid{row-gap:8px}.doctor-card{padding-top:18px;padding-bottom:22px}}
.portal-section{padding:58px 28px 76px;background:#fff;color:#173248;font-family:Lexend,system-ui,sans-serif;--ms-play:paused}.portal-section.ms-moving{--ms-play:running}.ms-wrap{max-width:1120px;margin:auto}.ms-heading{max-width:850px;margin:0 0 38px}.ms-eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:#2c789e;margin:0 0 18px}.ms-heading h2{font-size:50px;line-height:1.16;font-weight:600;letter-spacing:-1.7px;margin:0 0 20px}.ms-heading h2 span{color:#2c789e}.ms-heading>p:last-child{font-size:15px;line-height:1.8;color:#526e80;margin:0;max-width:630px}.ms-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.ms-item{position:relative;isolation:isolate;overflow:hidden;grid-column:span 2;background:#edf5f9;border-radius:30px;padding:24px 26px 30px;min-width:0}.ms-item:after{content:'';position:absolute;z-index:-1;width:230px;height:230px;right:-130px;bottom:-170px;border:1px solid #ffffffb0;border-radius:50%}.ms-item:nth-child(-n+2){grid-column:span 3;display:grid;grid-template-columns:.85fr 1fr;gap:20px;align-items:center;padding:30px 28px;min-height:260px}.ms-visit{background:#e4f0f7}.ms-certificate{background:#eaf3f5}.ms-questionnaire{background:#eef3f7}.ms-messages{background:#eeeff7}.ms-art{color:#2c789e;width:100%;max-width:220px;margin:0 auto 15px}.ms-item:nth-child(-n+2) .ms-art{margin:0;max-width:none}.ms-messages .ms-art{color:#56769d}.ms-questionnaire .ms-art{color:#3c7891}.ms-scene{width:100%;height:auto;display:block;overflow:visible}.ms-copy h3{font-size:22px;line-height:1.25;letter-spacing:-.6px;font-weight:550;margin:0 0 12px}.ms-copy p{font-size:13px;line-height:1.85;color:#526e80;margin:0}.ms-action{display:flex;justify-content:flex-end;margin-top:30px}.portal-login{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#1c5685;color:white;padding:16px 27px;min-height:56px;border-radius:40px;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s}.portal-login:hover{background:#16456b}.portal-login img{object-fit:contain;filter:brightness(0) invert(1)}.portal-section :focus-visible{outline:3px solid #2c789e;outline-offset:4px}
.ms-video-badge{animation:ms-video-rise 6s ease-in-out infinite}.ms-call-rays{animation:ms-call-pulse 6s ease-in-out infinite}.ms-seal{transform-origin:163px 132px;animation:ms-seal-in 8s ease-in-out infinite}.ms-draw{stroke-dasharray:1;animation:ms-check 8s ease infinite}.ms-check-two{animation-delay:.7s}.ms-check-three{animation-delay:1.4s}.ms-date{animation:ms-date-highlight 6s ease-in-out infinite;transform-origin:120px 132px}.ms-chat-back{animation:ms-chat-rise 6s ease-in-out infinite}.ms-dot{animation:ms-message 2s ease-in-out infinite}.ms-dot-two{animation-delay:.25s}.ms-dot-three{animation-delay:.5s}.portal-section svg *{animation-play-state:var(--ms-play)}
@keyframes ms-video-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ms-call-pulse{0%,25%,80%,100%{opacity:.2}40%,60%{opacity:1}}@keyframes ms-seal-in{0%,100%{transform:scale(1)}15%{transform:scale(.94)}30%{transform:scale(1)}}@keyframes ms-check{0%,10%{stroke-dashoffset:1}30%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}@keyframes ms-date-highlight{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes ms-chat-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes ms-message{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:900px) and (min-width:701px){.ms-item:nth-child(-n+2){display:block;padding:24px}.ms-item:nth-child(-n+2) .ms-art{max-width:210px;margin:0 auto 18px}.ms-copy h3{font-size:20px}.ms-item{padding:20px}.ms-grid{gap:18px}}
@media(max-width:700px){.portal-section{padding:38px 20px 55px}.ms-heading{margin-bottom:28px}.ms-heading h2{font-size:34px;line-height:1.17;letter-spacing:-1.2px}.ms-heading>p:last-child{font-size:13px;line-height:1.8}.ms-eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:15px}.ms-grid{grid-template-columns:1fr;gap:15px}.ms-item,.ms-item:nth-child(-n+2){grid-column:auto;display:grid;grid-template-columns:112px minmax(0,1fr);gap:17px;align-items:center;padding:24px 18px;min-height:175px;border-radius:24px}.ms-art,.ms-item:nth-child(-n+2) .ms-art{margin:0;width:100%;max-width:none}.ms-copy h3{font-size:18px;letter-spacing:-.45px;margin-bottom:8px}.ms-copy p{font-size:12px;line-height:1.75}.ms-action{justify-content:center;margin-top:25px}.portal-login{font-size:13px}}
@media(max-width:380px){.ms-item,.ms-item:nth-child(-n+2){grid-template-columns:88px minmax(0,1fr);gap:13px;padding:22px 15px}.ms-heading h2{font-size:30px}.ms-copy h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.portal-section *{animation:none!important;transition:none!important}.ms-draw{stroke-dashoffset:0}}

/* Open illustration layout. No individual cards or coloured rectangular fields. */
.ms-heading{text-align:center;margin:0 auto 44px}.ms-heading>p:last-child{margin-inline:auto}.ms-grid{gap:35px 48px}.ms-item,.ms-item:nth-child(-n+2){background:transparent;border:0;border-radius:0;padding:0 12px;overflow:visible;min-height:0}.ms-item:after{display:none}.ms-item:nth-child(-n+2){grid-template-columns:190px minmax(0,1fr);gap:18px;padding:0 0 30px}.ms-art{max-width:205px;margin:0 auto 18px}.ms-item:nth-child(-n+2) .ms-art{width:190px;margin:0}.ms-scene>ellipse{fill:#eff6f9}.ms-messages .ms-scene>ellipse{fill:#f1f2f8}.ms-questionnaire .ms-scene>ellipse{fill:#f0f5f7}.ms-copy{text-align:center}.ms-item:nth-child(-n+2) .ms-copy{text-align:left}.ms-copy p{max-width:290px;margin-inline:auto}.ms-copy h3{font-size:21px}.ms-action{justify-content:center;margin-top:42px}
@media(min-width:701px) and (max-width:1000px){.ms-grid{gap:30px}.ms-item:nth-child(-n+2){display:block;padding:0 12px 15px}.ms-item:nth-child(-n+2) .ms-art{margin:0 auto 18px}.ms-item:nth-child(-n+2) .ms-copy{text-align:center}}
@media(max-width:700px){.portal-section{padding:35px 22px 55px}.ms-heading{margin-bottom:26px}.ms-heading h2{font-size:32px;letter-spacing:-1.1px;line-height:1.2}.ms-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:32px}.ms-item,.ms-item:nth-child(-n+2){grid-column:auto;display:block;padding:0;min-height:0}.ms-art,.ms-item:nth-child(-n+2) .ms-art{width:100%;max-width:155px;margin:0 auto 12px}.ms-copy,.ms-item:nth-child(-n+2) .ms-copy{text-align:center}.ms-copy h3{font-size:17px;letter-spacing:-.35px;line-height:1.3;margin-bottom:9px}.ms-copy p{font-size:12px;line-height:1.75;max-width:210px}.ms-item.ms-visit{grid-column:1 / -1;display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;max-width:460px;margin:0 auto 7px;padding:5px 0 24px;border-bottom:1px solid #e5eef3}.ms-visit .ms-art{width:150px;max-width:150px;margin:0}.ms-item.ms-visit .ms-copy{text-align:left}.ms-visit .ms-copy h3{font-size:21px;line-height:1.2}.ms-visit .ms-copy p{font-size:12px}.ms-action{margin-top:32px}}
@media(max-width:380px){.portal-section{padding-inline:18px}.ms-grid{column-gap:16px}.ms-heading h2{font-size:29px}.ms-item.ms-visit{grid-template-columns:125px minmax(0,1fr);gap:10px}.ms-visit .ms-art{width:125px}.ms-visit .ms-copy h3{font-size:19px}.ms-copy h3{font-size:16px}}

/* Visit formats follow the headline before the booking actions. */
.hero-copy .visit-options{animation-delay:.15s}.hero-copy .actions{animation-delay:.3s}

/* Patient voices: open editorial layout, no review cards. */
.reviews-section{padding:100px 28px 70px;background:linear-gradient(180deg,#fff 0%,#f4f9fb 100%);color:#173248}
.reviews-wrap{max-width:1120px;margin:auto}
.reviews-heading{text-align:center;margin-bottom:56px}
.reviews-heading h2{font:600 clamp(30px,4vw,48px)/1.16 'Lexend',sans-serif;letter-spacing:-1.4px;margin:18px 0 0}
.reviews-heading h2 span{color:#2c789e}
.reviews-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:80px;align-items:center}
.reviews-summary{text-align:center}
.reviews-art{width:220px;max-width:100%;display:block;margin:0 auto 4px}
.reviews-rating{display:flex;align-items:center;justify-content:center;gap:16px}
.reviews-rating>strong{font-size:64px;line-height:1.1;letter-spacing:-3px;font-weight:600}
.reviews-rating>span{display:grid;gap:5px;text-align:left;font-size:13px;color:#4f697c}
.review-stars{display:flex;gap:4px;color:#2c789e}
.review-stars svg{width:19px;height:19px}
.reviews-count{font-size:14px;color:#4f697c;margin:14px 0}
.reviews-google{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1c5685;text-decoration:none;padding:8px 0}
.reviews-google:hover{text-decoration:none;text-underline-offset:5px}
.reviews-google svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.reviews-reader{position:relative;padding:28px 0 24px 44px;border-left:1px solid #d4e5ed;min-width:0}
.review-quotation{position:absolute;top:-28px;right:5px;font-family:Georgia,serif;font-size:160px;line-height:1;color:#dcebf2;pointer-events:none}
.review-quote{margin:0;position:relative;animation:review-in .3s ease-out}
.review-quote[hidden]{display:none}
.review-quote blockquote{font-size:clamp(22px,2.5vw,30px);font-weight:400;line-height:1.6;letter-spacing:-.5px;margin:24px 0 30px;min-height:192px}
.review-quote figcaption{display:flex;align-items:center;gap:12px;font-size:15px}
.review-quote figcaption>span:last-child{display:grid;gap:5px}
.review-quote small{color:#648096;font-size:12px}
.review-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e1eef4;color:#2c789e;font-size:12px;font-weight:600;flex-shrink:0}
.reviews-controls{display:flex;align-items:center;gap:18px;margin-top:30px}
.reviews-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c9dfe9;border-radius:50%;background:transparent;color:#1c5685;cursor:pointer;transition:background .2s}
.reviews-controls button:hover{background:#e1eef4}
.reviews-controls button:focus-visible,.reviews-google:focus-visible{outline:3px solid #2c789e;outline-offset:4px}
.reviews-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reviews-position{font-size:12px;font-variant-numeric:tabular-nums;color:#648096}
.reviews-note{text-align:center;font-size:11px;line-height:1.7;color:#718697;margin:48px 0 0}
.review-art-star{transform-origin:176px 118px;animation:review-star 5s ease-in-out infinite;animation-play-state:paused}
.reviews-visible .review-art-star{animation-play-state:running}
@keyframes review-star{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes review-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.reviews-section{padding:64px 24px 42px}.reviews-heading{margin-bottom:26px}.reviews-heading h2{font-size:32px;letter-spacing:-.9px}.reviews-layout{grid-template-columns:1fr;gap:28px}.reviews-summary{display:grid;grid-template-columns:100px 1fr;column-gap:12px;max-width:380px;margin:auto;text-align:left}.reviews-art{width:100px;grid-row:1/4;align-self:center}.reviews-rating{justify-content:flex-start;gap:12px}.reviews-rating>strong{font-size:46px;letter-spacing:-2px}.reviews-rating>span{font-size:11px}.reviews-rating .review-stars svg{width:15px;height:15px}.reviews-count{margin:7px 0 0;font-size:12px}.reviews-google{font-size:11px;padding-top:8px}.reviews-reader{border-left:0;border-top:1px solid #d4e5ed;padding:30px 0 0}.review-quotation{top:14px;font-size:110px}.review-quote blockquote{font-size:23px;line-height:1.55;min-height:180px;margin:24px 0}.reviews-controls{margin-top:24px;justify-content:center}.reviews-note{margin-top:28px;font-size:10px}.review-quote figcaption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.review-art-star,.review-quote{animation:none}}

/* Soft blue review landscape and content-sized quotations. */
.reviews-section{position:relative;background:#e9f3f7;padding-top:112px;padding-bottom:100px;isolation:isolate}
.reviews-section::before,.reviews-section::after{content:"";position:absolute;left:0;width:100%;height:52px;background:#fff;pointer-events:none;z-index:-1}
.reviews-section::before{top:-1px;clip-path:ellipse(85% 100% at 25% 0%)}
.reviews-section::after{bottom:-1px;clip-path:ellipse(90% 100% at 82% 100%)}
.reviews-reader{border-color:#c6dde8;padding-top:22px;padding-bottom:22px}
.review-quote blockquote{min-height:0;margin:22px 0 22px}
.review-quotation{color:#c5dee9}
.review-avatar{background:#fff;color:#256c92}
.review-quote small,.reviews-count,.reviews-rating>span{color:#49697f}
.reviews-art ellipse{fill:#d7eaf2}
.reviews-controls{margin-top:24px}
.reviews-controls button{background:#ffffffb8;border-color:#b8d3e1}
.reviews-controls button:hover{background:#fff}
@media(max-width:760px){.reviews-section{padding-top:76px;padding-bottom:70px}.reviews-section::before,.reviews-section::after{height:30px}.reviews-reader{padding-top:26px;padding-bottom:0}.review-quote blockquote{min-height:0;margin:20px 0}.reviews-summary{grid-template-rows:auto auto}.reviews-art{grid-row:1/3}.reviews-controls{margin-top:22px}}

.reviews-heading{margin-bottom:34px}
.reviews-art{width:180px}
.reviews-reader{padding-top:12px;padding-bottom:12px}
.review-quote blockquote{margin:18px 0;line-height:1.5}
.reviews-controls{margin-top:18px}
@media(min-width:761px){.reviews-section{padding-top:92px;padding-bottom:76px}.reviews-rating>strong{font-size:56px}}
@media(max-width:760px){.reviews-heading{margin-bottom:24px}.reviews-art{width:100px}.reviews-reader{padding-top:24px;padding-bottom:0}.review-quote blockquote{line-height:1.5}}

.reviews-controls .reviews-next{display:inline-flex;align-items:center;justify-content:center;gap:16px;width:auto;height:auto;min-height:46px;padding:12px 22px;border:0;border-radius:999px;background:#1c5685;color:#fff;font:500 13px/1.3 'Lexend',sans-serif;box-shadow:none;transition:background .2s}
.reviews-controls .reviews-next:hover{background:#173e5c}
.reviews-next svg{width:20px;height:20px;transition:transform .2s}
.reviews-next:hover svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.reviews-next svg{transition:none}.reviews-next:hover svg{transform:none}}

.reviews-controls{justify-content:flex-end;margin-top:8px}
.reviews-controls .reviews-next{width:80px;min-width:80px;min-height:48px;padding:8px 5px;border:0;border-radius:8px;background:transparent;color:#173248;box-shadow:none}
.reviews-controls .reviews-next:hover{background:transparent;color:#173248}
.reviews-controls .reviews-next svg{width:64px;height:32px;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.reviews-next:hover svg{transform:translateX(5px)}
@media(prefers-reduced-motion:reduce){.reviews-next:hover svg{transform:none}}

.reviews-controls .reviews-pause{width:34px;height:34px;min-height:34px;background:transparent;border:0;border-radius:50%;color:#537e96;padding:6px}
.reviews-controls .reviews-pause:hover{background:#d7eaf2}
.reviews-controls .reviews-pause svg{width:16px;height:16px;stroke-width:2}

/* Partner logos, presented once in an open grid. */
.partners-section{padding:58px 28px 88px;background:#fff;color:#173248}
.partners-wrap{max-width:1000px;margin:auto}
.partners-heading{text-align:center;margin-bottom:38px}
.partners-heading h2{font:600 clamp(28px,3.5vw,44px)/1.2 'Lexend',sans-serif;letter-spacing:-1.2px;margin:16px 0 0}
.partners-heading h2 span{color:#2c789e}
.partners-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 .partner-logo{min-width:0;min-height:160px;padding:26px;display:flex;align-items:center;justify-content:center}
.partner-logo img{width:auto;height:auto;max-width:100%;max-height:100px;object-fit:contain;animation:partner-float 5s ease-in-out infinite}
.partner-logo-1 img{max-height:66px;max-width:195px}
.partner-logo:nth-child(2n) img{animation-delay:-1.8s;animation-duration:5.6s}
.partner-logo:nth-child(3n) img{animation-delay:-3.2s;animation-duration:6s}
@keyframes partner-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:650px){.partners-section{padding:36px 20px 44px}.partners-heading{margin-bottom:22px}.partners-heading h2{font-size:29px;letter-spacing:-.9px}.partner-logo{min-height:106px;padding:16px 10px}.partner-logo img{max-height:68px;max-width:100%}.partner-logo-1 img{max-height:40px}}
@media(prefers-reduced-motion:reduce){.partner-logo img{animation:none}}

.partner-brand{flex-direction:column;gap:10px;color:#2c789e;font-size:17px;font-weight:600}
.partner-brand img{width:82px;height:82px;object-fit:contain}
.partner-brand b{color:#000;font-weight:600}
@media(max-width:650px){.partner-brand{gap:8px;font-size:11px}.partner-brand img{width:54px;height:54px}}

.partner-health-wordmark{color:#743b41}.partner-health-wordmark>span{color:#c95552}

.partner-brand-float{display:flex;flex-direction:column;align-items:center;gap:10px;animation:partner-float 5s ease-in-out infinite}
.partner-brand:nth-child(2n) .partner-brand-float{animation-delay:-1.8s;animation-duration:5.6s}
.partner-brand img{animation:none}
@media(max-width:650px){.partner-brand-float{gap:8px}}
@media(prefers-reduced-motion:reduce){.partner-brand-float{animation:none}}


/* Contact */
.contact-section{background:#fff;padding:64px 28px 80px;color:#173248}
.contact-wrap{max-width:1120px;margin:auto}
.contact-heading h2{font:600 clamp(32px,3.8vw,48px)/1.17 'Lexend',sans-serif;letter-spacing:-1.3px;margin:16px 0 46px}
.contact-heading h2 span{color:#2c789e}
.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.contact-help{max-width:400px}
.contact-symbol{display:block;width:96px;height:80px;margin-bottom:22px}
.contact-section h3{font-size:23px;line-height:1.3;font-weight:600;margin:0 0 13px;letter-spacing:-.5px}
.contact-section p:not(.ms-eyebrow){font-size:16px;line-height:1.75;color:#48647a;margin:0 0 22px}
.contact-section .contact-note{font-size:13px!important;line-height:1.7!important;margin:18px 0 0!important;color:#5c7486!important}
.contact-visit>img{display:block;width:100%;height:225px;object-fit:cover;object-position:center 42%;border-radius:22px;margin-bottom:25px}
.contact-address p{margin-bottom:8px!important}
.contact-address .contact-note{margin:8px 0 18px!important;max-width:380px}
.contact-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#1c5685;color:#fff;border-radius:50px;padding:16px 25px;text-decoration:none;font-size:14px;font-weight:600}
.contact-primary svg,.contact-map svg{width:21px;height:21px}
.contact-primary:hover{background:#173e60}
.contact-map{display:inline-flex;align-items:center;gap:10px;color:#1c5685;font-size:14px;font-weight:600;text-decoration:none}
.contact-map:hover{color:#173248}
.contact-section a:focus-visible{outline:3px solid #2c789e;outline-offset:5px}
.contact-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.contact-section{padding:36px 24px 48px}.contact-heading h2{font-size:32px;margin-bottom:30px}.contact-content{grid-template-columns:1fr;gap:36px}.contact-help{max-width:none}.contact-symbol{width:76px;height:64px;margin-bottom:16px}.contact-section h3{font-size:21px}.contact-section p:not(.ms-eyebrow){font-size:14px;margin-bottom:20px}.contact-visit>img{height:200px;margin-bottom:22px;border-radius:18px}.contact-heading .ms-eyebrow{margin-top:0}}

/* Editorial contact composition: introduction above a full-width clinic feature. */
.contact-section{padding:78px 28px 76px;background:linear-gradient(180deg,#f5f9fb 0%,#fff 65%)}
.contact-wrap{display:grid;grid-template-columns:1.05fr 1fr;column-gap:80px;row-gap:56px;align-items:center}
.contact-heading h2{font-size:clamp(36px,4.1vw,54px);margin-bottom:0;letter-spacing:-1.6px}
.contact-help{position:relative;padding-left:94px;max-width:none}
.contact-symbol{position:absolute;left:0;top:0;width:72px;height:64px;animation:contact-drift 6s ease-in-out infinite}
.contact-help h3{font-size:21px}
.contact-help>p:not(.contact-note){font-size:15px}
.contact-help .contact-note{font-size:12px!important}
.contact-visit{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-top:40px;border-top:1px solid #dce9ef}
.contact-visit>img{height:300px;object-position:center 24%;border-radius:8px 80px 8px 8px;margin:0}
.contact-address{padding:18px 0}
.contact-address h3{font-size:30px;margin-bottom:16px}
.contact-address>p:not(.contact-note){font-size:19px;font-weight:500;color:#173248}
.contact-address .contact-note{font-size:14px!important;max-width:330px;margin:16px 0 26px!important}
.contact-map{font-size:15px;padding-bottom:8px;border-bottom:1px solid #a9cbdc;gap:32px}
@keyframes contact-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:760px){.contact-section{padding:42px 24px 48px}.contact-wrap{grid-template-columns:1fr;gap:28px}.contact-heading h2{font-size:34px;letter-spacing:-1px}.contact-help{padding:0 0 0 64px}.contact-symbol{width:50px;height:46px}.contact-help h3{font-size:19px}.contact-help>p:not(.contact-note){font-size:14px}.contact-primary{gap:24px;padding:14px 22px}.contact-visit{grid-column:auto;grid-template-columns:1fr;gap:22px;padding-top:28px;margin-top:4px}.contact-visit>img{height:210px;border-radius:8px 54px 8px 8px;object-position:center 24%}.contact-address{padding:0}.contact-address h3{font-size:25px}.contact-address>p:not(.contact-note){font-size:16px}.contact-address .contact-note{font-size:13px!important;margin:12px 0 20px!important}}
@media(prefers-reduced-motion:reduce){.contact-symbol{animation:none}}

.contact-map.contact-primary{border:0;padding:16px 25px;color:#fff;font-size:14px;gap:26px}

/* Footer layout shared with DirektDoktorn. */
.iad-footer{background:#102b42;color:#c4dce9;padding:0 28px 30px;font-size:13px}
.iad-footer-wrap{max-width:1120px;margin:auto}
.iad-footer a{color:inherit;text-decoration:none}.iad-footer a:hover{color:#fff}.iad-footer a:focus-visible,.iad-footer summary:focus-visible{outline:2px solid #a9d7f0;outline-offset:4px}
.iad-footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0;border-bottom:1px solid #ffffff22}
.iad-footer-brand img{width:300px;max-width:100%;height:auto;display:block}
.iad-related{display:flex;align-items:center;gap:22px;font-size:12px}.iad-related a{display:flex;align-items:center;gap:8px;white-space:nowrap}.iad-related img{object-fit:contain}.iad-related strong{font-weight:500}.iad-related a:last-child{color:#f2cecd}
.iad-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:26px 0 64px}
.iad-footer-links summary{position:relative;list-style:none;cursor:pointer;color:#f2f8fc;border:1px solid #ffffff2b;border-radius:14px;padding:17px 46px 17px 18px;background:#ffffff09;font-size:16px;font-weight:600}
.iad-footer-links summary::-webkit-details-marker{display:none}.iad-footer-links summary:after{content:'';position:absolute;right:20px;top:22px;width:9px;height:9px;border-right:1.7px solid #aacde1;border-bottom:1.7px solid #aacde1;transform:rotate(45deg)}.iad-footer-links details[open] summary:after{transform:rotate(225deg);top:26px}
.iad-footer-links ul{list-style:none;margin:0;padding:12px 18px;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.iad-footer-links a{display:inline-flex;align-items:center;min-height:34px;font-size:13px}
.iad-footer-mid{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 30px;border-bottom:1px solid #ffffff22}
.iad-pay{display:flex;align-items:center;gap:24px}.iad-pay img{height:25px;width:auto;max-width:76px;object-fit:contain}.iad-pay img:first-child{height:30px;max-width:100px}.iad-pay .bankid{height:30px}
.iad-footer-actions{display:flex;align-items:center;gap:24px}.iad-social{display:flex;align-items:center;gap:16px}.iad-social a{width:40px;height:40px;display:grid;place-items:center;color:#fff}.iad-social svg{width:27px;height:27px}
.iad-account{display:inline-flex;align-items:center;gap:10px;background:#e8f3f9;color:#173e59!important;padding:12px 20px;border-radius:28px;font-size:14px;font-weight:600;min-height:46px}.iad-account:hover{background:#fff}.iad-account svg{width:23px;height:23px}
.iad-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:25px;font-size:12px;line-height:1.8}.iad-company-line{max-width:760px}.iad-company-line small{display:block;font-size:10px;color:#a9c7da;margin-top:5px}
.iad-parent-brand{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;font-size:11px}.iad-parent-brand>span:last-child{display:flex;align-items:center;gap:8px;font-size:20px;letter-spacing:-.5px}.iad-parent-brand img{width:34px;height:34px;object-fit:contain}.iad-parent-brand i{font-style:normal;color:#68b8e6}.iad-parent-brand b{color:#eef7fc;font-weight:500}
@media(max-width:800px){.iad-footer-top{flex-direction:column;gap:22px}.iad-related{flex-wrap:wrap;justify-content:center;gap:14px}.iad-related>span{width:100%;text-align:center}.iad-footer-mid{flex-direction:column;gap:26px}.iad-footer-bottom{align-items:center}.iad-company-line{max-width:65%}}
@media(max-width:600px){.iad-footer{padding:0 24px 28px}.iad-footer-top{padding:28px 0}.iad-footer-brand img{width:290px}.iad-footer-links{grid-template-columns:1fr;gap:10px;padding:22px 0 28px}.iad-footer-links summary{font-size:14px;padding:15px 42px 15px 16px;border-radius:12px}.iad-footer-links summary:after{top:18px}.iad-footer-links details[open] summary:after{top:23px}.iad-footer-links ul{padding:10px}.iad-footer-links a{min-height:40px;font-size:12px}.iad-footer-mid{padding:16px 0 28px}.iad-pay{gap:24px}.iad-pay img{max-width:58px;height:22px}.iad-pay img:first-child{height:25px;max-width:80px}.iad-pay .bankid{height:27px}.iad-footer-actions{gap:24px}.iad-social{gap:10px}.iad-footer-bottom{flex-direction:column;text-align:center;gap:22px;padding-top:22px}.iad-company-line{max-width:100%;font-size:11px}.iad-parent-brand{align-items:center}.iad-parent-brand>span:last-child{font-size:22px}}

.iad-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.iad-account,.iad-account:hover{background:none;color:#fff!important;border-radius:0;padding:12px 4px}.iad-account:hover span{text-decoration:none;text-underline-offset:5px}
@media(max-width:600px){.iad-footer-links{grid-template-columns:1fr}}

/* Links never use underlines, including nested labels and interaction states. */
a,a:hover,a:focus,a:active,a:visited,a *{text-decoration:none!important}

.iad-account-row{display:flex;justify-content:flex-start;padding-top:18px}.iad-account-row+.iad-footer-links{padding-top:12px}
@media(max-width:600px){.iad-account-row{justify-content:center;padding-top:18px}.iad-account-row+.iad-footer-links{padding-top:12px}}

/* Same embedded app dialogs as DirektDoktorn. */
.patient-app-dialog{width:min(1140px,calc(100% - 48px));height:calc(100dvh - 40px)}
.patient-app-dialog .health-form-support{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.patient-app-external{display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;color:#526b7d;font-size:12px}
.certificate-booking-context{margin:0;font-size:12px;background:#edf6fb;color:#2c6a90;padding:10px 22px;text-align:center;border-bottom:1px solid #dbe6ed;flex-shrink:0}
.certificate-booking-dialog .health-form-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;padding:13px 24px;text-align:center}
.certificate-booking-dialog .health-form-support>*{min-width:0;justify-self:stretch;text-align:center;font-size:12px;line-height:1.4}
.certificate-booking-dialog .health-form-feedback{grid-column:1/-1;margin:0}
.certificate-booking-dialog .health-form-support :is(button,a){display:flex;justify-content:center;align-items:center;min-height:37px;padding:7px 8px;border:1px solid #d5e5ee;border-radius:11px;background:#f7fbfd;color:#28698d;font-weight:500;cursor:pointer}
.certificate-booking-dialog .health-form-support :is(button,a):hover{background:#eaf3f8}
.certificate-booking-dialog .health-form-brand>.cert-wordmark>.cert-word-intyg{color:#54a0cd}
.certificate-booking-dialog .health-form-brand>.cert-wordmark>.cert-word-av{color:#165387}
.certificate-booking-dialog .health-form-brand>.cert-wordmark>.cert-word-doktorn{color:#000}
.health-form-reload{text-decoration:none}
.reviews-next{width:auto;min-width:120px;font:inherit;font-size:14px;font-weight:600;padding:12px 16px}
@media(max-width:680px){.patient-app-dialog{width:calc(100% - 24px);height:calc(100dvh - 32px)}.certificate-booking-dialog .health-form-brand{font-size:clamp(15px,4.6vw,19px)}.certificate-booking-context{font-size:11px;padding:10px 16px}}
@media(max-width:560px){.certificate-booking-dialog .health-form-support{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px 13px}.certificate-booking-dialog .certificate-booking-site{grid-column:1/-1}}

/* Keep the clinic sign visible in the cropped photo. */
.contact-visit>img{object-position:center top}

.booking-brands{display:flex;align-items:center;justify-content:center;gap:28px;min-width:0}
.booking-main-logo{display:block;width:min(280px,55%);height:auto}
.booking-parent{display:flex;flex-direction:column;gap:3px;flex-shrink:0;color:#526b7d;font-size:10px;line-height:1.2}
.booking-parent-logo{display:flex;align-items:center;gap:6px;color:#192f41;font-size:18px;letter-spacing:-.6px;white-space:nowrap}
.booking-parent-logo img{width:28px;height:28px;object-fit:contain}
.booking-parent-logo i{font-style:normal;color:#2b7095}
.certificate-booking-dialog .health-form-support{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:680px){:is(.certificate-booking-dialog,.patient-app-dialog) .health-form-header{grid-template-columns:44px minmax(0,1fr);gap:8px}:is(.certificate-booking-dialog,.patient-app-dialog) .health-form-header>span{display:none}.booking-brands{gap:12px;justify-content:space-between}.booking-main-logo{width:53%}.booking-parent{font-size:9px}.booking-parent-logo{font-size:14px;gap:4px}.booking-parent-logo img{width:23px;height:23px}}
@media(max-width:380px){.booking-brands{gap:7px}.booking-parent-logo{font-size:12px}.booking-parent-logo img{width:20px;height:20px}}

@media(max-width:680px){:is(.certificate-booking-dialog,.patient-app-dialog) .booking-original-brand{font-size:clamp(12px,3.3vw,19px);gap:5px}:is(.certificate-booking-dialog,.patient-app-dialog) .booking-original-brand img{width:26px;height:26px}}

.booking-parent{border-left:1px solid #d5e2e9;padding-left:24px}
@media(max-width:680px){.booking-parent{padding-left:10px}}
@media(max-width:380px){.booking-parent{padding-left:7px}}

.certificate-booking-dialog .certificate-booking-context{background:#205c89;color:#fff;border-bottom-color:#205c89}
.certificate-booking-dialog .health-form-support :is(button,a){background:#205c89;color:#fff;border-color:#205c89}
.certificate-booking-dialog .health-form-support :is(button,a):hover{background:#17486d;border-color:#17486d;color:#fff}

.patient-app-dialog .cert-word-intyg{color:#54a0cd}.patient-app-dialog .cert-word-av{color:#165387}.patient-app-dialog .cert-word-doktorn{color:#000}

@media(max-width:680px){body:has(.brand-mobile-bar){padding-bottom:calc(140px + env(safe-area-inset-bottom))}body:has(#nav.menu-open) .brand-mobile-bar{display:none}}

/* Clear prices in doctor cards and mobile sheets. */
.doctor-prices,.sheet-prices{display:flex;justify-content:center;gap:28px;margin:20px 0 24px;text-align:center;color:#48677b;font-size:13px}.doctor-prices span,.sheet-prices span{display:flex;flex-direction:column;gap:5px}.doctor-prices strong,.sheet-prices strong{font-size:23px;color:var(--doctor-accent,#17384b);font-weight:600}.sheet-surface{max-height:calc(100dvh - 32px);overflow-y:auto}

@media(min-width:801px){.iad-footer .iad-account-row:empty{display:none}.iad-footer .iad-footer-actions{display:flex;align-items:center;gap:32px}}

/* Shared how-it-works typography across all services. */
.how-section .how-step-title{font:500 17px/1.4 Lexend,Arial,sans-serif;color:#173248;letter-spacing:-.25px}
.how-section .how-step-text{font:400 14px/1.8 Lexend,Arial,sans-serif;color:#526e80;max-width:300px}
.how-section .how-step-text strong{font-weight:500;color:inherit}
.how-section .how-step:hover .how-step-title{color:#173248}
@media(max-width:760px){.how-section .how-step-title{font-size:16px}.how-section .how-step-text{font-size:13px}}
/* Compact visit switch shared across mobile previews. */
@media(max-width:760px){.how-section .how-toggle{padding:3px;transform:none}.how-section .how-toggle-btn{min-height:32px;padding:6px 13px;font-size:9px;letter-spacing:.6px}.how-section .how-toggle-pill{top:3px;left:3px;height:calc(100% - 6px)}.how-section .how-toggle-wrap{margin-bottom:24px}}
/* Shared reference layout: columns on desktop, illustrated rows on mobile. */
.how-section .how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.how-section .how-step{flex-direction:column;text-align:center;align-items:center;justify-content:flex-start}
.how-section .how-step-content{min-width:0;text-align:center}
.how-section .how-step-title,.how-section .how-step-text{margin-left:auto;margin-right:auto}
.how-section .how-icon-wrap{width:176px;height:176px;margin:0 auto 28px;flex-shrink:0}
.how-section .how-icon-disc{width:100%;height:100%}
@media(max-width:700px){
.how-section .how-steps{grid-template-columns:1fr;gap:0}
.how-section .how-step{flex-direction:row;text-align:left;align-items:center;gap:16px;padding:20px 16px 20px 0}
.how-section .how-icon-wrap{width:100px;height:100px;margin:0;flex-shrink:0}
.how-section .how-step-content{flex:1;text-align:left;padding-top:0}
.how-section .how-step-title,.how-section .how-step-text{margin-left:0;margin-right:0}
.how-section .how-step-content .how-step-text{max-width:100%}
}

/* Contact keeps the main brand palette across every service. */
.contact-section .contact-heading h2 span{color:#2c789e}
.contact-section a.contact-primary{background:#1c5685;color:#fff}
.contact-section a.contact-primary:hover{background:#173e60}
/* Centre both brands as one unit, with equal space around the close control. */
:is(.certificate-booking-dialog,.patient-app-dialog) .health-form-header{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}
:is(.certificate-booking-dialog,.patient-app-dialog) .health-form-header>span{display:block}
:is(.certificate-booking-dialog,.patient-app-dialog) .booking-brands{justify-content:center;width:100%;gap:16px}
@media(max-width:680px){:is(.certificate-booking-dialog,.patient-app-dialog) .booking-brands{gap:10px}.booking-parent{padding-left:10px}:is(.certificate-booking-dialog,.patient-app-dialog) .booking-original-brand{font-size:clamp(12px,3vw,17px)}.booking-parent-logo{font-size:13px}}
@media(max-width:440px){:is(.certificate-booking-dialog,.patient-app-dialog) .booking-brands{flex-direction:column;gap:4px}.booking-parent{border:0;padding:0;flex-direction:row;align-items:center;gap:6px;font-size:8px}.booking-parent-logo{font-size:11px}.booking-parent-logo img{width:18px;height:18px}:is(.certificate-booking-dialog,.patient-app-dialog) .booking-original-brand{font-size:15px}}

/* Strandgatan 5: shared blue contact illustration and theme-aware clinic symbol. */
.contact-visit>img[src*="strandgatan-line"]{height:auto;max-height:330px;object-fit:contain;object-position:center;border-radius:0;mix-blend-mode:multiply}
.iad-building-symbol{display:inline-block;width:32px;height:38px;flex:0 0 32px;background:currentColor;mask:url('/intyg-original/assets/strandgatan-clinic-symbol.lossless.webp') center/190% 164% no-repeat;vertical-align:middle}
.motor-page .motor-finish-art img[src*="strandgatan-line"]{height:auto;max-height:440px;width:100%;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
.motor-page .motor-finish-art{mix-blend-mode:multiply}
@media(max-width:760px){.contact-visit>img[src*="strandgatan-line"]{height:auto;max-height:260px}.motor-article-page .motor-finish-art:has(img[src*="strandgatan-line"]){width:100%;max-width:580px}.motor-article-page .motor-finish-art img[src*="strandgatan-line"]{height:auto;max-height:270px;object-fit:contain;border-radius:0}}

.iad-building-symbol{color:var(--doctor-accent,#2c6a90)}

/* One visit-icon system for heroes, doctor cards, filters and service pages. */
.iad-digital-symbol{width:36px;height:40px;flex-shrink:0;color:var(--doctor-accent,#2c789e)}
.iad-digital-symbol [fill="white"]{fill:white}.iad-digital-symbol [fill="currentColor"]{fill:currentColor}.iad-digital-symbol [fill="none"]{fill:none}.iad-digital-symbol [stroke="white"]{stroke:white}.iad-digital-symbol [stroke="none"]{stroke:none}
.doctor-modes .iad-building-symbol,.doctor-modes .iad-digital-symbol,.doctor-filter .iad-building-symbol,.doctor-filter .iad-digital-symbol{color:inherit;width:25px;height:28px;flex-basis:25px}
.visit-option.visit-clinic>.iad-building-symbol{order:-1;width:32px;height:38px;flex-basis:32px;color:#2c789e}
.visit-option.visit-digital>.iad-digital-symbol{color:#2c789e}
@media(max-width:600px){.visit-option.visit-clinic>.iad-building-symbol{width:28px;height:33px;flex-basis:28px}}

/* Match visible artwork bounds for both visit modes on every page. */
body .iad-building-symbol,body svg.iad-digital-symbol{width:28px!important;height:34px!important;min-width:28px;flex:0 0 28px!important;vertical-align:middle}
body .doctor-modes .iad-building-symbol,body .doctor-modes svg.iad-digital-symbol,body .doctor-filter .iad-building-symbol,body .doctor-filter svg.iad-digital-symbol{width:24px!important;height:29px!important;min-width:24px;flex-basis:24px!important}
.doctor-filter button[aria-pressed="true"] .iad-digital-symbol [fill="white"]{fill:#173b52}
.doctor-filter button[aria-pressed="true"] .iad-digital-symbol [stroke="white"]{stroke:#173b52}

/* Keep placement controlled by each section; align only the paired card icons. */
.doctor-modes{gap:14px}
.doctor-modes .visit-symbol{display:flex;align-items:center;justify-content:center;width:28px;height:32px}
.iad-building-symbol{filter:drop-shadow(.25px 0 0 currentColor) drop-shadow(-.25px 0 0 currentColor) drop-shadow(0 .2px 0 currentColor)}
.doctor-modes .iad-digital-symbol{transform:scaleY(1.04)}

/* Thicken the rendered house outline outside its mask, without changing its shape. */
.iad-building-symbol{position:relative;background:none;mask:none;filter:drop-shadow(.4px 0 0 currentColor) drop-shadow(-.4px 0 0 currentColor) drop-shadow(0 .35px 0 currentColor) drop-shadow(0 -.35px 0 currentColor)}
.iad-building-symbol::before{content:"";position:absolute;inset:0;background:currentColor;mask:url('/intyg-original/assets/strandgatan-clinic-symbol.lossless.webp') center/190% 164% no-repeat}

/* Trial of the redrawn clinic symbol, homepage hero only. */
.hero .visit-option.visit-clinic>.iad-building-symbol{filter:none}
.hero .visit-option.visit-clinic>.iad-building-symbol::before{mask-image:url('/intyg-original/assets/strandgatan-clinic-symbol-bold.lossless.webp');mask-size:145% 123%;mask-position:center calc(50% + 1px)}

.hero .visit-option.visit-clinic>.iad-clinic-symbol{order:-1;width:28px;height:34px;min-width:28px;flex:0 0 28px;color:#2c789e}

/* Approved clinic/digital sibling icons, shared by all visit locations. */
body svg.iad-clinic-symbol{width:28px!important;height:34px!important;min-width:28px;flex:0 0 28px!important;vertical-align:middle;color:var(--doctor-accent,#2c789e)}
.iad-clinic-symbol [fill="white"]{fill:white}
.iad-clinic-symbol [fill="currentColor"]{fill:currentColor}
.iad-clinic-symbol [stroke="none"]{stroke:none}
body .doctor-modes svg.iad-clinic-symbol,body .doctor-filter svg.iad-clinic-symbol{width:24px!important;height:29px!important;min-width:24px;flex-basis:24px!important;color:inherit}
.doctor-filter button[aria-pressed="true"] .iad-clinic-symbol [fill="white"]{fill:#173b52}
.hero .visit-option.visit-clinic>.iad-clinic-symbol{color:#2c789e}

/* Shared contact alignment: centred on mobile and desktop. */
body .contact-section .contact-wrap{text-align:center}
body .contact-section .contact-help{padding-left:0}
body .contact-section .contact-heading,body .contact-section .contact-address{text-align:center}
body .contact-section .contact-help p,body .contact-section .contact-address p{margin-left:auto!important;margin-right:auto!important}
body .contact-section .contact-visit>img{margin-inline:auto}
@media(max-width:760px){
body .contact-section .contact-help>.contact-symbol{position:static;display:block;width:72px;height:60px;margin:0 auto 18px;opacity:1;animation:none;transform:none}
body .contact-section .contact-help{padding:0;text-align:center}
body .contact-section .contact-heading .ms-eyebrow{text-align:center}
}
/* Desktop contact watermark; retain the compact mobile symbol. */
@media(min-width:761px){
body .contact-section .contact-help{padding-left:0;isolation:isolate}
body .contact-section .contact-help>.contact-symbol{left:auto;right:-12px;top:-38px;width:290px;height:232px;margin:0;opacity:.075;z-index:-1;animation:none;pointer-events:none}
body .contact-section .contact-help>.contact-symbol ellipse{display:none}
body .contact-section .contact-help>.contact-symbol path{fill:none;stroke:#2c789e}
}

/* Keep the clinic/price group inset and balanced across certificate pages. */
body.motor-page .motor-finish-booking{box-sizing:border-box;padding:24px clamp(18px,3vw,36px);justify-content:center;gap:clamp(24px,4vw,48px)}
body.motor-page .motor-finish-booking .motor-finish-price{flex:0 1 auto;min-width:0}
body.motor-page .motor-finish-booking>.golf-button{flex:0 1 260px}
@media(max-width:760px){
 body.motor-page .motor-finish-booking{width:100%;max-width:560px;margin-inline:auto;padding:22px 24px;gap:28px}
}
@media(max-width:760px){
 body.motor-page .motor-finish-booking{flex-direction:column;gap:18px;padding:22px 20px}
 body.motor-page .motor-finish-booking .motor-finish-price{text-align:center}
 body.motor-page .motor-finish-booking .motor-finish-place{justify-content:center;text-align:left}
 body.motor-page .motor-finish-booking>.golf-button{flex:none;width:100%;max-width:280px}
}

/* Center the two visit details around a shared vertical divider on mobile. */
@media(max-width:760px){
 body.motor-page .motor-select-booking{display:grid;grid-template-columns:1fr 1fr;gap:22px 0;align-items:center}
 body.motor-page .motor-select-booking>.motor-select-place{justify-self:end;justify-content:center;padding-right:24px;min-width:0;gap:10px}
 body.motor-page .motor-select-booking>.motor-select-price{justify-self:start;border-left:1px solid #c9dce5;padding-left:24px;text-align:left;min-width:0}
 body.motor-page .motor-select-booking>.golf-button{grid-column:1/-1;width:100%;box-sizing:border-box}
}
@media(max-width:420px){
 body.motor-page .motor-select-booking>.motor-select-place{padding-right:15px;gap:7px}
 body.motor-page .motor-select-booking>.motor-select-price{padding-left:15px}
 body.motor-page .motor-select-booking>.motor-select-place strong{font-size:16px}
 body.motor-page .motor-select-booking>.motor-select-price strong{font-size:28px}
 body.motor-page .motor-select-booking>.motor-select-price>span{max-width:145px;font-size:10px}
}

/* Clinic and price form one centered pair, matching the approved reference. */
@media(max-width:760px){
 body.motor-page .motor-finish-booking .motor-finish-price{display:grid;grid-template-columns:auto auto;column-gap:28px;align-items:center;text-align:left}
 body.motor-page .motor-finish-booking .motor-finish-place{grid-column:1;grid-row:1/3;align-self:stretch;justify-content:flex-start;margin:0;padding-right:28px;border-right:1px solid #c9dce5;gap:12px}
 body.motor-page .motor-finish-booking .motor-finish-price>strong{grid-column:2;grid-row:1;align-self:end}
 body.motor-page .motor-finish-booking .motor-finish-price>small{grid-column:2;grid-row:2;align-self:start}
 body.motor-page .motor-finish-booking .motor-finish-place>span{font-size:12px;line-height:1.7}
}
@media(max-width:420px){
 body.motor-page .motor-finish-booking{padding-inline:0}
 body.motor-page .motor-finish-booking .motor-finish-price{column-gap:16px}
 body.motor-page .motor-finish-booking .motor-finish-place{padding-right:16px;gap:8px}
 body.motor-page .motor-finish-booking .motor-finish-price>strong{font-size:28px}
 body.motor-page .motor-finish-booking .motor-finish-price>small{max-width:145px;font-size:10px}
}

body.motor-page .motor-finish-place>span>b{display:block;font-size:18px;font-weight:500;color:#173248;line-height:1.5}

@media(min-width:761px){
 body.motor-page .motor-finish-booking{flex-direction:column;gap:18px;padding:24px 12px}
 body.motor-page .motor-finish-booking .motor-finish-price{display:grid;grid-template-columns:auto auto;column-gap:26px;align-items:center;text-align:left}
 body.motor-page .motor-finish-booking .motor-finish-place{grid-column:1;grid-row:1/3;align-self:stretch;display:flex;align-items:center;margin:0;padding-right:26px;border-right:1px solid #c9dce5;gap:12px}
 body.motor-page .motor-finish-booking .motor-finish-price>strong{grid-column:2;grid-row:1;align-self:end}
 body.motor-page .motor-finish-booking .motor-finish-price>small{grid-column:2;grid-row:2;align-self:start;white-space:nowrap}
 body.motor-page .motor-finish-booking>.golf-button{flex:none;width:100%;max-width:280px}
}


/* Two matching visit-and-price rows, separated by a central rule. */
body.traffic-page .traffic-shared-prices{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:820px;margin:0 auto 24px;text-align:left}
body.traffic-page .traffic-shared-prices>div,body.traffic-page .traffic-shared-prices>div+div{display:grid;grid-template-columns:34px minmax(110px,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:3px 12px;max-width:none;min-width:0;padding:8px 24px}
body.traffic-page .traffic-shared-prices>div>div{display:contents}
body.traffic-page .traffic-shared-prices>div>svg{grid-column:1;grid-row:1/3}
body.traffic-page .traffic-shared-prices h3{grid-column:2;grid-row:1;align-self:end;margin:0;color:#526e80;font-size:11px;font-weight:400;white-space:nowrap}
body.traffic-page .traffic-shared-prices p{grid-column:2;grid-row:2;align-self:start;min-height:0;margin:0;font-size:18px;font-weight:500;color:#173248;white-space:nowrap}
body.traffic-page .traffic-shared-prices strong{grid-column:3;grid-row:1;align-self:end;justify-self:center;font-size:30px;line-height:1.2;white-space:nowrap}
body.traffic-page .traffic-option-note{grid-column:3;grid-row:2;align-self:start;max-width:150px;text-align:center;font-size:9px;line-height:1.5;color:#526e80}
@media(max-width:900px){
 body.traffic-page .traffic-shared-prices>div,body.traffic-page .traffic-shared-prices>div+div{padding-inline:14px;grid-template-columns:28px minmax(85px,1fr) auto;gap:3px 8px}
 body.traffic-page .traffic-shared-prices h3{font-size:10px}
 body.traffic-page .traffic-shared-prices p{font-size:15px}
 body.traffic-page .traffic-shared-prices strong{font-size:25px}
 body.traffic-page .traffic-option-note{font-size:8px;max-width:110px}
}
@media(max-width:600px){
 body.traffic-page .traffic-shared-prices{grid-template-columns:1fr;max-width:390px}
 body.traffic-page .traffic-shared-prices>div,body.traffic-page .traffic-shared-prices>div+div{grid-template-columns:34px 1fr 125px;padding:18px 10px;gap:3px 12px}
 body.traffic-page .traffic-shared-prices>div+div{border-left:0;border-top:1px solid #dce5ea}
 body.traffic-page .traffic-shared-prices h3{font-size:11px}
 body.traffic-page .traffic-shared-prices p{font-size:17px}
 body.traffic-page .traffic-shared-prices strong{font-size:28px}
 body.traffic-page .traffic-option-note{font-size:9px;max-width:125px}
}

/* Desktop: two compact offers, with one shared baseline and clear hierarchy. */
@media(min-width:761px){
 body.traffic-page .traffic-shared-prices{max-width:760px;gap:0;margin:4px auto 28px}
 body.traffic-page .traffic-shared-prices>div,body.traffic-page .traffic-shared-prices>div+div{grid-template-columns:34px 1fr auto;grid-template-rows:20px 30px auto;gap:0 12px;padding:8px 30px;align-items:center}
 body.traffic-page .traffic-shared-prices>div>svg{grid-column:1;grid-row:1/3;align-self:center}
 body.traffic-page .traffic-shared-prices h3{grid-column:2;grid-row:1;align-self:center;font-size:12px;line-height:20px}
 body.traffic-page .traffic-shared-prices p{grid-column:2;grid-row:2;align-self:center;font-size:20px;line-height:30px}
 body.traffic-page .traffic-shared-prices strong{grid-column:3;grid-row:1/3;align-self:center;font-size:32px;line-height:1;letter-spacing:-.7px}
 body.traffic-page .traffic-shared-prices strong small{font-size:12px;letter-spacing:0}
 body.traffic-page .traffic-option-note{grid-column:2/4;grid-row:3;justify-self:start;align-self:start;max-width:none;margin-top:8px;text-align:left;font-size:10px;line-height:1.5}
 body.traffic-page .traffic-shared-booking>.golf-button{min-width:280px}
}

body.traffic-page .traffic-price-value{display:contents}
@media(max-width:760px){
 body.traffic-page .traffic-shared-prices>div,body.traffic-page .traffic-shared-prices>div+div{grid-template-rows:22px 28px;align-items:center}
 body.traffic-page .traffic-shared-prices h3{align-self:center;line-height:22px}
 body.traffic-page .traffic-shared-prices p{align-self:center;line-height:28px}
 body.traffic-page .traffic-shared-prices .traffic-price-value{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-column:3;grid-row:1/3;align-self:center;gap:4px}
 body.traffic-page .traffic-price-value strong,body.traffic-page .traffic-price-value .traffic-option-note{align-self:center;margin:0}
}

/* Compact mobile visit filters with a comfortable 44px touch target. */
@media(max-width:760px){
 body .doctor-filter{gap:6px}
 body .doctor-filter button{min-height:44px;padding:6px 11px;font-size:11px;line-height:1.3;gap:6px;border-radius:23px}
 body .doctor-filter svg.iad-clinic-symbol,body .doctor-filter svg.iad-digital-symbol{width:19px!important;height:23px!important;min-width:19px;flex-basis:19px!important}
}
@media(min-width:761px){
 body .contact-section .contact-heading{align-self:center}
 body .contact-section .contact-heading h2{margin:0}
 body .contact-section .contact-help>:last-child{margin-bottom:0!important}
}

/* Keep the overview link on its own line on mobile. */
.overview-mobile-break{display:initial}
@media(max-width:700px){.overview-mobile-break{display:initial}}
/* Catalogue link remains a quiet but clearly interactive part of the introduction. */
.doctors-intro p>a{display:inline-block;color:#205d89;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.doctors-intro p>a:hover{color:#287e9e}
.doctors-intro p>a:focus-visible{outline:2px solid #287e9e;outline-offset:5px;border-radius:2px}
@media(max-width:360px){.partners-heading h2{font-size:25px}.traffic-shared-prices>div{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)!important;column-gap:8px!important}.traffic-price-value{min-width:0}.traffic-option-note{white-space:normal!important;overflow-wrap:normal}}

/* Catalogue link below the doctors and above the contact prompt. */
.certificate-catalog-link{margin:24px auto 0;padding:0 22px;text-align:center;font:400 13px/1.8 Lexend,system-ui,sans-serif}
.certificate-catalog-link a{color:#205d89;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.certificate-catalog-link a:hover{color:#287e9e}
.certificate-catalog-link a:focus-visible{outline:2px solid #235b7d;outline-offset:4px;border-radius:3px}
@media(max-width:700px){.certificate-catalog-link{font-size:12px;margin:16px auto 0}}

.certificate-catalog-link a{display:inline-flex;align-items:center;gap:7px}.certificate-catalog-link svg{flex-shrink:0}

.certificate-catalog-link+.certificate-help{margin-top:10px}

/* Suppress automatic touch focus halos; retain keyboard focus indication. */
.sheet-close{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.doctor-sheet.iad-pointer-open .sheet-close:focus{outline:none;box-shadow:none}