/* Jelke.ba – glavni stil. Oštre ivice, štampani karakter: jelka-zelena, brusnica, krem papir, ćilim motiv. */

@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/young-serif-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:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/young-serif-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:"Schibsted Grotesk";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/schibsted-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:"Schibsted Grotesk";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/schibsted-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{
	--pine:#12352A;--pine-d:#0B241C;--pine-l:#1F4A3B;
	--cran:#B3262E;--cran-d:#8F1D24;
	--cream:#F3ECDD;--paper:#FBF7EE;--white:#fff;
	--ink:#17140F;--muted:#5E5B52;--line:rgba(23,20,15,.16);
	--gold:#C79A3B;
	--serif:"Young Serif",Georgia,"Times New Roman",serif;
	--sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	--wrap:1240px;--gut:clamp(16px,4vw,40px);
	--b:1.5px solid var(--ink);
	--cilim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='16'%3E%3Crect width='48' height='16' fill='%2312352A'/%3E%3Cpath fill='%23B3262E' d='M11 2h2v2h2v2h2v4h-2v2h-2v2h-2v-2H9v-2H7V6h2V4h2z'/%3E%3Cpath fill='%23F3ECDD' d='M11 6h2v4h-2z'/%3E%3Cpath fill='%23C79A3B' d='M35 5h2v2h2v2h-2v2h-2V9h-2V7h2z'/%3E%3Cpath fill='%23F3ECDD' fill-opacity='.35' d='M0 0h48v1H0zM0 15h48v1H0z'/%3E%3C/svg%3E");
	--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .09 0 0 0 0 .08 0 0 0 0 .06 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- osnova ---------- */
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--cream) var(--grain);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--cran)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.1;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--cran);outline-offset:2px}
::selection{background:var(--pine);color:var(--cream)}
.jb-sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.jb-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--cream);padding:10px 14px}
.jb-skip:focus{left:8px;top:8px}
.jb-wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.jb-ico{width:20px;height:20px;flex:none}

.jb-kicker{font:700 .76rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cran);margin:0 0 14px}
.jb-kicker a{text-decoration:none}
.jb-no{display:inline-block;border:1.5px solid currentColor;padding:1px 6px;margin-right:8px;letter-spacing:.06em}
.jb-h1{font-size:clamp(2.2rem,5vw,3.9rem);margin:0 0 .35em}
.jb-h2{font-size:clamp(1.95rem,3.8vw,3.1rem);margin:0 0 .4em}
.jb-lead{font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.55;color:#3c3a33;max-width:62ch}

.jb-btn,.button,button.button,a.button,input.button,#place_order,.single_add_to_cart_button,.checkout-button,.wc-forward,.added_to_cart{
	display:inline-flex;align-items:center;justify-content:center;gap:.55em;
	background:var(--pine);color:var(--cream);border:2px solid var(--pine);
	padding:.78em 1.2em;font:700 .98rem/1.15 var(--sans);text-decoration:none;cursor:pointer;
	transition:background-color .18s,border-color .18s,color .18s,transform .08s;white-space:nowrap}
.jb-btn:hover,.button:hover,#place_order:hover,.single_add_to_cart_button:hover,.checkout-button:hover,.wc-forward:hover,.added_to_cart:hover{background:var(--cran);border-color:var(--cran);color:var(--cream)}
.jb-btn:active,.button:active{transform:translateY(1px)}
.jb-btn svg,.button svg{width:18px;height:18px}
.jb-btn--big{font-size:1.06rem;padding:1em 1.45em}
.jb-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.jb-btn--ghost:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.jb-btn--cream{background:var(--cream);color:var(--pine);border-color:var(--cream)}
.jb-btn--cream:hover{background:transparent;color:var(--cream);border-color:var(--cream)}
.button.disabled,.button:disabled,.single_add_to_cart_button.disabled{opacity:.45;cursor:not-allowed}
.button.loading{opacity:.6;pointer-events:none}
.jb-link{display:inline-flex;align-items:center;gap:.45em;font-weight:700;text-decoration:none;border-bottom:2px solid var(--cran);padding-bottom:2px}
.jb-link svg{width:18px;height:18px;transition:transform .2s}
.jb-link:hover svg{transform:translateX(4px)}

.jb-cilim{height:16px;background:var(--cilim) repeat-x left center}

/* ---------- topbar i zaglavlje ---------- */
.jb-topbar{background:var(--pine-d);color:var(--cream);font-size:.82rem}
.jb-topbar__in{display:flex;justify-content:space-between;gap:16px;padding-block:8px}
.jb-topbar p{margin:0;display:flex;align-items:center;gap:8px}
.jb-topbar .jb-ico{width:16px;height:16px;color:var(--gold)}
.jb-topbar b{color:var(--gold);font-weight:800}

.jb-header{position:sticky;top:0;z-index:50;background:var(--cream);border-bottom:var(--b)}
.jb-header__in{display:flex;align-items:center;gap:28px;min-height:76px}
.jb-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--pine);flex:none}
.jb-logo:hover{color:var(--pine)}
.jb-logo__mark{width:44px;height:auto}
.jb-logo__word{font:400 1.75rem/1 var(--serif);letter-spacing:-.02em}
.jb-logo__word span{color:var(--cran)}
.jb-logo--light{color:var(--cream)}
.jb-logo--light:hover{color:var(--cream)}

.jb-nav{flex:1}
.jb-nav__list{list-style:none;display:flex;gap:4px;align-items:center}
.jb-nav__list>li{position:relative}
.jb-nav__list a{display:block;padding:10px 12px;font-weight:650;font-size:.97rem;text-decoration:none}
.jb-nav__list>li>a{border-bottom:2px solid transparent}
.jb-nav__list>li>a:hover,.jb-nav__list>li.current-menu-item>a,.jb-nav__list>li.current-product_cat-ancestor>a,.jb-nav__list>li.current-menu-parent>a{border-bottom-color:var(--cran);color:var(--ink)}
.jb-nav__list .sub-menu{list-style:none;position:absolute;top:100%;left:0;min-width:240px;background:var(--pine);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:5}
.jb-nav__list li:hover>.sub-menu,.jb-nav__list li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.jb-nav__list .sub-menu a{color:var(--cream);padding:9px 18px}
.jb-nav__list .sub-menu a:hover{background:var(--pine-l);color:var(--cream)}
.jb-nav__list .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin:0 0 3px 8px}
.jb-nav__extra{display:none}

.jb-header__act{display:flex;align-items:center;gap:8px;margin-left:auto}
.jb-header__tel{display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;padding:8px 10px;white-space:nowrap}
.jb-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:var(--b);text-decoration:none;background:var(--paper)}
.jb-cart:hover{background:var(--pine);color:var(--cream);border-color:var(--pine)}
.jb-cart .jb-ico{width:22px;height:22px}
.jb-cart__count{position:absolute;top:-9px;right:-9px;min-width:22px;height:22px;padding:0 5px;background:var(--cran);color:var(--cream);font:800 .74rem/22px var(--sans);text-align:center}
.jb-cart__count[data-n="0"]{display:none}
.jb-burger{display:none;width:48px;height:48px;align-items:center;justify-content:center;border:var(--b);background:var(--pine);color:var(--cream);cursor:pointer}
.jb-burger .jb-ico{width:24px;height:24px}
.jb-burger__close{display:none}

/* ---------- hero ---------- */
.jb-hero{padding-block:clamp(36px,6vw,88px) clamp(48px,7vw,96px)}
.jb-hero__in{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,5vw,72px);align-items:center}
.jb-hero__h{font-size:clamp(2.6rem,6.1vw,5.3rem);line-height:1.01;letter-spacing:-.025em;margin:0 0 .38em;color:var(--pine)}
.jb-hero__h em{font-style:normal;color:var(--cran);background:linear-gradient(transparent 78%,rgba(179,38,46,.18) 78%)}
.jb-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 34px}
.jb-hero__facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;margin:0;border-top:var(--b);padding-top:18px}
.jb-hero__facts div{padding-right:26px;margin-right:26px;border-right:1px solid var(--line)}
.jb-hero__facts div:last-child{border:0;margin:0;padding:0}
.jb-hero__facts dt{font:700 .72rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.jb-hero__facts dd{margin:0;font:400 1.55rem/1.1 var(--serif);color:var(--pine)}
.jb-hero__fig{margin:0;position:relative}
.jb-hero__frame{position:relative;display:grid;grid-template-columns:1fr 46px;border:var(--b);background:var(--paper)}
.jb-hero__frame img{width:100%;aspect-ratio:1;object-fit:cover;border-right:var(--b)}
.jb-hero__ruler{list-style:none;display:flex;flex-direction:column;justify-content:space-between;padding:6px 0;margin:0;font:700 .68rem/1 var(--sans);color:var(--muted);text-align:right;
	background:repeating-linear-gradient(to bottom,var(--ink) 0 1.5px,transparent 1.5px 100%) right top/12px calc(100%/30) repeat-y,repeating-linear-gradient(to bottom,var(--ink) 0 1.5px,transparent 1.5px 100%) right top/22px calc(100%/6) repeat-y}
.jb-hero__ruler li{padding-right:26px;transform:translateY(-1px)}
.jb-hero__tag{position:absolute;left:-14px;bottom:28px;display:flex;flex-direction:column;background:var(--cran);color:var(--cream);padding:12px 20px 12px 28px;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%)}
.jb-hero__tag span{font:700 .72rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.jb-hero__tag b{font:400 1.3rem/1.2 var(--serif)}

/* ---------- traka do Nove godine ---------- */
.jb-ng{background:var(--cran);color:var(--cream)}
.jb-ng__in{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,56px);align-items:center;padding-block:clamp(26px,4vw,40px)}
.jb-ng__big{display:flex;align-items:center;gap:14px;margin:0}
.jb-ng__big b{font:400 clamp(3.6rem,8vw,6rem)/.9 var(--serif)}
.jb-ng__big span{font:700 .82rem/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.jb-ng__txt{margin:0;max-width:62ch;font-size:1.02rem}
.jb-ng__txt strong{color:#fff}

/* ---------- sekcije ---------- */
.jb-sec{padding-block:clamp(56px,8vw,112px)}
.jb-sec--paper{background:var(--paper);border-block:var(--b)}
.jb-sec__head{margin-bottom:clamp(28px,4vw,48px);max-width:820px}
.jb-sec__head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;max-width:none}
.jb-sec__head--row .jb-sec__lead{max-width:44ch;margin:0}
.jb-sec__lead{color:var(--muted);font-size:1.05rem;max-width:64ch;margin:0}

/* ---------- mreža proizvoda i kartice ---------- */
ul.products,.jb-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);margin:0;padding:0}
ul.jb-grid--4,.related ul.products,.upsells ul.products,.cross-sells ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
.jb-card{position:relative;display:flex;flex-direction:column;background:var(--paper);border:var(--b);transition:border-color .2s}
.jb-card:hover{border-color:var(--cran)}
.jb-card__img{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--white);border-bottom:var(--b)}
.jb-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.jb-card:hover .jb-card__img img{transform:scale(1.045)}
.jb-card__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:16px 16px 18px}
.jb-card__cat{margin:0;font:700 .7rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.jb-card__title{font-size:1.28rem;line-height:1.14;margin:0}
.jb-card__title a{text-decoration:none}
.jb-card__chips{list-style:none;display:flex;flex-wrap:wrap;gap:4px}
.jb-card__chips li{font:700 .74rem/1 var(--sans);padding:5px 6px;border:1px solid var(--line);background:var(--cream)}
.jb-card__chips li.is-out{text-decoration:line-through;opacity:.45}
.jb-card__chips .jb-card__unit{border:0;background:none;color:var(--muted);padding-inline:2px}
.jb-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:6px}
.jb-card .button{padding:.62em .9em;font-size:.88rem}
.jb-card .added_to_cart{padding:.62em .9em;font-size:.88rem;background:var(--cran);border-color:var(--cran)}
.jb-card .button.added{display:none}

.price{font:800 1.12rem/1.2 var(--sans);color:var(--ink)}
.price del{font-weight:500;font-size:.82em;color:var(--muted);margin-left:4px}
.price ins{text-decoration:none}
.jb-od{font:700 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:2px}

.jb-flash{position:absolute;z-index:3;top:12px;left:12px;background:var(--cran);color:var(--cream);font:800 .8rem/1 var(--sans);padding:7px 10px 7px 15px;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%)}
.jb-flash--out{background:var(--ink)}

/* ---------- alat: visina ---------- */
.jb-visina{background:var(--pine);color:var(--cream);padding-block:clamp(56px,8vw,104px);position:relative}
.jb-visina::before,.jb-visina::after{content:"";position:absolute;left:0;right:0;height:16px;background:var(--cilim) repeat-x}
.jb-visina::before{top:0}.jb-visina::after{bottom:0}
.jb-visina__in{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:center}
.jb-visina .jb-kicker{color:var(--gold)}
.jb-visina .jb-h2{color:var(--cream)}
.jb-visina .jb-lead{color:rgba(243,236,221,.82)}
.jb-visina__plafon{border:0;padding:0;margin:26px 0 22px;display:flex;flex-wrap:wrap;gap:6px}
.jb-visina__plafon legend{font:700 .74rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;color:var(--gold)}
.jb-visina__plafon label{cursor:pointer}
.jb-visina__plafon input{position:absolute;opacity:0;pointer-events:none}
.jb-visina__plafon span{display:block;padding:10px 12px;border:1.5px solid rgba(243,236,221,.55);font-weight:700;font-size:.95rem;transition:.15s}
.jb-visina__plafon label:hover span{border-color:var(--cream)}
.jb-visina__plafon input:checked+span{background:var(--cream);color:var(--pine);border-color:var(--cream)}
.jb-visina__plafon input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.jb-visina__rez{font-size:1.12rem;margin-bottom:14px}
.jb-visina__rez b{font-family:var(--serif);font-weight:400;font-size:1.3em;color:var(--gold)}
.jb-visina__list{list-style:none;border-top:1px solid rgba(243,236,221,.25)}
.jb-visina__list a{display:grid;grid-template-columns:1fr auto 20px;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid rgba(243,236,221,.25);text-decoration:none}
.jb-visina__list a:hover{color:var(--gold)}
.jb-visina__list li.is-out{opacity:.5}
.jb-visina__fig{margin:0}
.jb-visina__fig svg{width:100%;overflow:visible}
.jb-visina__fig figcaption{font-size:.8rem;color:rgba(243,236,221,.6);margin-top:10px}
.jb-v__grid line{stroke:rgba(243,236,221,.1);stroke-width:1}
.jb-v__grid text,.jb-v__labels text,.jb-v__person text{fill:rgba(243,236,221,.55);font:700 9px var(--sans)}
.jb-v__labels text{font-size:11px;fill:var(--cream)}
.jb-v__floor{stroke:var(--cream);stroke-width:2}
.jb-v__person{fill:var(--gold)}
.jb-v__tree polygon{fill:var(--cream);transition:fill .3s,opacity .3s,stroke .3s}
.jb-v__tree .jb-v__star{fill:var(--cran);opacity:0}
.jb-v__tree.is-too{opacity:.28}
.jb-v__tree.is-too polygon{fill:none;stroke:var(--cream);stroke-dasharray:3 3;stroke-width:1}
.jb-v__tree.is-ok polygon:first-child{fill:rgba(243,236,221,.62)}
.jb-v__tree.is-best polygon:first-child{fill:var(--cream)}
.jb-v__tree.is-best .jb-v__star{opacity:1}
.jb-v__ceil{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.jb-v__ceil line{stroke:var(--cran);stroke-width:2.5;stroke-dasharray:8 5}
.jb-v__ceil text{fill:#ff8f95;font:800 10px var(--sans);letter-spacing:.1em;text-transform:uppercase}

/* ---------- zelena / snježna / bijela ---------- */
.jb-tri__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px)}
.jb-tri__item{border:var(--b);background:var(--paper);padding:0 24px 26px;display:flex;flex-direction:column}
.jb-tri__item::before{content:"";display:block;height:96px;margin:0 -24px 22px;border-bottom:var(--b)}
.jb-tri__item--zelena::before{background:var(--pine) var(--cilim) repeat-x center bottom 14px}
.jb-tri__item--snjezna::before{background:radial-gradient(circle,#fff 0 1.6px,transparent 2.2px) 0 0/16px 16px,radial-gradient(circle,rgba(255,255,255,.7) 0 1.2px,transparent 1.8px) 8px 8px/16px 16px,var(--pine-l)}
.jb-tri__item--bijela::before{background:repeating-linear-gradient(135deg,#fff 0 10px,#f4f1ea 10px 20px)}
.jb-tri__item h3{font-size:2rem;color:var(--pine);margin-bottom:6px}
.jb-tri__for{font:700 .74rem/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cran)}
.jb-tri__item p:not(.jb-tri__for){color:#3c3a33}
.jb-tri__item .jb-link{margin-top:auto;align-self:flex-start}

/* ---------- pločice kategorija ---------- */
.jb-cats{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px);margin-bottom:clamp(28px,4vw,44px)}
.jb-cats a{display:grid;grid-template-columns:108px 1fr;grid-template-rows:auto auto 1fr;column-gap:16px;border:var(--b);background:var(--cream);text-decoration:none;padding:12px;min-height:132px;transition:background .2s}
.jb-cats a:hover{background:var(--pine);color:var(--cream)}
.jb-cats__img{grid-row:1/4;border:var(--b);background:#fff;aspect-ratio:1;overflow:hidden}
.jb-cats__img img{width:100%;height:100%;object-fit:cover}
.jb-cats__no{font:700 .72rem/1 var(--sans);letter-spacing:.12em;color:var(--cran);margin:4px 0 8px}
.jb-cats a:hover .jb-cats__no{color:var(--gold)}
.jb-cats__name{font:400 1.45rem/1.1 var(--serif)}
.jb-cats__meta{align-self:end;font-size:.86rem;color:var(--muted)}
.jb-cats a:hover .jb-cats__meta{color:rgba(243,236,221,.75)}

/* ---------- koraci ---------- */
.jb-steps__list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--b)}
.jb-steps__list li{padding:26px 28px 6px 0;border-right:1px solid var(--line);margin-right:28px}
.jb-steps__list li:last-child{border:0;margin:0}
.jb-steps__list b{display:block;font:400 clamp(4rem,7vw,6rem)/.9 var(--serif);color:transparent;-webkit-text-stroke:1.5px var(--pine);margin-bottom:14px}
.jb-steps__list h3{font-size:1.45rem;color:var(--pine)}
.jb-steps__list p{color:var(--muted)}

/* ---------- poređenje ---------- */
.jb-vs{background:var(--paper);border-top:var(--b)}
.jb-vs__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:start}
.jb-vs__table{width:100%;border-collapse:collapse;border:var(--b);background:var(--cream);font-size:.98rem}
.jb-vs__table th,.jb-vs__table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.jb-vs__table thead th{background:var(--pine);color:var(--cream);font:700 .78rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.jb-vs__table tbody th{font:400 1.12rem/1.3 var(--serif);color:var(--pine);width:24%}
.jb-vs__table tbody td:nth-child(2){font-weight:650}
.jb-vs__table td.is-win{color:var(--cran);font-weight:700}

/* ---------- FAQ ---------- */
.jb-faq{padding-block:clamp(56px,8vw,104px);border-top:var(--b)}
.jb-faq__in{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(28px,5vw,64px);align-items:start}
.jb-faq__head{position:sticky;top:110px}
.jb-faq__list{border-top:var(--b)}
.jb-faq__item{border-bottom:var(--b)}
.jb-faq__item summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;cursor:pointer;font:400 1.22rem/1.3 var(--serif);color:var(--pine)}
.jb-faq__item summary::-webkit-details-marker{display:none}
.jb-faq__item summary i{position:relative;flex:none;width:30px;height:30px;border:1.5px solid var(--ink)}
.jb-faq__item summary i::before,.jb-faq__item summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.jb-faq__item summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.jb-faq__item[open] summary i{background:var(--pine);border-color:var(--pine)}
.jb-faq__item[open] summary i::before{background:var(--cream)}
.jb-faq__item[open] summary i::after{transform:translate(-50%,-50%) rotate(0);background:var(--cream)}
.jb-faq__item summary:hover{color:var(--cran)}
.jb-faq__a{padding:0 50px 18px 0;color:#3c3a33}

/* ---------- tekst / prose ---------- */
.jb-prose{max-width:74ch}
.jb-prose>h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-top:1.6em;color:var(--pine)}
.jb-prose>h3{font-size:1.35rem;margin-top:1.5em;color:var(--pine)}
.jb-prose>*:first-child{margin-top:0}
.jb-prose>ul:not(.products),.jb-prose>ol{margin:0 0 1.1em;padding-left:0;list-style:none}
.jb-prose>ul:not(.products)>li,.jb-prose>ol>li{position:relative;padding-left:24px;margin-bottom:.45em}
.jb-prose>ul:not(.products)>li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;background:var(--cran);transform:rotate(45deg)}
.jb-prose>ol{counter-reset:li}
.jb-prose>ol>li::before{counter-increment:li;content:counter(li) ".";position:absolute;left:0;font-weight:800;color:var(--cran)}
.jb-prose p a,.jb-prose li a,.jb-prose td a,.jb-prose th a{color:var(--pine);font-weight:600}
.jb-prose p a:hover,.jb-prose li a:hover,.jb-prose td a:hover{color:var(--cran)}
.jb-prose>table,.jb-spec{width:100%;border-collapse:collapse;margin:1.2em 0 1.6em;border:var(--b);background:var(--paper);font-size:.96rem}
.jb-prose>table th,.jb-prose>table td,.jb-spec th,.jb-spec td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.jb-spec th{width:36%;font-weight:700;color:var(--muted)}
.jb-prose>ul.products{margin:1.6em 0 2em;max-width:none}
.jb-prose .jb-card a{font-weight:inherit}
.jb-prose .jb-card .jb-card__title a{color:var(--ink)}
.jb-prose .jb-card .button{color:var(--cream)}
.jb-note{border-left:4px solid var(--cran);background:var(--paper);padding:14px 18px;font-size:.95rem}
.jb-firma{border:var(--b);background:var(--paper);padding:18px 20px}
.jb-seo{border-top:var(--b);padding-block:clamp(48px,6vw,80px)}
.jb-seo__cols{max-width:none;column-count:2;column-gap:56px;font-size:.96rem;color:#3c3a33}
.jb-seo__cols h2{column-span:all;font-size:clamp(1.5rem,2.4vw,1.9rem)}
.jb-seo__cols h3{break-after:avoid;font-size:1.2rem}
.jb-seo__cols p,.jb-seo__cols ul{break-inside:avoid}
.jb-catcontent{max-width:880px}

/* ---------- zaglavlje stranica ---------- */
.jb-pagehead{padding-block:clamp(28px,4vw,48px) clamp(28px,4vw,44px);border-bottom:var(--b)}
.jb-pagehead--slim .jb-h1{font-size:clamp(1.9rem,3.6vw,2.7rem)}
.jb-pagehead--cat{background:var(--paper)}
.jb-crumbs{font-size:.84rem;color:var(--muted);margin-bottom:18px}
.jb-crumbs a{text-decoration:none}
.jb-crumbs a:hover{text-decoration:underline}
.jb-crumbs .separator,.jb-crumbs .sep{margin:0 8px;opacity:.6}
.jb-crumbs p{margin:0}
.jb-page{padding-block:clamp(32px,5vw,64px)}
.jb-404{padding-block:clamp(64px,10vw,140px)}

.jb-posts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.jb-post a{display:block;border:var(--b);background:var(--paper);padding:0 0 20px;text-decoration:none;height:100%}
.jb-post__img{display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:var(--b);margin-bottom:16px}
.jb-post__img img{width:100%;height:100%;object-fit:cover}
.jb-post .jb-kicker,.jb-post__title,.jb-post p{padding-inline:20px}
.jb-post .jb-kicker:first-child{padding-top:20px}
.jb-post__title{font-size:1.4rem;color:var(--pine)}

/* ---------- podnožje ---------- */
.jb-footer{background:var(--pine-d);color:var(--cream)}
.jb-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-block:clamp(48px,6vw,80px) 40px}
.jb-footer h2{font:700 .76rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.jb-footer ul{list-style:none}
.jb-footer li{margin-bottom:9px}
.jb-footer a{text-decoration:none;color:rgba(243,236,221,.86)}
.jb-footer a:hover{color:#fff;text-decoration:underline}
.jb-footer__brand p{color:rgba(243,236,221,.75);max-width:38ch;margin-top:16px}
.jb-footer__contact{display:flex;flex-direction:column;gap:8px}
.jb-footer__contact a,.jb-footer__contact span{display:flex;align-items:center;gap:10px}
.jb-footer__contact .jb-ico{width:18px;height:18px;color:var(--gold)}
.jb-footer__ship li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed rgba(243,236,221,.25);padding-bottom:9px}
.jb-footer__ship b{color:var(--gold)}
.jb-footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(243,236,221,.18);padding-block:20px 28px;font-size:.82rem;color:rgba(243,236,221,.6)}
.jb-footer__bottom p{margin:0}

/* ================= WooCommerce ================= */
.jb-main--shop .jb-wrap>.jb-crumbs{padding-top:22px}
.jb-shop{padding-block:clamp(28px,4vw,48px) clamp(48px,7vw,96px)}
.jb-shop__bar{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:20px}
.jb-shop__bar .woocommerce-notices-wrapper{flex:1}
.woocommerce-ordering{margin:0}
select,.woocommerce-ordering select{appearance:none;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2317140F' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;border:var(--b);padding:11px 38px 11px 13px;font-size:.95rem;cursor:pointer}
.woocommerce-pagination ul{list-style:none;display:flex;gap:6px;justify-content:center;margin-top:36px}
.woocommerce-pagination a,.woocommerce-pagination span{display:grid;place-items:center;min-width:44px;height:44px;border:var(--b);text-decoration:none;font-weight:700}
.woocommerce-pagination .current{background:var(--pine);color:var(--cream);border-color:var(--pine)}

/* obavještenja */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,.wc-block-components-notice-banner{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:14px 18px;background:var(--paper);border:var(--b);border-left:6px solid var(--pine);font-weight:600}
.woocommerce-error{border-left-color:var(--cran)}
.woocommerce-error li{margin:0}
.woocommerce-message .button,.woocommerce-info .button{order:2;padding:.55em .9em;font-size:.88rem}
.woocommerce-info{border-left-color:var(--gold)}

/* forme */
.input-text,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea{width:100%;padding:13px 14px;border:var(--b);background:var(--white);font-size:1rem;line-height:1.3;transition:border-color .15s,box-shadow .15s}
.input-text:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cran);box-shadow:0 0 0 3px rgba(179,38,46,.18)}
textarea{min-height:96px;resize:vertical}
.form-row{margin:0 0 16px}
.form-row label{display:block;font-weight:700;font-size:.92rem;margin-bottom:6px}
.form-row .required{color:var(--cran);text-decoration:none;border:0}
.form-row .optional{font-weight:400;color:var(--muted)}
.form-row .description{display:block;font-size:.82rem;color:var(--muted);margin-top:5px}
.woocommerce-invalid input.input-text,.input-text.is-bad{border-color:var(--cran);background:#fff8f8}
.jb-field-warn{display:block;margin-top:6px;color:var(--cran);font-weight:700;font-size:.85rem}
.jb-field-warn[hidden]{display:none}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.woocommerce-billing-fields__field-wrapper>.form-row,.woocommerce-address-fields__field-wrapper>.form-row{grid-column:1/-1}
.woocommerce-billing-fields__field-wrapper>.form-row-first,.woocommerce-address-fields__field-wrapper>.form-row-first{grid-column:1}
.woocommerce-billing-fields__field-wrapper>.form-row-last,.woocommerce-address-fields__field-wrapper>.form-row-last{grid-column:2}
#billing_country_field{display:none}
.quantity{display:inline-flex}
.quantity .qty{width:76px;text-align:center;font-weight:700;padding:13px 6px;-moz-appearance:textfield}
.quantity .qty::-webkit-inner-spin-button{opacity:1}

/* pojedinačni proizvod */
.single-product .jb-main--shop{padding-bottom:clamp(48px,7vw,96px)}
.single-product div.product{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4.5vw,64px);padding-top:8px}
.single-product div.product>.jb-flash{top:16px;left:16px}
.single-product div.product>.woocommerce-product-gallery{grid-column:1;grid-row:1}
.single-product div.product>.summary{grid-column:2;grid-row:1;align-self:start}
.single-product div.product>.jb-single__body,.single-product div.product>.related,.single-product div.product>.upsells{grid-column:1/-1}
.woocommerce-product-gallery{position:relative;margin:0}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery .flex-viewport,.woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{border:var(--b);background:var(--white)}
.woocommerce-product-gallery__image img{width:100%;height:auto}
.woocommerce-product-gallery__image a{display:block}
.flex-control-thumbs{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
.flex-control-thumbs img{cursor:pointer;border:1.5px solid var(--line);opacity:.62;transition:.15s;aspect-ratio:1;object-fit:cover;width:100%}
.flex-control-thumbs img:hover,.flex-control-thumbs img.flex-active{opacity:1;border-color:var(--ink)}
.woocommerce-product-gallery__trigger{position:absolute;top:12px;right:12px;z-index:4;width:44px;height:44px;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2317140F' stroke-width='1.8'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM16 16l5 5M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E") no-repeat center;border:var(--b);font-size:0;color:transparent;overflow:hidden}
.woocommerce-product-gallery__trigger img{display:none!important}
.summary .product_title{font-size:clamp(2rem,3.5vw,3rem);color:var(--pine);margin-bottom:.3em}
.jb-single__cat{margin-bottom:12px}
.jb-single__cat span{margin:0 6px;color:var(--muted)}
.summary>.price{font-size:1.75rem;margin-bottom:14px}
.summary>.price .jb-od{font-size:.8rem}
.woocommerce-product-details__short-description{font-size:1.06rem;color:#3c3a33;margin-bottom:22px}
form.cart{margin:0 0 22px;padding-top:20px;border-top:var(--b)}
form.cart:not(.variations_form),.woocommerce-variation-add-to-cart{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.single_add_to_cart_button{flex:1;font-size:1.08rem;padding:1em 1.4em;min-width:200px}
table.variations{width:100%;border-collapse:collapse;margin-bottom:12px}
table.variations tr{display:block;margin-bottom:12px}
table.variations th,table.variations td{display:block;padding:0;text-align:left}
table.variations th label{font:700 .76rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:10px}
table.variations select.jb-sel-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.reset_variations{display:inline-block;margin-top:10px;font-size:.85rem;color:var(--muted)}
.jb-sw{display:flex;flex-wrap:wrap;gap:6px}
.jb-sw button{min-width:66px;padding:11px 12px;border:var(--b);background:var(--paper);font:700 .98rem/1 var(--sans);cursor:pointer;transition:.12s}
.jb-sw button:hover{border-color:var(--cran);color:var(--cran)}
.jb-sw button[aria-checked=true]{background:var(--pine);border-color:var(--pine);color:var(--cream)}
.jb-sw button.is-out{text-decoration:line-through;opacity:.45}
.single_variation_wrap .woocommerce-variation{margin-bottom:14px}
.woocommerce-variation-price .price{font-size:1.5rem}
.stock{font-weight:700;margin:6px 0 0;font-size:.92rem}
.stock.in-stock{color:var(--pine)}
.stock.out-of-stock{color:var(--cran)}
.jb-trust{list-style:none;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:6px 0;margin:0 0 14px}
.jb-trust li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:.94rem;color:#3c3a33}
.jb-trust li+li{border-top:1px dashed var(--line)}
.jb-trust .jb-ico{width:22px;height:22px;color:var(--cran);margin-top:1px}
.jb-trust strong{color:var(--ink)}
.jb-single__hint{font-size:.92rem;color:var(--muted)}
.jb-single__body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,5vw,72px);border-top:var(--b);padding-top:clamp(32px,5vw,56px);margin-top:clamp(16px,3vw,32px)}
.jb-single__desc>h2:first-child{font-size:clamp(1.7rem,3vw,2.4rem)}
.jb-single__reviews h2,.woocommerce-Reviews-title{font-size:1.45rem;color:var(--pine)}
.related,.upsells{border-top:var(--b);padding-top:clamp(32px,5vw,56px);margin-top:clamp(32px,5vw,56px)}
.related>h2,.upsells>h2,.cross-sells>h2{font-size:clamp(1.6rem,3vw,2.3rem);color:var(--pine)}

/* recenzije */
.commentlist{list-style:none}
.commentlist li{border-bottom:1px solid var(--line);padding:14px 0}
.commentlist img.avatar{display:none}
.star-rating{position:relative;display:inline-block;width:5.6em;height:1.1em;overflow:hidden;font-size:.95rem;line-height:1.1;letter-spacing:.12em}
.star-rating::before{content:"★★★★★";position:absolute;inset:0;color:#d8ceb9}
.star-rating span{position:absolute;inset:0 auto 0 0;overflow:hidden;padding-top:1.5em}
.star-rating span::before{content:"★★★★★";position:absolute;top:0;left:0;color:var(--gold)}
p.stars a{display:inline-block;margin-right:4px;padding:4px 8px;border:1px solid var(--line);text-decoration:none;font-size:.85rem}
p.stars a.active,p.stars.selected a:not(.active){background:var(--gold);border-color:var(--gold)}
#review_form .comment-reply-title{font:400 1.25rem/1.3 var(--serif);display:block;margin:14px 0}
#respond input#submit{background:var(--pine);color:var(--cream);border:2px solid var(--pine);padding:.8em 1.2em;font-weight:700;cursor:pointer}

/* korpa */
.jb-woo{max-width:none}
table.shop_table{width:100%;border-collapse:collapse;border:var(--b);background:var(--paper);margin-bottom:24px}
table.shop_table th,table.shop_table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
table.shop_table thead th{font:700 .74rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--cream)}
.shop_table .product-thumbnail img{width:84px;border:var(--b)}
.shop_table .product-name a{font:400 1.12rem/1.25 var(--serif);text-decoration:none;color:var(--pine)}
.shop_table .product-name dl.variation{margin:6px 0 0;font-size:.88rem;color:var(--muted)}
.shop_table .product-name dl.variation dt,.shop_table .product-name dl.variation dd{display:inline;margin:0}
.shop_table .product-name dl.variation dd p{display:inline;margin:0}
.shop_table a.remove{display:grid;place-items:center;width:32px;height:32px;border:var(--b);text-decoration:none;font-size:1.3rem;line-height:1}
.shop_table a.remove:hover{background:var(--cran);color:var(--cream);border-color:var(--cran)}
.shop_table td.actions{text-align:right;background:var(--cream)}
.shop_table td.actions .coupon{display:none}
.woocommerce-cart-form .actions .button[name=update_cart]{background:transparent;color:var(--ink);border-color:var(--ink)}
.cart-collaterals{display:grid;grid-template-columns:1fr minmax(320px,420px);gap:32px;align-items:start}
.cart-collaterals .cross-sells{grid-column:1}
.cart_totals{grid-column:2;grid-row:1;border:var(--b);background:var(--paper);padding:22px}
.cart_totals h2{font-size:1.6rem;color:var(--pine)}
.cart_totals table.shop_table{border:0;background:none}
.cart_totals table th{width:40%}
.cart_totals .order-total td,.cart_totals .order-total th{font-size:1.15rem;font-weight:800;border-bottom:0}
.wc-proceed-to-checkout .checkout-button{display:flex;width:100%;font-size:1.1rem;padding:1.05em}
.cart-empty{font:400 1.4rem/1.4 var(--serif)}
.return-to-shop .button{margin-top:10px}
#shipping_method,.woocommerce-shipping-methods{list-style:none}
#shipping_method li,.woocommerce-shipping-methods li{margin-bottom:8px}
#shipping_method li label,.woocommerce-shipping-methods li label{font-weight:700}
#shipping_method input,.woocommerce-shipping-methods input{accent-color:var(--pine);margin-right:6px}
.jb-ship-note{display:block;font-size:.8rem;color:var(--muted);margin:2px 0 0 22px;font-weight:400}
.woocommerce-shipping-destination,.woocommerce-shipping-calculator{display:none}

/* narudžba */
form.checkout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(24px,4vw,56px);align-items:start}
form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
#customer_details{grid-column:1;grid-row:1/span 3}
#customer_details .col-1,#customer_details .col-2{width:100%;float:none}
#order_review_heading{grid-column:2;font-size:1.6rem;color:var(--pine);margin:0;padding:22px 22px 0;border:var(--b);border-bottom:0;background:var(--paper)}
#order_review{grid-column:2;border:var(--b);border-top:0;background:var(--paper);padding:10px 22px 22px;position:sticky;top:100px}
.woocommerce-billing-fields h3,.woocommerce-additional-fields h3{font-size:1.5rem;color:var(--pine)}
.woocommerce-checkout-review-order-table{border:0!important;background:none!important}
.woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td{font-size:1.15rem;font-weight:800}
#payment{margin-top:8px}
#payment ul.payment_methods{list-style:none;border-top:var(--b);padding-top:14px}
#payment ul.payment_methods li{margin-bottom:8px}
#payment ul.payment_methods li label{font-weight:800}
#payment ul.payment_methods li input{accent-color:var(--pine)}
#payment .payment_box{background:var(--cream);border:1px solid var(--line);padding:12px 14px;margin:8px 0;font-size:.92rem}
#payment .payment_box p{margin:0}
.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper{font-size:.85rem;color:var(--muted)}
.woocommerce-terms-and-conditions-checkbox-text{color:var(--ink)}
#place_order{width:100%;font-size:1.12rem;padding:1.05em;margin-top:14px;background:var(--cran);border-color:var(--cran)}
#place_order:hover{background:var(--pine);border-color:var(--pine)}
.woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle{display:none}
.blockUI.blockOverlay{background:rgba(243,236,221,.65)!important}

/* hvala */
.woocommerce-order>.woocommerce-notice,.woocommerce-thankyou-order-received{font:400 clamp(1.6rem,3vw,2.2rem)/1.25 var(--serif);color:var(--pine);margin-bottom:22px}
ul.woocommerce-order-overview{list-style:none;display:flex;flex-wrap:wrap;border:var(--b);background:var(--paper);margin-bottom:28px}
ul.woocommerce-order-overview li{flex:1 1 160px;padding:14px 18px;border-right:1px solid var(--line);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
ul.woocommerce-order-overview li strong{display:block;text-transform:none;letter-spacing:0;font-size:1.05rem;color:var(--ink);margin-top:4px}
.woocommerce-customer-details address{font-style:normal;border:var(--b);background:var(--paper);padding:16px}

/* moj račun */
.woocommerce-account .jb-woo .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:32px}
.woocommerce-MyAccount-navigation ul{list-style:none;border:var(--b)}
.woocommerce-MyAccount-navigation a{display:block;padding:11px 14px;text-decoration:none;border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation .is-active a{background:var(--pine);color:var(--cream)}

/* ================= responzivno ================= */
@media (max-width:1100px){
	.jb-header__tel span{display:none}
	ul.jb-grid--4,.related ul.products,.upsells ul.products,.cross-sells ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
	ul.jb-grid--4>li:nth-child(n+7){display:none}
}
@media (max-width:960px){
	.jb-burger{display:inline-flex}
	.jb-header__tel{display:none}
	.jb-nav{position:fixed;inset:var(--jb-head,113px) 0 0 0;background:var(--pine);color:var(--cream);padding:18px var(--gut) 40px;overflow-y:auto;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.7,.2,1);visibility:hidden;z-index:49}
	.jb-nav.is-open{transform:none;visibility:visible}
	body.jb-nav-open{overflow:hidden}
	body.jb-nav-open .jb-burger__open{display:none}
	body.jb-nav-open .jb-burger__close{display:block}
	.jb-nav__list{flex-direction:column;align-items:stretch;gap:0}
	.jb-nav__list>li>a{font:400 1.7rem/1.2 var(--serif);padding:16px 0;border-bottom:1px solid rgba(243,236,221,.18)}
	.jb-nav__list>li>a:hover,.jb-nav__list>li.current-menu-item>a{color:var(--gold);border-bottom-color:rgba(243,236,221,.18)}
	.jb-nav__list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;padding:4px 0 10px 14px;min-width:0}
	.jb-nav__list .sub-menu a{padding:8px 0;font-size:1rem}
	.jb-nav__list .menu-item-has-children>a::after{display:none}
	.jb-nav__extra{display:flex;flex-direction:column;gap:12px;margin-top:28px;font-size:.95rem}
	.jb-nav__extra a,.jb-nav__extra p{display:flex;align-items:center;gap:10px;margin:0;text-decoration:none}
	.jb-nav__extra .jb-ico{color:var(--gold)}
	.jb-hero__in,.jb-visina__in,.jb-vs__in,.jb-faq__in{grid-template-columns:1fr}
	.jb-faq__head{position:static}
	.jb-hero__fig{max-width:560px}
	.jb-ng__in{grid-template-columns:1fr;gap:16px}
	.jb-tri__grid,.jb-steps__list{grid-template-columns:1fr}
	.jb-steps__list li{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:22px 0}
	.jb-cats{grid-template-columns:1fr}
	.jb-sec__head--row{flex-direction:column;align-items:flex-start}
	.jb-footer__grid{grid-template-columns:1fr 1fr}
	.jb-footer__brand{grid-column:1/-1}
	.single-product div.product{grid-template-columns:1fr}
	.single-product div.product>.summary{grid-column:1;grid-row:auto;position:static}
	.jb-single__body{grid-template-columns:1fr}
	form.checkout{grid-template-columns:1fr}
	#customer_details,#order_review_heading,#order_review{grid-column:1;grid-row:auto;position:static}
	#order_review_heading{margin-top:24px}
	.cart-collaterals{grid-template-columns:1fr}
	.cart_totals{grid-column:1;grid-row:auto}
	.jb-posts{grid-template-columns:1fr 1fr}
	.woocommerce-account .jb-woo .woocommerce{grid-template-columns:1fr}
}
@media (max-width:700px){
	body{font-size:16px}
	.jb-topbar p.jb-topbar__mid,.jb-topbar__in>p:first-child{display:none}
	.jb-topbar__in{justify-content:center}
	.jb-header__in{min-height:66px;gap:12px}
	.jb-logo__mark{width:36px}
	.jb-logo__word{font-size:1.45rem}
	ul.products,ul.jb-grid,ul.jb-grid--4,.related ul.products,.upsells ul.products,.cross-sells ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	ul.jb-grid--4>li:nth-child(n+7){display:flex}
	.jb-card__body{padding:12px 10px 14px;gap:8px}
	.jb-card__title{font-size:1.05rem}
	.jb-card__chips li{font-size:.68rem;padding:4px}
	.jb-card__foot{flex-direction:column;align-items:stretch}
	.jb-card .button,.jb-card .added_to_cart{width:100%}
	.price{font-size:1.02rem}
	.jb-hero__facts{grid-template-columns:repeat(3,1fr)}
	.jb-hero__facts div{padding-right:12px;margin-right:12px}
	.jb-hero__facts dd{font-size:1.2rem}
	.jb-hero__cta .jb-btn{flex:1 1 100%}
	.jb-hero__tag{left:-6px}
	.jb-visina__fig{margin-inline:calc(var(--gut) * -1 + 6px)}
	.jb-vs__table{font-size:.9rem}
	.jb-vs__table th,.jb-vs__table td{padding:11px 10px}
	.jb-seo__cols{column-count:1}
	.jb-footer__grid{grid-template-columns:1fr}
	.jb-posts{grid-template-columns:1fr}
	.jb-faq__a{padding-right:0}
	.woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
	.woocommerce-billing-fields__field-wrapper>.form-row-first,.woocommerce-billing-fields__field-wrapper>.form-row-last{grid-column:1/-1}
	table.shop_table_responsive thead{display:none}
	table.shop_table_responsive tr{display:block;border-bottom:var(--b);padding:8px 0}
	table.shop_table_responsive td{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;padding:8px 14px;text-align:right}
	table.shop_table_responsive td::before{content:attr(data-title);font-weight:700;font-size:.82rem;color:var(--muted);text-align:left}
	table.shop_table_responsive td.product-remove::before,table.shop_table_responsive td.product-thumbnail::before,table.shop_table_responsive td.actions::before{display:none}
	table.shop_table_responsive td.product-thumbnail{justify-content:flex-start}
	.single_add_to_cart_button{min-width:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* cjenovnik */
.jb-cjenovnik thead th{font:700 .74rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--cream)}
.jb-cjenovnik tbody th{color:var(--pine);font-weight:800;width:auto}
.jb-cjenovnik small{display:block;color:var(--muted);font-size:.8rem}
.jb-cjenovnik a{font-weight:800}
.jb-cjenovnik td{white-space:nowrap}
.jb-cjenovnik td:nth-child(3){white-space:normal}

/* landing: tekst uzak, mreža proizvoda široka */
.jb-prose--page{max-width:none}
.jb-prose--page>*:not(.products){max-width:74ch}
.jb-prose--page>.jb-spec,.jb-prose--page>table{max-width:880px}