@font-face{font-family: 'Figtree'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/figtree-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Figtree'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/figtree-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Literata'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/literata-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Literata'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/literata-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{--propolis:#1d1811;--ink:#2a2219;--gold:#b8862f;--gold-d:#87601a;--pollen:#e8b94a;--wax:#f7f1e6;--wax-2:#efe4d1;--line:#e2d4bc;--muted:#665a49;--white:#fffdf9;--serif:'Literata',Georgia,serif;--sans:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;--r:18px;--wrap:1200px;--gut:clamp(20px,4vw,40px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--wax);color:var(--ink);font:400 1.0625rem/1.7 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--pollen);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:-.015em;margin:0 0 .5em;color:var(--propolis)}
p{margin:0 0 1.1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px;top:8px;background:var(--propolis);color:var(--white);padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.hdr{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:76px}
.hdr .logo img{width:112px}
.hdr.is-solid,.hdr.is-open{background:rgba(29,24,17,.96);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(232,185,74,.18)}
.nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.nav a{color:#f3e9d6;text-decoration:none;font-weight:500;font-size:.98rem;padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}
.nav a:hover,.nav a[aria-current=page]{color:var(--pollen)}
.langs{display:flex;gap:2px;margin-left:14px;padding-left:16px;border-left:1px solid rgba(243,233,214,.22)}
.nav .langs a{font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:6px 9px;color:rgba(243,233,214,.75)}
.nav .langs a[aria-current=true]{color:var(--propolis);background:var(--pollen)}
.burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;cursor:pointer;color:#f3e9d6;border-radius:10px}
.burger span{display:block;width:24px;height:2px;background:currentColor;margin:5px auto;transition:transform .25s,opacity .25s}
.hdr.is-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hdr.is-open .burger span:nth-child(2){opacity:0}
.hdr.is-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:0 26px;border-radius:999px;font:600 1rem/1 var(--sans);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn-gold{background:var(--pollen);color:var(--propolis)}
.btn-gold:hover{background:#f2c95f}
.btn-ghost{border-color:rgba(255,253,249,.55);color:var(--white)}
.btn-ghost:hover{background:rgba(255,253,249,.1);border-color:var(--white)}
.btn-dark{background:var(--propolis);color:var(--wax)}
.btn-dark:hover{background:#3a3024}
.btn-line{border-color:var(--propolis);color:var(--propolis)}
.btn-line:hover{background:var(--propolis);color:var(--wax)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.link{font-weight:600;color:var(--gold-d);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.link:hover{color:var(--propolis)}
.hero{position:relative;min-height:min(100svh,920px);display:flex;align-items:flex-end;color:var(--white);background:var(--propolis);overflow:hidden}
.hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,24,17,.6) 0%,rgba(29,24,17,.15) 35%,rgba(29,24,17,.85) 100%),linear-gradient(90deg,rgba(29,24,17,.65) 0%,rgba(29,24,17,0) 70%)}
.hero .wrap{position:relative;z-index:1;width:100%;padding-top:120px;padding-bottom:clamp(48px,8vw,96px)}
.hero h1{color:var(--white);font-size:clamp(2.5rem,5.6vw,4.7rem);font-weight:500;max-width:15ch;margin-bottom:.35em;letter-spacing:-.025em}
.hero .lead{font-size:clamp(1.05rem,1.4vw,1.22rem);max-width:58ch;color:rgba(255,253,249,.88);margin-bottom:1.8em}
.hero-in>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-in>*:nth-child(2){animation-delay:.12s}.hero-in>*:nth-child(3){animation-delay:.24s}.hero-in>*:nth-child(4){animation-delay:.36s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(40px,6vw,72px);border-top:1px solid rgba(232,185,74,.35)}
.facts div{padding:18px 24px 0 0}
.facts b{display:block;font:500 clamp(1.6rem,3vw,2.3rem)/1.1 var(--serif);color:var(--pollen)}
.facts span{font-size:.92rem;color:rgba(255,253,249,.8)}
.hero-sub{min-height:min(80svh,740px)}
.hero-sub h1{max-width:16ch}
.hero .note{font-size:.95rem;color:rgba(255,253,249,.72);margin:1.6em 0 0}
.sec{padding:clamp(72px,10vw,128px) 0}
.kicker{display:flex;align-items:center;gap:10px;font:600 .95rem/1.2 var(--sans);letter-spacing:0;color:var(--gold-d);margin:0 0 14px}
.kicker::before{content:"";flex:none;width:13px;height:15px;background:currentColor;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.dark .kicker{color:var(--pollen)}
.h2{font-size:clamp(2rem,4.2vw,3.25rem);max-width:20ch}
.intro{max-width:62ch;color:var(--muted);font-size:1.1rem}
.head{margin-bottom:clamp(36px,5vw,60px)}
.dark{background:var(--propolis);color:#e9dfcd}
.dark h2,.dark h3{color:var(--white)}
.dark .intro,.dark p{color:#d6cab5}
.alt{background:var(--wax-2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,88px);align-items:center}
.split.rev>:first-child{order:2}
.photo{border-radius:var(--r);overflow:hidden;background:var(--wax-2)}
.photo img{width:100%;height:100%;object-fit:cover}
.photo.tall{aspect-ratio:4/5}
.photo.wide{aspect-ratio:4/3}
.prose p{color:var(--muted)}
.prose p.first{color:var(--ink);font-size:1.12rem}
.pull{font:italic 400 clamp(1.3rem,2.2vw,1.6rem)/1.4 var(--serif);color:var(--propolis);border-left:3px solid var(--pollen);padding:4px 0 4px 22px;margin:28px 0}
.band{position:relative;color:var(--white);text-align:center;background:var(--propolis);overflow:hidden}
.band>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.band .wrap{position:relative;padding-top:clamp(96px,14vw,180px);padding-bottom:clamp(96px,14vw,180px)}
.band blockquote{margin:0 auto;max-width:26ch;font:400 clamp(1.6rem,3.4vw,2.7rem)/1.28 var(--serif);color:var(--white);text-shadow:0 2px 24px rgba(0,0,0,.4)}
.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)}
.jar{display:flex;flex-direction:column;background:var(--white);border-radius:var(--r);overflow:hidden;text-decoration:none;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.jar:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(29,24,17,.45)}
.jar-img{background:var(--tint);display:grid;place-items:end center;height:270px}
.jar-img img{height:228px;width:auto;margin-bottom:-6px;filter:drop-shadow(0 16px 18px rgba(29,24,17,.28))}
.jar-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.jar h3{font-size:1.45rem;margin-bottom:.3em}
.jar .tag{font-size:.92rem;font-weight:600;color:var(--gold-d);margin-bottom:.7em}
.jar p{color:var(--muted);font-size:.98rem;margin-bottom:1.2em}
.jar .more{margin-top:auto;font-weight:600;color:var(--propolis);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--pollen);text-decoration-thickness:2px}
.fine{font-size:.88rem;color:var(--muted);max-width:80ch;margin-top:36px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(28px,5vw,72px)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px)}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.pt{border-top:2px solid var(--pollen);padding-top:22px}
.pt h3{font-size:1.35rem}
.pt p{color:var(--muted);margin:0}
.dark .pt p{color:#cfc2ab}
.box{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.box h3{font-size:1.3rem}
.box p{color:var(--muted);margin:0}
.stat b{display:block;font:500 clamp(2.4rem,4.4vw,3.4rem)/1 var(--serif);color:var(--gold);margin-bottom:12px}
.stat h3{font:700 1.12rem/1.3 var(--sans);letter-spacing:0}
.stat p{color:var(--muted);font-size:.97rem;margin:0}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative;list-style:none;padding:0;margin:0}
.steps::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:1px;background:rgba(232,185,74,.4)}
.step{position:relative}
.step i{display:grid;place-items:center;width:56px;height:56px;font:600 1.3rem/1 var(--serif);font-style:normal;color:var(--propolis);background:var(--pollen);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);margin-bottom:22px}
.step h3{font-size:1.25rem}
.step p{margin:0}
.q-img{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5}
.q-img img{width:100%;height:100%;object-fit:cover}
.hero-shelf{background:var(--propolis);color:var(--white);padding:150px 0 0;overflow:hidden}
.hero-shelf .wrap{text-align:center}
.hero-shelf h1{color:var(--white);font-size:clamp(2.6rem,6vw,5rem);font-weight:500;margin-bottom:.3em}
.hero-shelf .lead{max-width:60ch;margin:0 auto 1.8em;color:#d6cab5;font-size:1.12rem}
.hero-shelf .btns{justify-content:center}
.hero-shelf .note{color:#a99c86;font-size:.95rem;margin:1.4em 0 0}
.jars{display:flex;justify-content:center;align-items:flex-end;gap:clamp(4px,1.6vw,22px);margin-top:56px;padding:0 10px;position:relative}
.jars::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(#5a4126,#33251a);box-shadow:0 -1px 0 rgba(232,185,74,.4)}
.jars img{height:clamp(96px,17vw,230px);width:auto;position:relative;z-index:1;margin-bottom:24px;filter:drop-shadow(0 14px 14px rgba(0,0,0,.45))}
.chips{position:sticky;top:76px;z-index:20;background:rgba(247,241,230,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.chips .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.chips a{flex:none;display:flex;align-items:center;text-decoration:none;font-weight:600;font-size:.93rem;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--white)}
.chips a:hover{border-color:var(--gold)}
.swatch{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%;background:var(--tone);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);margin-right:8px}
.honey{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);align-items:start;padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--line);scroll-margin-top:130px}
.honey:first-child{border-top:0}
.honey-vis{position:sticky;top:150px;background:var(--tint);border-radius:var(--r);display:grid;place-items:center;aspect-ratio:1/1}
.honey-vis img{height:78%;width:auto;filter:drop-shadow(0 22px 22px rgba(29,24,17,.3))}
.honey h2{font-size:clamp(2rem,3.6vw,2.8rem)}
.honey .tag{font:italic 400 1.25rem/1.4 var(--serif);color:var(--gold-d);margin-bottom:1em}
.honey .desc{font-size:1.1rem}
.ticks{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.ticks li{position:relative;padding-left:24px;color:var(--muted);line-height:1.5}
.ticks li::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:11px;background:var(--gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.notice{background:var(--wax-2);border-radius:var(--r);padding:28px 32px;margin-top:24px;border-left:4px solid var(--pollen)}
.notice h2{font:700 1.2rem/1.3 var(--sans);letter-spacing:0}
.notice p{margin:0;color:var(--muted)}
.cta{text-align:center}
.cta .h2{margin-left:auto;margin-right:auto;max-width:22ch}
.cta p{margin:0 auto 1.8em;max-width:60ch}
.cta .btns{justify-content:center}
.contact{display:grid;grid-template-columns:5fr 6fr;gap:clamp(36px,6vw,88px);align-items:start}
.cinfo{list-style:none;padding:0;margin:32px 0}
.cinfo li{padding:16px 0;border-top:1px solid rgba(232,185,74,.22)}
.cinfo li:last-child{border-bottom:1px solid rgba(232,185,74,.22)}
.cinfo span{display:block;font-size:.88rem;color:#b9ab93}
.cinfo a,.cinfo strong{font:500 1.3rem/1.4 var(--serif);color:var(--white);text-decoration:none}
.cinfo a:hover{color:var(--pollen)}
.form{position:relative;background:var(--wax);color:var(--ink);border-radius:var(--r);padding:clamp(24px,4vw,44px)}
.field{margin-bottom:18px}
.field label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px;color:var(--propolis)}
.field input,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--white);border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;transition:border-color .2s}
.field textarea{min-height:150px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .fine{margin:14px 0 0;font-size:.86rem;color:var(--muted)}
.form .fine a{color:var(--gold-d)}
.form-msg{margin-top:16px;padding:12px 16px;border-radius:12px;font-weight:600;display:none}
.form-msg.ok{display:block;background:#e7efd9;color:#36501b}
.form-msg.err{display:block;background:#f6dfd6;color:#7a2a14}
.form button{width:100%}
.form button[disabled]{opacity:.6;cursor:wait}
.legal{padding:150px 0 100px}
.legal .wrap{max-width:820px}
.legal h1{font-size:clamp(2.2rem,5vw,3.4rem)}
.legal h2{font-size:1.4rem;margin-top:2em}
.legal p,.legal li{color:var(--muted)}
.legal .upd{font-size:.92rem}
.page-plain .hdr{background:var(--propolis)}
.ftr{background:#15110b;color:#b9ab93;padding:72px 0 28px;font-size:.96rem}
.ftr-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:48px}
.ftr img{width:130px;margin-bottom:18px}
.ftr p{max-width:44ch}
.ftr h2{font:700 .95rem/1.2 var(--sans);color:var(--white);letter-spacing:0;margin-bottom:16px}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{margin-bottom:8px}
.ftr a{text-decoration:none;color:#d8ccb6}
.ftr a:hover{color:var(--pollen)}
.ftr-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(232,185,74,.15);font-size:.88rem}
.ftr-bot nav{display:flex;flex-wrap:wrap;gap:18px}
@media (max-width:1020px){
.burger{display:block}
.nav{position:fixed;inset:76px 0 auto;flex-direction:column;align-items:stretch;gap:0;background:rgba(29,24,17,.98);padding:12px var(--gut) 28px;margin:0;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;max-height:calc(100svh - 76px);overflow:auto}
.hdr.is-open .nav{opacity:1;visibility:visible;transform:none}
.nav>a{padding:14px 4px;font-size:1.15rem;border-radius:0;border-bottom:1px solid rgba(243,233,214,.1)}
.langs{margin:18px 0 0;padding:0;border:0;gap:8px}
.nav .langs a{border:1px solid rgba(243,233,214,.25);padding:10px 16px;font-size:.9rem}
.grid-4,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps{gap:36px 24px}
.steps::before{display:none}
.shelf,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact,.split{grid-template-columns:1fr}
.split.rev>:first-child{order:0}
.honey{grid-template-columns:1fr}
.honey-vis{position:relative;top:0;aspect-ratio:16/10}
.ftr-grid{grid-template-columns:1fr 1fr}
.ftr-grid>:first-child{grid-column:1/-1}
}
@media (max-width:640px){
body{font-size:1rem}
.hdr .wrap{height:68px}.nav{inset:68px 0 auto}.chips{top:68px}
.facts{grid-template-columns:1fr;border:0}
.facts div{display:flex;align-items:baseline;gap:14px;padding:10px 0;border-top:1px solid rgba(232,185,74,.3)}
.facts b{font-size:1.45rem;min-width:84px}
.grid-2,.grid-3,.grid-4,.steps,.shelf{grid-template-columns:1fr}
.jar-img{height:230px}.jar-img img{height:192px}
.ticks{grid-template-columns:1fr}
.btns .btn{flex:1 1 100%}
.ftr-grid{grid-template-columns:1fr}
.photo.tall{aspect-ratio:1/1}
.q-img{aspect-ratio:1/1}
.notice{padding:22px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

section[id]{scroll-margin-top:72px}

/* ===== v2: ukrasni sloj ===== */
.btn-gold{background:linear-gradient(180deg,#f3cd63,#e1a934);box-shadow:0 10px 24px -10px rgba(225,169,52,.75),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-gold:hover{background:linear-gradient(180deg,#f7d778,#e8b443);transform:translateY(-1px)}
.btn-dark{box-shadow:0 10px 24px -12px rgba(29,24,17,.7)}
.btn{transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
/* medena kap */
.hero+.sec,.band+.sec{position:relative}
.hero+.sec::before,.band+.sec::before{content:"";position:absolute;left:0;right:0;top:-1px;height:64px;background:linear-gradient(180deg,#c98a1f 0%,#e5a930 45%,#f0c254 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='64' viewBox='0 0 300 64'%3E%3Cpath d='M0 0H300V8C290 8 286 12 286 20C286 30 280 34 276 26C272 18 268 10 258 10C246 10 244 14 243 26C242 44 238 54 233 54C228 54 225 44 224 30C223 16 218 10 205 10C190 10 186 13 185 18C184 24 180 26 177 20C174 13 168 9 150 9C130 9 126 14 125 30C124 42 120 48 116 48C112 48 108 42 107 30C106 15 100 10 85 10C72 10 68 14 67 20C66 26 62 28 59 22C56 15 50 10 36 10C22 10 18 14 17 30C16 38 13 42 10 42C7 42 4 38 4 30C4 16 2 9 0 8Z'/%3E%3C/svg%3E") repeat-x 0 0/300px 64px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='64' viewBox='0 0 300 64'%3E%3Cpath d='M0 0H300V8C290 8 286 12 286 20C286 30 280 34 276 26C272 18 268 10 258 10C246 10 244 14 243 26C242 44 238 54 233 54C228 54 225 44 224 30C223 16 218 10 205 10C190 10 186 13 185 18C184 24 180 26 177 20C174 13 168 9 150 9C130 9 126 14 125 30C124 42 120 48 116 48C112 48 108 42 107 30C106 15 100 10 85 10C72 10 68 14 67 20C66 26 62 28 59 22C56 15 50 10 36 10C22 10 18 14 17 30C16 38 13 42 10 42C7 42 4 38 4 30C4 16 2 9 0 8Z'/%3E%3C/svg%3E") repeat-x 0 0/300px 64px;pointer-events:none;z-index:2;filter:drop-shadow(0 3px 2px rgba(120,70,10,.25))}
.band+.sec::before{-webkit-mask-position:140px 0;mask-position:140px 0}
.hero{border-bottom:6px solid #c98a1f}
.band{border-bottom:6px solid #c98a1f}
/* saće na tamnim površinama */
.dark,.hero-shelf,.ftr{position:relative;isolation:isolate}
.dark::before,.hero-shelf::before,.ftr::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66v34M28 0v0' fill='none' stroke='%23e8b94a' stroke-opacity='.09' stroke-width='1.2'/%3E%3Cpath d='M28 100L0 84M28 100l28-16' fill='none' stroke='%23e8b94a' stroke-opacity='.09' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/56px 100px;z-index:-1;-webkit-mask:radial-gradient(ellipse at 85% 10%,#000 0%,transparent 65%);mask:radial-gradient(ellipse at 85% 10%,#000 0%,transparent 65%)}
.dark::after,.hero-shelf::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 100%,rgba(232,185,74,.13),transparent 45%);z-index:-1;pointer-events:none}
.hero-shelf::before{-webkit-mask:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%);mask:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%)}
.ftr::before{-webkit-mask:radial-gradient(ellipse at 100% 0%,#000 0%,transparent 60%);mask:radial-gradient(ellipse at 100% 0%,#000 0%,transparent 60%)}
/* hero */
.hero h1{text-shadow:0 2px 30px rgba(0,0,0,.35)}
.facts{border-top:0;background:rgba(29,24,17,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(232,185,74,.28);border-radius:20px;padding:6px 8px;max-width:820px}
.facts div{padding:16px 22px}
.facts div+div{border-left:1px solid rgba(232,185,74,.2)}
/* fotografije sa zlatnim okvirom */
.split .photo,.q-img{box-shadow:22px 22px 0 -1px var(--bgc,var(--wax)),22px 22px 0 0 var(--pollen);overflow:hidden}
.alt .q-img,.alt .photo{--bgc:var(--wax-2)}
.dark .q-img{--bgc:var(--propolis)}
.split>.photo,.split>.q-img{margin-right:22px;margin-bottom:22px}
.photo img,.q-img img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.photo:hover img,.q-img:hover img{transform:scale(1.04)}
.pull{background:linear-gradient(90deg,rgba(232,185,74,.14),transparent);border-radius:0 14px 14px 0;padding:16px 22px}
/* citat u traci */
.band blockquote{font-style:italic;position:relative;padding-top:56px}
.band blockquote::before{content:"\201C";position:absolute;top:-20px;left:50%;transform:translateX(-50%);font:400 7rem/1 var(--serif);color:var(--pollen);opacity:.9}
.band>picture img{opacity:.6}
.band::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(29,24,17,.15),rgba(29,24,17,.7));pointer-events:none}
.band .wrap{z-index:1}
/* staklenke */
.jar{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 12px 30px -24px rgba(29,24,17,.35)}
.jar-img,.honey-vis{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 58%),var(--tint)}
.jar-img::before,.honey-vis::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66v34M28 0v0' fill='none' stroke='%237a5418' stroke-opacity='.13' stroke-width='1.2'/%3E%3Cpath d='M28 100L0 84M28 100l28-16' fill='none' stroke='%237a5418' stroke-opacity='.13' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/42px 75px;-webkit-mask:linear-gradient(180deg,#000,transparent 85%);mask:linear-gradient(180deg,#000,transparent 85%)}
.jar-img::after,.honey-vis::after{content:"";position:absolute;left:50%;bottom:6px;width:58%;height:22px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(60,35,10,.32),transparent 70%);z-index:0}
.honey-vis::after{bottom:9%;width:46%}
.jar-img img,.honey-vis img{position:relative;z-index:1;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.jar:hover .jar-img img{transform:translateY(-8px) rotate(-2deg)}
.jar-img img{margin-bottom:8px}
.jar h3{display:flex;align-items:center}
.jars img{transition:transform .4s}
.jars img:hover{transform:translateY(-10px)}
/* zašto mi – kartice sa šesterokutom */
#zasto .pt,#vrijednosti .pt,#pristup .pt{position:relative;border-top:0;padding:30px 28px 30px;border-radius:var(--r);background:var(--white);border:1px solid var(--line)}
#vrijednosti .pt{background:rgba(255,253,249,.04);border-color:rgba(232,185,74,.2)}
#zasto .pt::before,#vrijednosti .pt::before,#pristup .pt::before{content:"";display:block;width:42px;height:48px;margin-bottom:18px;background:linear-gradient(160deg,#f3cd63,#c98a1f);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 0 4px rgba(232,185,74,.2)}
#zasto .pt::after,#vrijednosti .pt::after,#pristup .pt::after{content:"";position:absolute;left:28px;top:30px;width:42px;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66v34M28 0v0' fill='none' stroke='%231d1811' stroke-opacity='.35' stroke-width='1.2'/%3E%3Cpath d='M28 100L0 84M28 100l28-16' fill='none' stroke='%231d1811' stroke-opacity='.35' stroke-width='1.2'/%3E%3C/svg%3E") center/18px 32px;clip-path:polygon(50% 18%,82% 34%,82% 66%,50% 82%,18% 66%,18% 34%);opacity:.7}
.box{box-shadow:0 14px 34px -28px rgba(29,24,17,.5)}
.stat{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.stat b{background:linear-gradient(180deg,#d9a23a,#9a6a1c);-webkit-background-clip:text;background-clip:text;color:transparent}
/* kontakt */
.form{box-shadow:0 30px 60px -30px rgba(0,0,0,.6);border-top:5px solid var(--pollen)}
.field input,.field textarea{box-shadow:inset 0 1px 2px rgba(29,24,17,.05)}
.field input:focus,.field textarea:focus{box-shadow:0 0 0 4px rgba(232,185,74,.22)}
/* naslovi – mala zlatna crta ispod velikih naslova */
.head .h2::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--pollen),#c98a1f);margin-top:22px}
.cta .h2::after{margin-left:auto;margin-right:auto}
.cta{position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66v34M28 0v0' fill='none' stroke='%23b8862f' stroke-opacity='.12' stroke-width='1.2'/%3E%3Cpath d='M28 100L0 84M28 100l28-16' fill='none' stroke='%23b8862f' stroke-opacity='.12' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/56px 100px;-webkit-mask:radial-gradient(ellipse at 50% 50%,#000,transparent 70%);mask:radial-gradient(ellipse at 50% 50%,#000,transparent 70%);pointer-events:none}
.cta .wrap{position:relative}
.notice{box-shadow:0 14px 34px -28px rgba(29,24,17,.5)}
.chips a{transition:border-color .2s,transform .2s}
.chips a:hover{transform:translateY(-1px)}
@media (max-width:1020px){.split>.photo,.split>.q-img{margin-right:14px;margin-bottom:14px}.split .photo,.q-img{box-shadow:14px 14px 0 -1px var(--bgc,var(--wax)),14px 14px 0 0 var(--pollen)}}
@media (max-width:640px){.facts{background:rgba(29,24,17,.5);padding:4px 16px}.facts div{padding:12px 0}.facts div+div{border-left:0}.hero+.sec::before,.band+.sec::before{height:44px;-webkit-mask-size:220px 44px;mask-size:220px 44px}#zasto .pt,#vrijednosti .pt,#pristup .pt{padding:24px}#zasto .pt::after,#vrijednosti .pt::after,#pristup .pt::after{left:24px;top:24px}}

#zasto .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#zasto .pt,#pristup .pt{display:grid;grid-template-columns:42px 1fr;column-gap:24px;align-items:start}
#zasto .pt::before,#pristup .pt::before{grid-row:1/3;margin:0}
#zasto .pt h3,#pristup .pt h3{margin-top:2px}
#zasto .pt p,#pristup .pt p{grid-column:2}
@media (max-width:640px){#zasto .grid-4{grid-template-columns:1fr}#zasto .pt,#pristup .pt{grid-template-columns:36px 1fr;column-gap:16px}#zasto .pt::before,#pristup .pt::before{width:36px;height:41px}#zasto .pt::after,#pristup .pt::after{width:36px;height:41px}}

.honey-vis{position:sticky;top:150px}
.honey-vis img{height:auto;width:42%}
@media (max-width:1020px){.honey-vis{position:relative;top:0}.honey-vis img{width:26%}}
@media (max-width:640px){.honey-vis{aspect-ratio:4/3}.honey-vis img{width:34%}}