/* algorim.net – global styles taken 1:1 from the design (design/v1.1/Main.dc.html <helmet>, Zasady.dc.html).
   Most of the look is inline styles in the templates; the mobile rules below target them via [style*=…]. */
@font-face{font-family:"Archivo";font-weight:300;font-display:swap;src:url(/fonts/Archivo-Light.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:500;font-display:swap;src:url(/fonts/Archivo-Medium.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:600;font-display:swap;src:url(/fonts/Archivo-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Oswald";font-weight:500;font-display:swap;src:url(/fonts/Oswald-Medium.woff2) format("woff2")}
html{scroll-behavior:smooth;background:#EEF0EF}
[hidden]{display:none !important}
section[id],article[id]{scroll-margin-top:16px}
@media (max-width:699px){section[id],article[id]{scroll-margin-top:84px}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.zoom-box{touch-action:pan-y pinch-zoom;overscroll-behavior:contain}
.privacy a{color:#4E8F27}.privacy strong{font-weight:600;color:#313131}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important;animation:none !important}}
body{margin:0}
*{box-sizing:border-box}
a{color:#313131}a:hover{color:#4E8F27}
h1,h2,h3,legend{text-wrap:balance}
p,li,label,span{text-wrap:pretty}
.balance{text-wrap:balance}
.path7{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:899px){.steps{grid-template-columns:minmax(0,1fr) !important;border-top:0 !important;margin:24px 0 0 11px !important;padding-left:30px !important;row-gap:26px !important}
.steps-a{border-left:2px solid #313131}.steps-b{border-left:2px solid #72BF44}
.steps>li{padding-top:0 !important}
.steps>li>div:nth-child(1){display:none}
.steps>li>div:nth-child(2){top:-2px !important;left:-43px !important}}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.gal button{position:relative;display:block;width:100%;height:220px;padding:0;border:0;border-radius:20px;overflow:hidden;cursor:zoom-in;background:#E4E6E4}
.gal img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .35s ease,transform .5s ease}
.gal button:hover img,.gal button:focus-visible img{filter:none;transform:scale(1.03)}
.gal-tag{position:absolute;left:12px;top:12px;padding:3px 10px;border-radius:999px;font-family:Oswald,sans-serif;font-size:12px;letter-spacing:.5px}
.gal button:focus-visible{outline:2px solid #72BF44;outline-offset:3px}
@media (max-width:899px){.path7{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero-bg{background-image:linear-gradient(180deg,rgba(14,28,11,.55) 0%,rgba(14,28,11,.35) 45%,rgba(14,28,11,.85) 100%),url(/images/hero-pozadi.webp);background-size:cover;background-position:center}
.care-bg{background:#C8CBC8}
.wrap{width:100%;max-width:1344px;margin:0 auto;padding-left:48px;padding-right:48px}
.navlinks a{color:#fff;text-decoration:none}.navlinks a:hover{color:#B7E59A}
@media (max-width:1180px){.nav-opt{display:none}}
@media (max-width:960px){.navlinks{gap:18px !important;font-size:13px !important}}
@keyframes menuIn{from{opacity:0}to{opacity:1}}@keyframes icoIn{from{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:none}}
@media (max-width:699px){.wrap{padding-left:16px;padding-right:16px}.navlinks{display:none !important}.hide-m{display:none !important}
[style*="padding: 52px 44px"],[style*="padding: 40px 44px"],[style*="padding: 52px 56px"]{padding:32px 20px !important}
[style*="padding: 36px 32px"]{padding:28px 20px !important}
[style*="minmax(340px"],[style*="minmax(320px"],[style*="minmax(300px"],[style*="minmax(260px"],[style*="minmax(220px"]{grid-template-columns:minmax(0,1fr) !important}
[style*="max-width: 420px"],[style*="max-width: 640px"],[style*="max-width: 680px"],[style*="max-width: 720px"]{max-width:100% !important}
p br{display:none}
input,textarea,select{min-width:0;max-width:100%}
img{max-width:100%}
html,body{overflow-x:hidden}}
@media (max-width:699px){.hero-h1{font-size:clamp(28px,8.6vw,40px) !important;white-space:nowrap}.hero-h1 br{display:none}
.hero-ctas{flex-wrap:nowrap !important;gap:8px !important}
.burger{display:inline-flex !important}.nav-main.is-open{background:rgba(20,32,18,0.72) !important;border-color:rgba(255,255,255,0.16) !important;border-bottom-color:transparent !important;border-radius:28px 28px 0 0 !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px) !important;transition:border-radius .15s ease}.menu-panel{border-top:0 !important;animation:menuIn .22s ease both}.burger-ico{animation:icoIn .2s ease both}.nav-main{position:fixed !important;top:10px;left:12px;right:12px;z-index:40;padding:10px 16px 10px 14px !important;background:rgba(20,32,18,0.22) !important;border-color:rgba(255,255,255,0.12) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px) !important}.nav-wrap{padding-top:84px !important}.gal{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}.gal button{height:132px !important;border-radius:14px !important}.gal button:hover img,.gal button:focus-visible img{filter:grayscale(1) !important;transform:none !important}.zoom-box{padding:72px 12px 132px !important}.zoom-nav{top:auto !important;bottom:60px;transform:none !important}.gal-tag{left:8px !important;top:8px !important;padding:2px 8px !important;font-size:11px !important}.hero-content{padding:38px 0 36px !important}
.hero-ctas a{flex:1 1 0;justify-content:space-between;min-width:0;white-space:nowrap;font-size:clamp(13px,3.7vw,16px) !important;min-height:46px !important;padding:0 6px 0 14px !important;gap:6px !important}
.hero-ctas a svg{width:22px;height:22px;flex:none}}
/* v1.3 – language switch (design/v1.3/Main.dc.html <helmet>) */
.lang-m{display:inline-flex !important}
.lang-m:hover{color:#ffffff !important}
.navlinks{margin-left:auto}
@media (max-width:699px){.hero-h1[lang="en"]{white-space:normal !important}.hero-h1[lang="en"] br{display:inline !important}}
/* Privacy page on mobile: manual line breaks (address) stay; the bar shows "←" and the other language only */
@media (max-width:699px){.privacy p br{display:inline !important}
.back-link{font-size:0 !important;padding:8px 4px}.back-link::before{content:"←";font-size:20px}
}