.gf-page{--ink:#211b22;--cream:#fffaf4;--mint:#9edbd4;--mint-dark:#2e7773;--yellow:#f5d56d;--pink:#edabc3;--line:rgba(33,27,34,.11);color:var(--ink);background:var(--cream);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.gf-page *{box-sizing:border-box}
.gf-page a{text-decoration:none}
.gf-shell{width:min(1180px,calc(100% - 40px));margin:auto}
.gf-hero{padding:76px 0 88px;background:radial-gradient(circle at 12% 20%,rgba(158,219,212,.43),transparent 31%),var(--cream)}
.gf-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:68px;align-items:center}
.gf-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--mint-dark)}
.gf-kicker:before{content:"";width:31px;height:3px;background:var(--pink);border-radius:5px}
.gf-hero h1{max-width:720px;margin:22px 0 23px!important;color:var(--ink)!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,6.4vw,86px);font-weight:500;line-height:.96;letter-spacing:-.052em}
.gf-lead{max-width:670px;margin:0;color:#61565f;font-size:19px;line-height:1.72}
.gf-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}
.gf-tag{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gf-hero-media{position:relative;min-height:530px;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,rgba(21,17,22,.03),rgba(21,17,22,.58)),var(--br-image-b3777624e821e9f27880f6da077adedd,url("https://www.sladoled.hr/wp-content/uploads/2026/09/SOL09796-scaled.jpeg")) center/cover no-repeat;box-shadow:0 25px 80px rgba(45,30,42,.16)}
.gf-hero-badge{position:absolute;left:28px;right:28px;bottom:28px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.93);backdrop-filter:blur(12px)}
.gf-hero-badge strong{display:block;margin-bottom:5px;font-family:Georgia,serif;font-size:24px}
.gf-hero-badge span{color:#645961;font-size:14px;line-height:1.5}
.gf-fact{padding:0 0 96px}
.gf-fact-card{position:relative;padding:54px 60px;border-radius:30px;overflow:hidden;background:var(--yellow);display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center}
.gf-fact-card:after{content:"GF";position:absolute;right:-25px;top:-55px;color:rgba(255,255,255,.34);font:900 190px/1 Georgia,serif}
.gf-fact-label{position:relative;z-index:2;font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.gf-fact h2{position:relative;z-index:2;margin:0!important;color:var(--ink)!important;font-family:Georgia,serif;font-size:clamp(36px,4.2vw,58px);font-weight:500;line-height:1.05;letter-spacing:-.035em}
.gf-fact p{position:relative;z-index:2;margin:18px 0 0;font-size:17px;line-height:1.7}
.gf-flavours{padding:96px 0;background:#fff}
.gf-section-head{display:flex;justify-content:space-between;gap:38px;align-items:flex-end;margin-bottom:44px}
.gf-section-head h2{max-width:670px;margin:12px 0 0!important;color:var(--ink)!important;font-family:Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1;letter-spacing:-.045em}
.gf-section-head p{max-width:410px;margin:0;color:#6a5e67;font-size:16px;line-height:1.65}
.gf-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.gf-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--cream);box-shadow:0 15px 42px rgba(45,30,42,.07)}
.gf-card-media{aspect-ratio:1/1.08;background-position:center;background-size:cover}
.gf-card:nth-child(1) .gf-card-media{background-image:var(--br-image-c388cb7717157e2f618e2414154800b4,url("https://www.sladoled.hr/wp-content/uploads/2026/09/Varos-R7__8266-1.jpg"))}
.gf-card:nth-child(2) .gf-card-media{background-image:var(--br-image-81f6c8b692fe30f194a8f3677a4685c7,url("https://www.sladoled.hr/wp-content/uploads/2026/04/R5II1320-scaled.jpg"))}
.gf-card:nth-child(3) .gf-card-media{background-image:var(--br-image-845a4331fa532ef73634843c20e2eef5,url("https://www.sladoled.hr/wp-content/uploads/2026/09/R5II1356-scaled.jpg"))}
.gf-card:nth-child(4) .gf-card-media{background-image:var(--br-image-35daa630f2abd34eb6710ba142fbf000,url("https://www.sladoled.hr/wp-content/uploads/2026/09/R5II1176-scaled.jpg"))}
.gf-card:nth-child(5) .gf-card-media{background-image:var(--br-image-6f17a7942592f63929223341bbd68949,url("https://www.sladoled.hr/wp-content/uploads/2026/09/R5II1161-scaled.jpg"))}
.gf-card-copy{padding:21px 18px 23px}
.gf-card-copy strong{display:block;font:500 24px/1.1 Georgia,serif}
.gf-card-copy span{display:block;margin-top:8px;color:#746971;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.gf-difference{padding:100px 0;background:#1b171c;color:#fff}
.gf-difference-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:start}
.gf-difference h2{margin:14px 0 0!important;color:#fff!important;font-family:Georgia,serif;font-size:clamp(44px,5.2vw,70px);font-weight:500;line-height:1;letter-spacing:-.045em}
.gf-difference-copy{font-size:18px;line-height:1.75;color:rgba(255,255,255,.76)}
.gf-difference-copy p{margin:0 0 22px}
.gf-safe-note{padding:22px 24px;border-radius:20px;background:rgba(158,219,212,.14);border:1px solid rgba(158,219,212,.35);color:#fff;font-weight:800}
.gf-process{padding:96px 0;background:var(--cream)}
.gf-process h2{max-width:760px;margin:12px 0 42px!important;color:var(--ink)!important;font-family:Georgia,serif;font-size:clamp(42px,5vw,66px);font-weight:500;line-height:1.02;letter-spacing:-.045em}
.gf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gf-step{padding:34px 30px;border-radius:24px;background:#fff;border:1px solid var(--line)}
.gf-num{width:42px;height:42px;display:grid;place-items:center;margin-bottom:25px;border-radius:50%;background:var(--mint);font-weight:900}
.gf-step strong{display:block;margin-bottom:9px;font:500 25px/1.15 Georgia,serif}
.gf-step p{margin:0;color:#6a5f67;font-size:15px;line-height:1.65}
.gf-cta{padding:88px 0;text-align:center;background:var(--mint)}
.gf-cta h2{max-width:830px;margin:0 auto 18px!important;color:var(--ink)!important;font-family:Georgia,serif;font-size:clamp(42px,5.5vw,72px);font-weight:500;line-height:1;letter-spacing:-.045em}
.gf-cta p{max-width:630px;margin:0 auto 28px;font-size:17px;line-height:1.65}
.gf-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;background:var(--ink);color:#fff!important;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:1050px){
.gf-grid{grid-template-columns:repeat(3,1fr)}
.gf-card:nth-child(4),.gf-card:nth-child(5){grid-column:auto}
.gf-hero-grid{gap:38px}
}
@media(max-width:800px){
.gf-hero-grid,.gf-fact-card,.gf-difference-grid{grid-template-columns:1fr}
.gf-hero-media{min-height:450px}
.gf-section-head{display:block}
.gf-section-head p{margin-top:18px}
.gf-fact-card{gap:24px;padding:44px}
.gf-steps{grid-template-columns:1fr}
.gf-difference-grid{gap:35px}
}
@media(max-width:700px){
.gf-shell{width:min(100% - 28px,1180px)}
.gf-hero{padding:50px 0 66px}
.gf-hero h1{font-size:52px}
.gf-lead{font-size:17px}
.gf-hero-media{min-height:390px;border-radius:24px}
.gf-fact{padding-bottom:70px}
.gf-fact-card{padding:38px 26px;border-radius:24px}
.gf-flavours,.gf-difference,.gf-process{padding:72px 0}
.gf-grid{grid-template-columns:1fr 1fr}
.gf-card-copy strong{font-size:21px}
.gf-card:nth-child(5){grid-column:1/-1}
}
@media(max-width:420px){
.gf-grid{grid-template-columns:1fr}
.gf-card:nth-child(5){grid-column:auto}
.gf-card-media{aspect-ratio:1.35/1}
}
.gf-card-desc{margin:13px 0 0!important;color:#675d65;font-size:13px;line-height:1.55}
.gf-section-head>div{max-width:760px}