/*
Theme Name: Betaplan Modern
Version: 1.2.1
Description: Pregledna dvojezična predstavitev medicinske opreme Betaplan.
Author: Betaplan
Text Domain: betaplan-modern
*/
:root{--ink:#17383d;--muted:#5d7274;--teal:#007e80;--mint:#e4f1ed;--line:#dce5e2;--paper:#f7f9f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c36526;outline-offset:5px}.skip{position:fixed;left:1rem;top:-100px;background:white;padding:1rem;z-index:99}.skip:focus{top:1rem}.topbar{background:var(--ink);color:#e5f0ed;display:flex;gap:28px;padding:9px max(5vw,24px);font-size:12px;letter-spacing:.02em}.topbar span{margin-right:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 5vw;background:white;border-bottom:1px solid var(--line)}.logo img{width:185px;max-height:64px;object-fit:contain}.header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--teal)}.language{border-left:1px solid var(--line);padding-left:25px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;background:#eaf2ee}.hero-copy{padding:80px 5vw 70px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 24px;color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.8vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.07;margin-bottom:28px}h2{font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.04em;margin-bottom:24px}h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.025em}.lead{font-size:17px;line-height:1.8;max-width:470px;color:var(--muted);margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--teal);color:white;padding:16px 24px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#005f60}.hero-copy>.text-link{display:inline-block;margin:20px 0 0 24px}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-image{position:relative;min-height:100%;overflow:hidden;background:#d7e2df}.hero-image>img{height:100%;width:100%;object-fit:cover}.image-label{position:absolute;bottom:26px;left:26px;right:26px;background:#fffffff0;padding:18px 22px;font-size:12px;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:var(--teal);border-radius:50%}.intro-line{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:0 5vw;padding:28px 0;border-bottom:1px solid var(--line);font-size:14px}.intro-line p{margin:0}.intro-line>div{display:flex;gap:25px;color:var(--muted)}.intro-line>div span:before{content:'+';color:var(--teal);padding-right:10px}.section{padding:80px 5vw}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:310px;color:var(--muted);font-size:15px}.solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.solution{background:white;display:block}.solution>img{height:225px;width:100%;object-fit:cover;transition:filter .2s}.solution:hover>img{filter:brightness(.9)}.solution>div{position:relative;padding:22px 26px 28px;min-height:120px}.solution .number{font-size:11px;color:var(--teal)}.solution h3{margin:6px 20px 0 0}.arrow{position:absolute;right:22px;bottom:28px;font-size:24px;color:var(--teal)}.approach{background:var(--mint);display:grid;grid-template-columns:1fr 1fr;gap:12vw}.approach>div>p:not(.eyebrow){max-width:430px;color:var(--muted)}.steps>div{display:flex;gap:24px;border-top:1px solid #bdcfca;padding:25px 0}.steps>div>span{font-size:12px;color:var(--teal);padding-top:4px}.steps h3{margin:0 0 10px}.steps p{font-size:14px;color:var(--muted);margin:0}.brand-strip{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0}.brand-strip a{font-size:15px;font-weight:700;text-align:center;color:#4b6467;letter-spacing:-.03em}.contact-band{background:var(--teal);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:65px 5vw}.contact-band .eyebrow{color:#c5e5dd}.contact-band h2{margin-bottom:0}.contact-band>div:last-child{align-self:center;max-width:370px}.contact-band p{font-size:15px}.light{background:white;color:var(--ink)}.light:hover{background:var(--mint)}footer{background:#123238;color:#e8efed;padding:55px 5vw 20px;font-size:13px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:40px}.footer-logo{font-size:38px;font-weight:bold;letter-spacing:-.08em}.footer-logo span{color:#7dccc1}.footer-main h2{font-size:13px;letter-spacing:0;font-weight:bold;line-height:1.5}.footer-main p{margin-top:12px;color:#bacbca}.footer-main>div:last-child>a{display:block;margin-bottom:10px}.footer-bottom{border-top:1px solid #355156;padding-top:20px;display:flex;justify-content:space-between;color:#a7bdbb;font-size:11px}.page-heading{padding:65px 5vw;background:var(--mint)}.page-heading h1{font-size:clamp(34px,4.5vw,64px);max-width:1000px;margin:0}.page-content{padding-top:50px}.page-content>p,.page-content>ul,.page-content>h2,.page-content>h3,.prose{max-width:850px}.page-content p,.prose p{color:#476367}.page-content a:not(.solution):not(.brand-directory a):not(.contact-cards a){color:var(--teal)}.page-content ul{padding-left:22px}.page-content li{padding:5px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.gallery img{width:100%;height:230px;object-fit:contain;background:white;padding:15px}.brand-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:45px}.brand-directory a{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;padding:30px;border-bottom:2px solid #a3cfbf}.brand-directory h2{font-size:22px;margin:0}.brand-directory span{color:var(--teal)}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:45px}.contact-cards>a{background:var(--mint);padding:30px}.contact-cards small{display:block;letter-spacing:.12em;color:var(--teal);margin-bottom:15px}.contact-cards strong{font-size:clamp(20px,3vw,34px);font-weight:500}details{padding:25px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600;margin-bottom:20px}.page-content img:not(.solution img){max-width:100%}.page-content table{max-width:100%;overflow:auto}.page-content h2{font-size:30px}.page-content h3{margin-top:25px}.page-content .solutions h3{margin-top:6px}.error-page{min-height:50vh;padding:80px 5vw}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}
@media(max-width:1000px){.header nav{gap:20px}.hero-copy{padding-top:60px}.hero{min-height:520px}.hero-copy>.text-link{margin-left:0;display:table}.solution>img{height:180px}.brand-strip{grid-template-columns:repeat(3,1fr)}.approach{gap:6vw}.gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{padding:8px 6vw}.topbar span{font-size:10px}.topbar>a{display:none}.header{padding:18px 6vw;flex-wrap:wrap;gap:12px}.logo img{width:145px}.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:7px 12px;font-size:13px}.header nav{display:none;flex-basis:100%;padding:18px 0 4px}.header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.language{border:0;padding:0}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6vw 40px}.hero h1{font-size:47px}.hero-image{height:310px}.lead{font-size:16px}.hero-copy>.text-link{display:inline-block;margin-left:15px}.hero-copy .button{padding:14px 16px;gap:15px;font-size:13px}.image-label{bottom:18px;left:18px;right:18px;padding:12px 16px;font-size:11px}.intro-line{display:block;margin:0 6vw;padding:23px 0}.intro-line>div{margin-top:12px;font-size:12px;gap:18px}.section{padding:48px 6vw}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin:20px 0 0;max-width:100%}.section-heading>.text-link{display:inline-block;margin-top:20px}.solutions{grid-template-columns:1fr 1fr;gap:15px}.solution>img{height:155px}.solution>div{padding:16px;min-height:115px}.solution h3{font-size:18px;margin-right:5px}.solution .arrow{position:static;display:block;font-size:18px;margin-top:8px}.approach,.contact-band{grid-template-columns:1fr;gap:35px}.brand-strip{gap:25px 12px;padding:28px 0}.brand-strip a{font-size:12px}.contact-band{padding:45px 6vw}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child>a{overflow-wrap:anywhere}.brand-directory{grid-template-columns:1fr 1fr;gap:12px}.brand-directory a{padding:22px 16px}.brand-directory h2{font-size:19px}.page-heading{padding:45px 6vw}.contact-cards{grid-template-columns:1fr;gap:15px}.gallery img{height:180px}.gallery{gap:15px}h2{font-size:34px}}
@media(max-width:420px){.hero-copy>.text-link{display:table;margin:18px 0 0}.hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.logo{display:flex;align-items:center;gap:10px}.logo img{width:55px;max-height:60px}.wordmark{font-size:30px;color:#1a8796;letter-spacing:-.06em;font-weight:600}

