*{box-sizing:border-box}:root{--g:#1a5c1a;--gh:#144514;--bg:#f8fafc;--bd:#e2e8f0;--tx:#1e293b;--mut:#64748b}
html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--tx);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.sk-header{height:70px;background:#fff;border-bottom:1px solid var(--bd);box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:20}.sk-topbar{height:100%;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;font-weight:950;color:var(--g);letter-spacing:-1.4px}.brand small{font-size:13px;color:#111}.nav{display:flex;align-items:center;gap:7px}.nav a,.user-btn{padding:10px 15px;border-radius:12px;font-size:14px;font-weight:700}.nav a:hover,.user-btn:hover{background:var(--bg);color:var(--g)}.primary{border:0;background:var(--g)!important;color:#fff!important;padding:11px 20px!important;border-radius:12px!important;font-weight:800;cursor:pointer;box-shadow:0 4px 10px rgba(26,92,26,.18)}.primary:hover{background:var(--gh)!important}.user-btn{border:1px solid var(--bd);background:#fff;cursor:pointer}
.hero{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);padding:78px 24px 60px;text-align:center;border-bottom:1px solid var(--bd)}.container{max-width:1240px;margin:auto}.hero h1{font-size:50px;color:var(--g);font-weight:950;letter-spacing:-1.8px;margin:0 0 12px}.hero p{font-size:18px;color:var(--mut);margin:0 0 38px}.search-wrap{max-width:900px;margin:auto;background:#fff;padding:10px;border-radius:100px;border:1px solid var(--bd);box-shadow:0 20px 25px -5px rgba(0,0,0,.10)}.search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px}.search input,.search select{border:0;border-right:1px solid #edf2f7;padding:15px 18px;outline:0;background:transparent}.search button{border-radius:100px!important}
.main{max-width:1240px;margin:auto;padding:0 24px 70px}.section-title{margin:58px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title h2{font-size:28px;margin:0;font-weight:900}.section-title a{font-size:14px;color:var(--g);font-weight:800}
.categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.cat{padding:18px 8px;text-align:center;border:1px solid var(--bd);border-radius:24px;background:#fff;transition:.2s}.cat:hover{transform:translateY(-4px);border-color:var(--g);box-shadow:0 12px 20px rgba(0,0,0,.07)}.cat-icon{width:100px;height:100px;margin:auto auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f0fdf4;box-shadow:inset 0 0 15px rgba(26,92,26,.05);font-size:48px}.cat strong{display:block;color:var(--g);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{border:1px solid var(--bd);border-radius:18px;overflow:hidden;background:#fff;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.photo{height:190px;background:#f2f4f5 url('/nema-slike-zaba.png') center/100px no-repeat;background-size:cover;background-position:center}.body{padding:15px}.body b{display:block;line-height:1.35}.price{font-size:21px;font-weight:900;color:var(--g);margin:10px 0 5px}.muted{color:var(--mut);font-size:13px}
.location-box{border:1px solid var(--bd);border-radius:28px;padding:28px;box-shadow:0 10px 25px rgba(0,0,0,.04)}.location-box select{min-width:360px;padding:16px;border:1px solid #cfd8e3;border-radius:18px;background:var(--bg)}
.light{background:var(--bg);padding:72px 24px}.light .container{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.step{background:#fff;padding:38px 28px;border:1px solid var(--bd);border-radius:24px}.num{width:50px;height:50px;margin:auto auto 18px;background:var(--g);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900}
.form{max-width:780px;margin:45px auto;background:#fff;border:1px solid var(--bd);border-radius:22px;padding:30px}.form label{display:block;font-weight:800;margin:15px 0 7px}.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid #cfd8e3;border-radius:12px}.form textarea{min-height:140px}.notice{background:#f0fdf4;border:1px solid #bbefc5;padding:12px;border-radius:10px;margin-top:12px}
.detail{max-width:1240px;margin:40px auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr;gap:25px}.panel{background:#fff;border:1px solid var(--bd);border-radius:22px;padding:24px}.gallery{height:480px;border-radius:16px;background:#f2f4f5 url('/nema-slike-zaba.png') center/120px no-repeat;background-size:cover;background-position:center}
footer{background:#0b3812;color:#fff;padding:45px 24px}.foot{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:30px}.foot img{max-height:70px;max-width:210px}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.search{grid-template-columns:1fr}.search-wrap{border-radius:18px}.search input,.search select{border:1px solid var(--bd);border-radius:10px}.detail{grid-template-columns:1fr}}
@media(max-width:650px){.sk-header{height:auto}.sk-topbar{padding:10px 14px}.nav>a:not(.primary){display:none}.brand{font-size:22px}.hero{padding:45px 15px}.hero h1{font-size:40px}.main{padding:0 15px 50px}.categories{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.location-box select{min-width:100%;width:100%}.foot{display:block}}
:root{--frog:#2e7d32;--frog2:#1b5e20;--soft:#f4fbf4}.pagehead{background:#f7fff8;border-bottom:1px solid var(--bd);padding:34px 24px}.pagehead .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;margin:24px 0;padding:16px;background:#fff;border:1px solid var(--bd);border-radius:18px}.filters input,.filters select{padding:13px;border:1px solid var(--bd);border-radius:11px}.profile-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;margin-top:35px}.side{border:1px solid var(--bd);border-radius:20px;padding:16px;height:max-content}.side button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:12px;border-radius:10px;cursor:pointer}.side button:hover{background:var(--soft)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border:1px solid var(--bd);border-radius:16px;padding:18px;background:#fff}.stat strong{font-size:26px;color:var(--g)}.thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}.thumb{width:80px;height:65px;border-radius:10px;background-size:cover;background-position:center;border:1px solid var(--bd)}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--bd);background:#fff;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}.danger{color:#a00}.inbox{display:grid;grid-template-columns:330px 1fr;min-height:560px;border:1px solid var(--bd);border-radius:20px;overflow:hidden;margin:30px 0}.threads{border-right:1px solid var(--bd);background:#fafafa}.thread{padding:15px;border-bottom:1px solid var(--bd);cursor:pointer}.chat{padding:20px}.bubble{max-width:70%;padding:10px 13px;border-radius:14px;background:#eef2f7;margin:8px 0}.bubble.me{margin-left:auto;background:#dcfce7}.footer-grid2{max-width:1240px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-grid2 h4{margin-top:0}.footer-grid2 a{display:block;color:#d8e8da;margin:7px 0}.authgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:45px auto}.empty{padding:35px;text-align:center;border:1px dashed var(--bd);border-radius:16px;color:var(--mut)}
@media(max-width:900px){.filters{grid-template-columns:1fr 1fr}.profile-layout{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.inbox{grid-template-columns:1fr}.threads{border-right:0;border-bottom:1px solid var(--bd)}.footer-grid2{grid-template-columns:1fr 1fr}.authgrid{grid-template-columns:1fr}}
@media(max-width:600px){.filters,.stats,.footer-grid2{grid-template-columns:1fr}.pagehead .container{display:block}}
/* v0.3.1 – naslovnica usklađena s referentnim Skakalo WordPress izgledom */
.home-hero{padding:48px 24px 38px}.home-hero h1{font-size:42px;margin-bottom:8px}.home-hero p{font-size:15px;margin-bottom:28px}.home-hero .search-wrap{max-width:760px;padding:7px}.home-hero .search{grid-template-columns:1.55fr 1fr 1.25fr auto;gap:0}.home-hero .search input,.home-hero .search select{padding:13px 15px;font-size:13px}.home-hero .search .primary{padding:10px 16px!important;font-size:13px}.home-main{max-width:1000px;padding-bottom:54px}.home-main .section-title{margin:42px 0 18px}.home-main .section-title h2{font-size:22px}.home-main .categories{grid-template-columns:repeat(6,1fr);gap:12px}.home-main .cat{border-radius:13px;padding:12px 6px;min-height:120px}.home-main .cat-icon{width:72px;height:72px;font-size:34px;margin-bottom:7px}.home-main .cat strong{font-size:11px}.home-grid{grid-template-columns:repeat(4,1fr);gap:13px}.home-grid .card{border-radius:4px}.home-grid .photo{height:135px}.home-grid .body{padding:10px}.home-grid .body b{font-size:12px;min-height:32px}.home-grid .price{font-size:15px;margin:6px 0 3px}.home-grid .muted{font-size:9px}.location-box{border-radius:13px;padding:18px}.location-row{display:flex;align-items:center;gap:16px}.location-row label{font-size:12px;font-weight:700;white-space:nowrap}.location-row select{min-width:0;width:360px;padding:10px 14px;border-radius:8px;font-size:12px}.location-note{font-size:10px;color:var(--mut);margin:15px 0}.nearby-grid{max-width:240px}.shop-mini-grid{display:grid;grid-template-columns:repeat(4,145px);gap:12px}.shop-mini-card{height:92px;border:1px solid var(--bd);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:11px}.shop-mark{width:42px;height:42px;border-radius:9px;background:#eef7ef;color:var(--g);display:grid;place-items:center;font-weight:900}.how{padding:54px 24px;margin-top:0}.how .container{max-width:1000px}.how h2{font-size:23px;color:var(--g);margin:0 0 8px}.how-sub{font-size:12px;color:var(--mut);margin:0}.how .steps{gap:18px;margin-top:28px}.how .step{padding:26px 20px;border-radius:13px}.how .num{width:30px;height:30px;font-size:12px;margin-bottom:13px}.how .step h3{font-size:14px}.how .step p{font-size:11px;color:var(--mut)}.tips-section{padding:44px 24px 58px}.tips-section .container{max-width:1000px}.tips-section .section-title{margin:0 0 20px}.tips-section .section-title h2{font-size:20px}.tips-grid{max-width:390px;display:grid;gap:12px}.tip{display:flex;align-items:center;gap:12px;border:1px solid var(--bd);border-radius:12px;padding:12px 14px}.tip span{font-size:22px}.tip b{display:block;font-size:12px;color:var(--g)}.tip small{display:block;color:var(--mut);font-size:9px;margin-top:3px}
@media(max-width:850px){.home-main .categories{grid-template-columns:repeat(4,1fr)}.home-grid{grid-template-columns:repeat(2,1fr)}.shop-mini-grid{grid-template-columns:repeat(2,145px)}}
@media(max-width:600px){.home-hero .search{grid-template-columns:1fr;gap:7px}.home-main .categories{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr 1fr}.location-row{align-items:flex-start;flex-direction:column}.location-row select{width:100%}.shop-mini-grid{grid-template-columns:1fr 1fr}.nearby-grid{max-width:none}}