/* FANDL · refinement 2026-09-19. Scoped to the home page. */
.fandl-refresh{--muted:#526870;--bg:#f2f5f4;--max:1160px;--ease-out:cubic-bezier(.23,1,.32,1);background:#fff;color:#16333c}
.fandl-refresh ::selection{background:#b2e8ea;color:#082c38}
.fandl-refresh :is(input,textarea){caret-color:#087588}
.fandl-refresh :is(a,button,input,select,textarea,summary,[role=slider]):focus-visible{outline:3px solid #96712b;outline-offset:4px}
.fandl-refresh .container{width:min(1160px,calc(100% - 64px));max-width:1160px}
.fandl-refresh :is(.section,footer) .container{max-width:1160px}
.fandl-refresh :is(.features,.prices,.reviews,.contact-wrap,.process-wrap,.materials){width:100%;min-width:0}
.fandl-refresh .section{padding:80px 0}
.fandl-refresh .section.dark{background:#082c38}
.fandl-refresh .stack-head{width:100%;max-width:740px;margin:0 auto 36px}
.fandl-refresh .stack-head h2{font-size:clamp(30px,3.3vw,44px);line-height:1.14;letter-spacing:-.035em}
.fandl-refresh .stack-head p{max-width:65ch;line-height:1.7;color:#526870}
.fandl-refresh .section.dark .stack-head p{color:#d1e1e4}
.fandl-refresh :is(.fade,.fade-left,.fade-right){opacity:1;transform:none;transition:none}
.fandl-refresh .scroll-progress{display:none}
.fandl-refresh #siteHeader,.fandl-refresh #siteHeader.scrolled{background:#082c38;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
.fandl-refresh #siteHeader::before{display:none}
.fandl-refresh #siteHeader .container{min-height:80px;transition:none}
.fandl-refresh #siteHeader .brand img{height:64px;filter:none;transition:none}
.fandl-refresh #mainNav{gap:24px}
.fandl-refresh #mainNav a{font-weight:600;min-height:44px;display:inline-flex;align-items:center;transition:none}
.fandl-refresh #mainNav a::after{display:none}
.fandl-refresh #mainNav a.nav-phone{color:#082c38!important;background:#28c6d8;border-radius:8px;box-shadow:none;padding:10px 16px}
.fandl-refresh .hero-cinematic{min-height:0;padding:80px 0 0;background:#082c38}
.fandl-refresh .hero-cinematic::before,.fandl-refresh .hero-cinematic::after,.fandl-refresh .hero-shell::before{display:none}
.fandl-refresh .hero-cinematic .hero-shell{min-height:0;background:linear-gradient(90deg,rgba(5,22,29,.97) 0%,rgba(5,22,29,.9) 34%,rgba(5,22,29,.22) 75%),url('https://fandl.si/images/hero.jpg') center 55% / cover no-repeat}
.fandl-refresh .hero-cinematic .hero-inner{width:min(1160px,calc(100% - 64px));min-height:640px;max-height:none;padding:76px 0 84px;display:flex}
.fandl-refresh .hero-cinematic .hero-panel{width:660px;max-width:100%;padding:0}
.fandl-refresh .hero-cinematic h1{max-width:none;font-size:clamp(42px,4.6vw,66px);line-height:1.06;letter-spacing:-.035em;hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:initial;margin:0 0 26px;color:#fff}
.fandl-refresh .hero-cinematic h1 span{display:block}
.fandl-refresh .hero-cinematic .hero-text{max-width:48ch;font-size:18px;line-height:1.7;color:#eef4f5;margin:0 0 30px}
.fandl-refresh .hero-cinematic .hero-actions{gap:12px;align-items:center;flex-wrap:wrap}
.fandl-refresh .hero-support{max-width:54ch;font-size:14px;line-height:1.6;color:#d5e4e7;margin:18px 0 0}
.fandl-refresh .hero-region{font-size:14px;color:#d5e4e7;margin-top:28px;letter-spacing:.015em}
.fandl-refresh :is(.btn,.v2-button,.nav-phone){box-shadow:none;min-height:48px;border-radius:8px;transition:transform 140ms var(--ease-out);text-align:center}
.fandl-refresh :is(.btn-primary,.nav-phone){background:#28c6d8;color:#082c38;border:1px solid transparent;box-shadow:none}
.fandl-refresh .hero-cinematic .btn{min-height:52px;padding:14px 22px;font-size:16px;border-radius:8px}
.fandl-refresh .hero-cinematic .btn-secondary{background:transparent;color:#fff;border:1px solid #b1c4c9;backdrop-filter:none;-webkit-backdrop-filter:none}
.fandl-refresh :is(.btn,.v2-button,.nav-phone):hover{transform:none;box-shadow:none}
.fandl-refresh :is(.btn,.v2-button,.nav-phone):active{transform:scale(.98)}
.fandl-refresh #storitve{background:#fff}
.fandl-refresh #storitve .stack-head{text-align:left;max-width:none;margin-bottom:36px}
.fandl-refresh #storitve .stack-head p{margin-left:0}
.fandl-refresh .seo-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.fandl-refresh .seo-service-card{border:0;border-radius:0;background:none;box-shadow:none;transition:none}
.fandl-refresh .seo-service-card:hover{transform:none}
.fandl-refresh .seo-service-card img{border-radius:12px;aspect-ratio:4/3;object-fit:cover}
.fandl-refresh .seo-service-card>div{padding:22px 0 0}
.fandl-refresh .seo-service-card h3{font-size:23px;letter-spacing:-.025em;margin:0 0 12px}
.fandl-refresh .seo-service-card p{font-size:15px;margin-bottom:16px;color:#526870}
.fandl-refresh .seo-service-card span{color:#086577;display:inline-block;border-bottom:1px solid #a0c9cf;padding-bottom:4px}
.fandl-refresh #projekti{background:#f2f5f4}
.fandl-refresh .before-after{border-radius:12px;box-shadow:none;max-height:580px}
.fandl-refresh :is(.feature-box,.review-card,.price-card,.material-card){border-radius:12px;box-shadow:none}
.fandl-refresh .features{gap:32px}
.fandl-refresh .feature-box{padding:22px 0;border-top:1px solid #bdcccf;background:none}
.fandl-refresh .feature-box h3{font-size:21px}
.fandl-refresh .feature-box p{font-size:16px;line-height:1.7;color:#526870}
.fandl-refresh .review-card{border:1px solid #d4dedf;background:#fff;padding:28px}
.fandl-refresh .review-card p{color:#425d66;line-height:1.7}
.fandl-refresh .review-stars{color:#795820;letter-spacing:.12em}
.fandl-refresh .price-card{padding:30px;border:1px solid #d4dedf}
.fandl-refresh .price-row{gap:20px;padding:15px 0}
.fandl-refresh .price-row strong{font-variant-numeric:tabular-nums;color:#16333c}
.fandl-refresh :is(.visual-band,.process-visual){border-radius:12px;box-shadow:none}
.fandl-refresh .visual-band img,.fandl-refresh .visual-band:hover img{transform:none;transition:none}
.fandl-refresh .process-step{transition:none}
.fandl-refresh .contact-wrap{gap:56px;align-items:start}
.fandl-refresh #kontakt{background:#082c38}
.fandl-refresh .contact-copy{padding-top:24px}
.fandl-refresh .contact-copy h3{line-height:1.12;letter-spacing:-.03em}
.fandl-refresh .contact-note{border:0;border-radius:0;background:none;padding:18px 0;border-top:1px solid #52707b;color:#e2eef0;font-weight:400}
.fandl-refresh .form-card{background:#fff;border-radius:12px;padding:32px;box-shadow:none;backdrop-filter:none}
.fandl-refresh #inquiryForm :is(input,select,textarea){border:1px solid #a9bdc2;border-radius:8px;background:#fff;color:#16333c;box-shadow:none}
.fandl-refresh #inquiryForm :is(input,textarea)::placeholder{color:#526870;opacity:1}
.fandl-refresh #inquiryForm .inquiry-details{border-radius:8px;background:#f2f5f4}
.fandl-refresh .fandl-form-status.is-error{color:#992a25}
.fandl-refresh .fandl-form-status.is-success{color:#176047}
.fandl-refresh .privacy-note{font-size:14px;line-height:1.6}
.fandl-refresh .sticky-call-desktop{display:none}
.fandl-refresh .mobile-callbar a{background:#28c6d8;color:#082c38;box-shadow:none}
.fandl-refresh.working-on-project .mobile-callbar{display:none}
.fandl-refresh #kalkulator{background:#eaf2f2;padding:80px 0}
.fandl-refresh #kalkulator .container{width:min(1160px,calc(100% - 64px))!important;max-width:1160px!important}
.fandl-refresh #kalkulator .v2-intro{max-width:720px}
.fandl-refresh #kalkulator .v2-intro h2{font-size:clamp(30px,3.3vw,44px);letter-spacing:-.035em;line-height:1.14}
.fandl-refresh #kalkulator .v2-intro>.v2-kicker{display:none}
.fandl-refresh #kalkulator .v2-shell{max-width:none;border:1px solid #bccfd2;border-radius:12px;box-shadow:none}
.fandl-refresh #kalkulator .v2-progress{background:#fff;padding:22px 32px}
.fandl-refresh #kalkulator .v2-progress span{color:#49636c}
.fandl-refresh #kalkulator .v2-progress [aria-current=step]{color:#065e70}
.fandl-refresh #kalkulator .v2-progress [aria-current=step] b{background:#086b7b;color:#fff}
.fandl-refresh #kalkulator .v2-step h3,.fandl-refresh #kalkulator .v2-result h3{letter-spacing:-.025em}
.fandl-refresh #kalkulator .v2-primary{background:#086b7b;color:#fff}
.fandl-refresh #kalkulator .v2-result-side .v2-primary{background:#28c6d8;color:#082c38}
.fandl-refresh #kalkulator .v2-choice{border:1px solid #a9bdc2;border-radius:8px;transition:none}
.fandl-refresh #kalkulator .v2-choice:has(input:checked){border-color:#086b7b;background:#eaf5f5;box-shadow:inset 0 0 0 1px #086b7b}
.fandl-refresh #kalkulator input[type=checkbox]{accent-color:#086b7b}
.fandl-refresh #kalkulator :is(input,textarea)::placeholder{color:#526870;opacity:1}
.fandl-refresh #kalkulator .v2-help{border:1px solid #bccfd2;border-radius:8px}
.fandl-refresh #kalkulator .v2-error{border:1px solid #dbaca7;border-radius:8px}
.fandl-refresh #kalkulator .v2-price,.fandl-refresh #kalkulator table{font-variant-numeric:tabular-nums}
.fandl-refresh #kalkulator .v2-result-side{border-radius:8px;background:#082c38}
.fandl-refresh #kalkulator .v2-text-button{color:#086577}
.fandl-refresh #kalkulator .v2-result-side .v2-text-button{color:#a9eaf0}
.fandl-refresh #kalkulator :is(.v2-button,.v2-choice){touch-action:manipulation}
@media(hover:hover) and (pointer:fine){
 .fandl-refresh .btn-primary:hover,.fandl-refresh #mainNav .nav-phone:hover{background:#72deea;color:#082c38}
 .fandl-refresh #mainNav a:not(.nav-phone):hover{color:#78dfeb}
 .fandl-refresh .hero-cinematic .btn-secondary:hover{background:#ffffff18}
 .fandl-refresh .seo-service-card:hover span{border-color:#086577}
 .fandl-refresh #kalkulator .v2-primary:hover{background:#075464}
 .fandl-refresh #kalkulator .v2-result-side .v2-primary:hover{background:#72deea;color:#082c38}
 .fandl-refresh #kalkulator .v2-secondary:hover{background:#eaf2f2}
}
@media(max-width:1000px){
 .fandl-refresh #mainNav{gap:15px}
 .fandl-refresh #mainNav a{font-size:14px}
 .fandl-refresh .seo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
 .fandl-refresh .contact-wrap{gap:28px}
}
@media(max-width:780px){
 .fandl-refresh .container{width:calc(100% - 40px)}
 .fandl-refresh #siteHeader .container{min-height:72px}
 .fandl-refresh #siteHeader .brand img{height:56px}
 .fandl-refresh #mainNav{background:#082c38;border:1px solid #53717b;border-radius:12px;backdrop-filter:none;gap:6px;padding:16px;top:76px;max-height:calc(100dvh - 100px);overflow:auto}
 .fandl-refresh #mainNav a{font-size:16px;min-height:44px}
 .fandl-refresh .menu-toggle{width:48px;height:48px}
 .fandl-refresh .hero-cinematic{padding-top:72px}
 .fandl-refresh .hero-cinematic .hero-shell{background:linear-gradient(90deg,rgba(5,22,29,.96),rgba(5,22,29,.76)),url('https://fandl.si/images/hero.jpg') 60% center / cover no-repeat}
 .fandl-refresh .hero-cinematic .hero-inner{width:calc(100% - 40px);padding:54px 0 56px;min-height:0}
 .fandl-refresh .hero-cinematic h1{font-size:clamp(29px,8.7vw,54px);line-height:1.1;letter-spacing:-.035em;margin-bottom:22px;text-align:left}
 .fandl-refresh .hero-cinematic .hero-text{text-align:left}
 .fandl-refresh .hero-cinematic .hero-text{font-size:17px;margin-bottom:26px}
 .fandl-refresh .hero-cinematic .hero-actions{align-items:stretch;max-width:420px}
 .fandl-refresh .hero-cinematic .btn{width:100%}
 .fandl-refresh .hero-support{font-size:13px;max-width:40ch}
 .fandl-refresh .hero-region{margin-top:22px;font-size:13px}
 .fandl-refresh .section,.fandl-refresh #kalkulator{padding:56px 0}
 .fandl-refresh .stack-head{margin-bottom:28px}
 .fandl-refresh .stack-head h2{font-size:30px;line-height:1.18}
 .fandl-refresh :is(.features,.contact-wrap){grid-template-columns:1fr;gap:24px}
 .fandl-refresh .before-after{height:360px}
 .fandl-refresh .feature-box{padding:20px 0 0}
 .fandl-refresh .price-card,.fandl-refresh .review-card{padding:22px}
 .fandl-refresh .price-row{gap:12px;font-size:14px}
 .fandl-refresh .price-row strong{white-space:nowrap}
 .fandl-refresh .contact-copy{padding-top:0}
 .fandl-refresh .form-card{padding:22px 18px}
 .fandl-refresh #kalkulator .container{width:calc(100% - 32px)!important}
 .fandl-refresh #kalkulator .v2-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 8px;gap:4px}
 .fandl-refresh #kalkulator .v2-progress span{font-size:11px;gap:5px;flex-direction:column;white-space:nowrap}
 .fandl-refresh #kalkulator #v2-form,.fandl-refresh #kalkulator .v2-result{padding:24px 18px}
 .fandl-refresh #kalkulator .v2-intro p{font-size:16px;padding:0 4px}
 .fandl-refresh footer{padding-bottom:108px}
}
@media(max-width:480px){
 .fandl-refresh .seo-service-grid{grid-template-columns:1fr;gap:30px}
 .fandl-refresh .seo-service-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start}
 .fandl-refresh .seo-service-card img{aspect-ratio:1/1;border-radius:8px}
 .fandl-refresh .seo-service-card>div{padding:0}
 .fandl-refresh .seo-service-card h3{font-size:21px;margin-bottom:8px}
 .fandl-refresh .seo-service-card p{font-size:14px;line-height:1.6;margin-bottom:10px}
 .fandl-refresh .seo-service-card span{font-size:14px}
 .fandl-refresh .before-after{height:300px}
}
@media(prefers-reduced-motion:reduce){
 .fandl-refresh *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 .fandl-refresh :is(.btn,.v2-button,.nav-phone):active{transform:none}
}