*{box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;background:#fbf6e9}
img{display:block;max-width:100%}
@keyframes wapRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.site{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#243027;-webkit-font-smoothing:antialiased}
.screen{background:#fbf6e9;font-family:'Hanken Grotesk',sans-serif;color:#1f3a23}
.header{background:#3c7a35;padding:16px 28px;display:flex;align-items:center;justify-content:space-between}
.brand-pill{background:#fbf6e9;padding:8px 13px;border-radius:40px;display:inline-flex}
.brand-logo{height:32px;width:auto;display:block}
.nav{display:flex;gap:6px;align-items:center}
.nav-link{cursor:pointer;color:#eaf4e3;font-weight:600;font-size:15px;padding:9px 16px;border-radius:30px}
.nav-link:hover{background:#2f6b32}
.btn-shop{font-family:'Fredoka',sans-serif;font-weight:600;font-size:15px;color:#1f5226;background:#f4c73f;border:none;border-radius:30px;padding:11px 22px;cursor:pointer}
.btn-shop:hover{background:#ffd75e}
.hero{background:#3c7a35;padding:46px 48px 96px;overflow:hidden}
.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.tag{display:inline-block;background:#f4c73f;color:#1f5226;font-weight:600;font-size:13px;padding:7px 16px;border-radius:30px;font-family:'Fredoka',sans-serif}
.hero-title{font-family:'Fredoka',sans-serif;font-weight:700;font-size:80px;line-height:.96;color:#fbf6e9;margin-top:20px}
.hero-lead{font-size:20px;line-height:1.6;color:#e3f0db;margin-top:22px;max-width:440px}
.actions{display:flex;gap:14px;margin-top:30px}
.btn-primary{font-family:'Fredoka',sans-serif;font-weight:600;font-size:16px;color:#1f5226;background:#f4c73f;border:none;border-radius:40px;padding:15px 28px;cursor:pointer}
.btn-primary:hover{background:#ffd75e}
.btn-ghost{font-family:'Fredoka',sans-serif;font-weight:600;font-size:16px;color:#fbf6e9;background:transparent;border:2px solid #fbf6e9;border-radius:40px;padding:15px 28px;cursor:pointer}
.btn-ghost:hover{background:rgba(251,246,233,.15)}
.hero-media{position:relative;display:flex;justify-content:center}
.hero-circle{width:430px;height:430px;border-radius:50%;background-image:url('assets/cows-sky.jpg');background-size:cover;background-position:center;border:10px solid #fbf6e9}
.hero-badge{position:absolute;top:-4px;right:6px;width:120px;height:120px;border-radius:50%;background:#e5564b;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Fredoka',sans-serif;font-weight:600;font-size:14px;line-height:1.15;transform:rotate(-12deg);padding:14px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.wave{background:#3c7a35;line-height:0}
.products{max-width:1180px;margin:0 auto;padding:30px 48px 100px}
.products-title{font-family:'Fredoka',sans-serif;font-weight:700;font-size:50px;text-align:center;color:#235c2e}
.products-text{text-align:center;font-size:18px;color:#4f6b4a;margin:10px auto 0;max-width:520px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px}
.product-green{background:#e9f1e3;border-radius:28px;padding:18px 18px 24px;cursor:pointer;transition:transform .25s}
.product-green:hover{transform:translateY(-6px)}
.product-img{height:220px;border-radius:20px;background-image:url('assets/Mjölkpaket.jpg');background-size:cover;background-position:center}
.product-title{font-family:'Fredoka',sans-serif;font-weight:600;font-size:23px;color:#235c2e;margin-top:16px}
.product-text{font-size:15px;color:#4f6b4a;margin-top:4px;line-height:1.5}
.product-yellow{background:#fdeecb;border-radius:28px;padding:18px 18px 24px;cursor:pointer;transition:transform .25s}
.product-yellow:hover{transform:translateY(-6px)}
.product-img-2{height:220px;border-radius:20px;background-image:url('assets/Kor wapnö.jpg');background-size:cover;background-position:center}
.product-berry{background:#fbe2df;border-radius:28px;padding:18px 18px 24px;cursor:pointer;transition:transform .25s}
.product-berry:hover{transform:translateY(-6px)}
.product-img-3{height:220px;border-radius:20px;background-image:url('assets/mejeriet.jpg');background-size:cover;background-position:center}
.product-img-4{height:220px;border-radius:20px;background-image:url('assets/grillat_kott.webp');background-size:cover;background-position:center}
.product-img-5{height:220px;border-radius:20px;background-image:url('assets/Öl.webp');background-size:cover;background-position:center}
.product-img-6{height:220px;border-radius:20px;background-image:url('assets/calf-closeup.jpg');background-size:cover;background-position:center}
.parts{background:#235c2e;padding:96px 48px}
.parts-inner{max-width:1180px;margin:0 auto}
.parts-title{font-family:'Fredoka',sans-serif;font-weight:700;font-size:50px;text-align:center;color:#fbf6e9}
.parts-text{text-align:center;font-size:18px;color:#bfe0b5;margin:10px auto 0;max-width:540px}
.part-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px}
.part{background:#fbf6e9;border-radius:24px;padding:14px 14px 20px;cursor:pointer;transition:transform .25s}
.part:hover{transform:translateY(-6px)}
.part-img{height:150px;border-radius:16px;background-image:url('assets/cows-sky.jpg');background-size:cover;background-position:center}
.part-title{font-family:'Fredoka',sans-serif;font-weight:600;font-size:19px;color:#235c2e;margin-top:13px}
.part-text{font-size:13.5px;color:#4f6b4a;margin-top:3px;line-height:1.45}
.part-img-2{height:150px;border-radius:16px;background-image:url('assets/Wapnö_slott.jpg');background-size:cover;background-position:center 38%}
.part-img-3{height:150px;border-radius:16px;background-image:url('assets/gårdshotell.webp');background-size:cover;background-position:center}
.part-img-4{height:150px;border-radius:16px;background-image:url('assets/Mjölkpaket.jpg');background-size:cover;background-position:center}
.part-img-5{height:150px;border-radius:16px;background-image:url('assets/dairy-line.jpg');background-size:cover;background-position:center}
.part-img-6{height:150px;border-radius:16px;background-image:url('assets/grillat_kott.webp');background-size:cover;background-position:center}
.part-img-7{height:150px;border-radius:16px;background-image:url('assets/Öl.webp');background-size:cover;background-position:center}
.part-img-8{height:150px;border-radius:16px;background-image:url('assets/Vallskörd.jpg');background-size:cover;background-position:center}
.pasture{background:#f4c73f;padding:90px 48px}
.pasture-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pasture-tag{display:inline-block;background:#e5564b;color:#fff;font-family:'Fredoka',sans-serif;font-weight:600;font-size:13px;padding:7px 16px;border-radius:30px}
.pasture-title{font-family:'Fredoka',sans-serif;font-weight:700;font-size:62px;line-height:.96;color:#1f5226;margin-top:18px}
.pasture-text{font-size:19px;line-height:1.6;color:#3a5a36;margin-top:20px;max-width:430px}
.pasture-btn{font-family:'Fredoka',sans-serif;font-weight:600;font-size:16px;color:#fbf6e9;background:#3c7a35;border:none;border-radius:40px;padding:15px 30px;margin-top:26px;cursor:pointer}
.pasture-btn:hover{background:#2f6b32}
.pasture-img{height:440px;border-radius:32px;background-image:url('assets/Wapnö Betessläpp.jpg');background-size:cover;background-position:center;border:8px solid #fbf6e9}
.badges{background:#fbf6e9;padding:96px 48px}
.badges-grid{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}
.badge-circle{width:152px;height:152px;border-radius:50%;background:#3c7a35;color:#fbf6e9;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px;margin:0 auto;line-height:1.15;padding:18px}
.badge-text{font-size:15px;color:#4f6b4a;margin-top:18px;line-height:1.5}
.badge-circle-2{width:152px;height:152px;border-radius:50%;background:#f4c73f;color:#1f5226;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px;margin:0 auto;line-height:1.15;padding:18px}
.badge-circle-3{width:152px;height:152px;border-radius:50%;background:#e5564b;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px;margin:0 auto;line-height:1.15;padding:18px}
.footer{background:#235c2e;color:#cfe3c7;padding:70px 48px 48px}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px;align-items:flex-start}
.footer-brand{max-width:300px}
.footer-logo{height:30px;width:auto;display:block}
.footer-text{margin-top:18px;font-size:15px;line-height:1.6}
.footer-cols{display:flex;gap:50px;font-size:15px;line-height:2}
.footer-head{font-family:'Fredoka',sans-serif;font-weight:600;color:#f4c73f;margin-bottom:6px}
.copyright{max-width:1180px;margin:46px auto 0;padding-top:24px;border-top:1px solid #3a7040;font-size:13px;color:#9bc09a}