/* PROgraf Plus — 📓 rokovnik, stran izdelka 1.90.0: standardna postavitev (product.css) + 4 odprte sekcije.
   Velja samo za .prograf-rok--v2 (koledar uporablja rokovnik-product.css brez sprememb). */
.prograf-rok--v2{--ink:#1a1a1a;--ink2:#374151;--muted:#707070;--line:#e5e7eb;--line2:#d1d5db;--soft:#f0f9f5;--page:#fff;
  --acc:var(--prograf-primary,#2a6049);--acc-d:#1d4534;--acc-s:#f0f9f5;max-width:none;margin:0;padding:0}
.prograf-rok--v2 button,.prograf-rok--v2 .button{text-transform:none!important;letter-spacing:normal!important;font-weight:inherit;min-height:0;margin:0;line-height:1.3;box-shadow:none}
.prograf-rok--v2 input,.prograf-rok--v2 textarea{margin:0;box-shadow:none}
/* 1.90.5: kvadraten okvir, slika vedno cela (Flatsome zna nastaviti height:auto → rezanje) */
.prograf-rok--v2 .prograf-product__lifestyle{aspect-ratio:1/1;background:#fff}
.prograf-rok--v2 .prograf-product__lifestyle img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;padding:0!important;background:#fff}
.prograf-rok--v2 .prograf-thumb img{object-fit:contain!important;background:#fff}
.prograf-rok--v2 .prograf-product__placeholder .dashicons{font-size:80px;width:80px;height:80px}

/* predogled — desno, kompakten */
.prograf-rok--v2 .prograf-rok__viewer{position:static;border:1px solid var(--line);border-radius:14px;background:#fafafa;overflow:hidden;margin-bottom:16px}
.prograf-rok--v2 .prograf-rok__stage{min-height:0;height:260px;padding:8px}
.prograf-rok--v2 .prograf-rok__stage canvas{max-height:244px;width:auto;max-width:100%;margin:0 auto}
.prograf-rok--v2 .prograf-rok__stage canvas.cov{max-width:100%}
.prograf-rok--v2 .prograf-rok__viewer-controls{padding:8px 12px;gap:6px}
.prograf-rok__seg{display:inline-flex;border:1px solid var(--line2);border-radius:999px;overflow:hidden;background:#fff}
.prograf-rok--v2 .prograf-rok__view{border:0;border-radius:0;padding:5px 12px;font-size:13px;background:#fff;color:var(--ink)}
.prograf-rok--v2 .prograf-rok__view.is-active{background:var(--ink);color:#fff}
.prograf-rok--v2 .prograf-rok__hint{font-size:11.5px}

/* 1.90.6: konfigurator v slogu ostalih izdelkov (prograf-cfg-section, method-card, cfg-toggle, qty-stepper, qty-table) */
.prograf-rok--v2{--acc:var(--c-primary,#2a6049);--acc-s:var(--c-primary-soft,#f0f9f5)}
.prograf-rok--v2 .prograf-rok__config{display:block}
.prograf-rok--v2 .prograf-rok__sec{border:0;border-radius:0;background:transparent;padding:22px 0 0;margin:0 0 22px!important;border-top:1px solid var(--c-border,#e8e8e8)}
.prograf-rok--v2 .prograf-rok__sec:first-child{border-top:0;padding-top:0}
.prograf-rok--v2 .prograf-cfg-section__title{margin:0 0 16px!important}
.prograf-rok--v2 .prograf-cfg-section__num{background:var(--acc);color:#fff}
/* vrstice: oznaka nad možnostmi */
.prograf-rok--v2 .prograf-rok__row{display:block;margin:0 0 16px}
.prograf-rok--v2 .prograf-rok__rl{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text,#282828);margin:0 0 8px}
/* kartice vrste in velikosti */
.prograf-rok--v2 #kinds.prograf-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.prograf-rok--v2 #sizes.prograf-method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;gap:8px!important}
.prograf-product.prograf-rok--v2 .prograf-method-card{min-height:0;padding:12px 14px!important;gap:3px!important}
.prograf-rok--v2 .prograf-method-card__title{margin-right:0!important;font-weight:700;font-size:14px}
.prograf-rok--v2 .prograf-method-card__desc{font-size:12px;color:var(--c-text-muted,#607d8b)}
.prograf-rok--v2 .prograf-rok__opt-delta{font-size:11.5px;font-weight:600;color:var(--c-text-muted,#607d8b)}
.prograf-rok--v2 .prograf-method-card.is-disabled{opacity:.4;cursor:not-allowed}
.prograf-rok--v2 .prograf-rok__kind-ico,.prograf-rok--v2 #kinds img.emoji{display:none!important}
/* stikala (platnice, tisk) */
.prograf-product.prograf-rok--v2 .prograf-cfg-toggle{display:flex!important;width:100%;margin-bottom:0!important;flex-wrap:wrap}
.prograf-product.prograf-rok--v2 .prograf-cfg-toggle__btn{flex:1 1 auto;padding:10px 14px!important;white-space:nowrap}
/* barve špirale */
.prograf-rok__swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prograf-rok__swatch{width:32px;height:32px;padding:2px!important;border:2px solid var(--c-border-strong,#d0d0d0)!important;border-radius:50%!important;background:#fff!important;cursor:pointer;min-height:0!important}
.prograf-rok__swatch span{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.prograf-rok__swatch.is-active{border-color:var(--acc)!important;box-shadow:0 0 0 2px var(--acc-s)}
.prograf-rok__swatch-name{font-size:13px;color:var(--c-text-muted,#607d8b)}
/* kompleti */
.prograf-rok__kits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
@media(max-width:480px){.prograf-rok__kits{grid-template-columns:minmax(0,1fr)}}
.prograf-rok__kit{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px!important;border:1.5px solid var(--c-border,#e8e8e8)!important;border-radius:var(--r-md,10px)!important;background:#fff!important;color:var(--c-text,#282828)!important;cursor:pointer;font:inherit;min-height:0!important;text-transform:none!important;box-shadow:none!important}
.prograf-rok__kit:hover{border-color:var(--c-text-subtle,#b0bec5)!important}
.prograf-rok__kit b{font-size:14px}
.prograf-rok__kit span{font-size:12px;color:var(--c-text-muted,#607d8b)}
.prograf-rok__kit.is-active{border-color:var(--acc)!important;background:var(--acc-s)!important}
.prograf-rok__custom{border-top:1px dashed var(--c-border-strong,#d0d0d0);margin-top:8px;padding-top:12px}
.prograf-rok__range{display:flex;align-items:center;gap:12px}
.prograf-rok__range input[type=range]{flex:1;accent-color:var(--acc);min-width:0;padding:0;border:0}
.prograf-rok__ok{color:#047857;font-weight:600}
.prograf-rok__more{display:inline-block;background:none!important;border:0!important;padding:6px 0!important;color:var(--acc)!important;font-weight:600!important;font-size:14px;cursor:pointer;min-height:0!important;text-transform:none!important;box-shadow:none!important}
#prograf-rokovnik .hide-all{display:none}
/* polja — enako kot drugje (mere po meri) */
.prograf-rok--v2 .prograf-rok__field{display:flex;flex-direction:column;gap:6px;margin:0}
.prograf-rok--v2 .prograf-rok__field>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text,#282828)}
.prograf-product.prograf-rok--v2 .prograf-rok__field input[type=text],.prograf-product.prograf-rok--v2 .prograf-rok__field textarea,
.prograf-product.prograf-rok--v2 .prograf-rok__range input[type=number],.prograf-product.prograf-rok--v2 #blks input[type=number]{
  width:100%;box-sizing:border-box;padding:12px 14px!important;border:1.5px solid var(--c-border-strong,#d0d0d0)!important;border-radius:var(--r-md,10px)!important;
  font-size:15px!important;line-height:1.4!important;background:#fff!important;color:var(--c-text,#282828);height:auto!important;min-height:0!important;margin:0!important;box-shadow:none!important}
.prograf-product.prograf-rok--v2 .prograf-rok__field textarea{min-height:84px;resize:vertical}
.prograf-product.prograf-rok--v2 .prograf-rok__range input[type=number]{width:84px;text-align:center;font-weight:700}
.prograf-product.prograf-rok--v2 .prograf-rok__field input:focus,.prograf-product.prograf-rok--v2 .prograf-rok__field textarea:focus{border-color:var(--acc)!important;outline:none}
.prograf-rok--v2 .prograf-rok__grid--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:560px){.prograf-rok--v2 .prograf-rok__grid--2{grid-template-columns:minmax(0,1fr)}}
.prograf-rok--v2 .prograf-rok__upload{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:12px 14px;border:1.5px dashed var(--c-border-strong,#d0d0d0);border-radius:var(--r-md,10px);background:#fff;cursor:pointer;width:100%;box-sizing:border-box}
.prograf-rok--v2 .prograf-rok__upload .ph{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--acc-s);font-size:18px}
.prograf-rok--v2 .prograf-rok__upload img{flex:0 0 40px;width:40px;height:40px;object-fit:contain}
.prograf-rok--v2 .prograf-rok__upload{position:relative}
.prograf-rok--v2 .prograf-rok__upload input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;border:0}   /* 1.91.36: dosegljivo s tipkovnico */
.prograf-rok--v2 .prograf-rok__upload:focus-within{outline:2px solid var(--c-primary,#2a6049);outline-offset:2px}
/* količina: standardni stepper + tabela */
.prograf-rok--v2 .prograf-qty-stepper input#qty{width:90px;height:44px;padding:0!important;margin:0!important;border-top:0!important;border-bottom:0!important;border-radius:0!important}
.prograf-rok--v2 .prograf-qty-presets-wrap{margin-top:10px}
.prograf-rok--v2 .prograf-qty-cell-total{font-weight:600}
/* cena, CTA */
.prograf-rok--v2 .prograf-rok__pricing{margin:4px 0 14px}
.prograf-product.prograf-rok--v2 .prograf-rok__cta{width:100%;margin-top:4px}
.prograf-rok--v2 .prograf-rok__mbar button{background:var(--acc);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600}
.prograf-rok--v2 .prograf-product__right{min-width:0}
/* mini predogled na telefonu: spodaj levo nad vrstico s ceno (ne pokriva glave) */
@media(max-width:900px){.prograf-rok--v2 .prograf-rok__mini{top:auto;right:auto;left:10px;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:104px}
  .prograf-rok--v2 .prograf-rok__mini span{font-size:10px}}
/* telefon/tablica: slika → konfigurator → opis */
@media(max-width:1100px){
  .prograf-rok--v2 .prograf-product__body{display:flex;flex-direction:column}
  .prograf-rok--v2 .prograf-product__left{display:contents}
  .prograf-rok--v2 .prograf-product__lifestyle{order:1}
  .prograf-rok--v2 .prograf-product__thumbs{order:2}
  .prograf-rok--v2 .prograf-product__right{order:3}
  .prograf-rok--v2 .prograf-product__description{order:4}
  .prograf-rok--v2 .prograf-product__body>*:not(.prograf-product__left){order:5}
  .prograf-rok--v2 .prograf-product__body>.prograf-product__right{order:3}   /* 1.91.38: prej je zgornje pravilo (večja specifičnost) dalo konfiguratorju 5 → opis nad konfiguratorjem */
}
/* 1.90.6 dopolnila */
.prograf-rok--v2 .prograf-rok__config{border:0;border-radius:0;padding:0;background:transparent}
.prograf-rok--v2 .prograf-rok__label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text,#282828);margin:0 0 8px}
.prograf-rok--v2 .prograf-rok__note{margin:8px 0 16px}
.prograf-rok--v2 .prograf-qty-cell-qty,.prograf-rok--v2 .prograf-qty-cell-price,.prograf-rok--v2 .prograf-qty-cell-total{white-space:nowrap}
.prograf-rok--v2 .prograf-rok__pricing td:last-child,.prograf-rok--v2 .prograf-rok__pricing .r{white-space:nowrap}
.prograf-product.prograf-rok--v2 .prograf-rok__cta{background:var(--c-primary,#2a6049)!important;color:#fff!important;border-radius:var(--r-md,10px)!important}
.prograf-product.prograf-rok--v2 .prograf-rok__cta:hover:not(:disabled){background:var(--c-primary-dark,#1d4534)!important}
.prograf-product.prograf-rok--v2 .prograf-rok__cta:disabled{opacity:.5}
.prograf-rok--v2 .prograf-rok__pricing li>span:last-child{white-space:nowrap;padding-left:10px}
.prograf-rok--v2 .prograf-rok__fixed{display:inline-block;font-size:14px;font-weight:600;color:var(--c-text,#282828);padding:10px 14px;border:1.5px solid var(--c-border,#e8e8e8);border-radius:var(--r-md,10px);background:var(--c-bg-alt,#f7f8f9)}
/* 1.91.1: osnovne + dodatne strani, sheme, povzetek, flipbook, galerija */
.prograf-rok--v2 .prograf-rok__rls{text-transform:none;letter-spacing:0;font-weight:400;color:var(--c-text-muted,#607d8b);font-size:12px}
.prograf-rok__pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.prograf-rok__pg{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px!important;border:1.5px solid var(--c-border,#e8e8e8)!important;border-radius:10px!important;background:#fff!important;cursor:pointer;font:inherit;color:var(--c-text,#282828)!important;text-transform:none!important;min-height:0!important;box-shadow:none!important;text-align:center}
.prograf-rok__pg:hover{border-color:#b0bec5!important}
.prograf-rok__pg.is-on{border-color:var(--acc)!important;background:var(--acc-s)!important}
.prograf-rok__pg-th{display:block;width:100%;background:#fff;border:1px solid var(--c-border,#e8e8e8);border-radius:4px;overflow:hidden;margin-bottom:4px}
.prograf-rok__pg-th img{display:block;width:100%;height:100%;object-fit:cover}
.prograf-rok__pg b{font-size:12.5px;line-height:1.25}
.prograf-rok__pg>span:last-child{font-size:11.5px;color:var(--c-text-muted,#607d8b);line-height:1.25}
.prograf-rok__pg-ok{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:var(--acc);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:2}
.prograf-rok__pg-zoom{position:absolute;top:5px;left:5px;width:24px;height:24px;border-radius:6px;background:rgba(255,255,255,.94);border:1px solid var(--c-border,#e8e8e8);font-size:12px;display:flex;align-items:center;justify-content:center;z-index:2}
.prograf-rok__schemes{display:flex;flex-wrap:wrap;gap:6px}
.prograf-rok__sch{display:inline-flex!important;align-items:center;gap:6px;padding:6px 10px!important;border:1.5px solid var(--c-border,#e8e8e8)!important;border-radius:99px!important;background:#fff!important;color:var(--c-text,#282828)!important;font:inherit;font-size:13px!important;cursor:pointer;min-height:0!important;text-transform:none!important;box-shadow:none!important}
.prograf-rok__sch.is-active{border-color:var(--acc)!important;background:var(--acc-s)!important}
.prograf-rok__sch:disabled{opacity:.45;cursor:not-allowed}
.prograf-rok__sch-dot{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.prograf-rok__sum{border:1px solid var(--c-border,#e8e8e8);border-radius:12px;padding:12px 14px;background:#fafafa;margin:4px 0 12px}
.prograf-rok__sum-top{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.prograf-rok__sum-top span{color:var(--c-text-muted,#607d8b);font-size:13px}
.prograf-rok__sum-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:#eceff1;margin:8px 0}
.prograf-rok__sum-bar i{display:block;height:100%}
.prograf-rok__sum-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--c-text-muted,#607d8b);margin-bottom:10px}
.prograf-rok__sum-leg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px;border:1px solid #cfd4d8}
.prograf-rok__fb-btn{background:var(--acc)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:10px 16px!important;font:inherit;font-weight:600!important;cursor:pointer;text-transform:none!important;min-height:0!important}
.prograf-rok__sum-hint{font-size:12px;color:var(--c-text-muted,#607d8b);margin-left:10px}
/* lightbox in flipbook (pripeta na body) */
.prograf-rok-lb,.prograf-rok-fb{position:fixed;inset:0;z-index:100100;background:rgba(18,22,26,.86);display:none;flex-direction:column;align-items:center;justify-content:center;padding:16px;font-family:inherit}
.prograf-rok-lb.is-open,.prograf-rok-fb.is-open{display:flex}
.prograf-rok-lb{cursor:zoom-out}
.prograf-rok-lb__in{max-width:min(1100px,100%);text-align:center;color:#fff}
.prograf-rok-lb__pp{display:flex;gap:4px;justify-content:center}
.prograf-rok-lb__pp img{max-height:84vh;max-width:49%;background:#fff;border-radius:3px}
.prograf-rok-lb__in p{margin:10px 0 0;font-size:14px;opacity:.85}
.prograf-rok-fb__top{display:flex;align-items:center;gap:12px;color:#fff;width:min(1000px,100%);margin-bottom:10px}
.prograf-rok-fb__top b{flex:1;font-size:15px}
.prograf-rok-fb__top span{font-size:13px;opacity:.8}
.prograf-rok-fb button{background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:8px;padding:8px 12px;font:inherit;cursor:pointer;min-height:0;text-transform:none;letter-spacing:0;margin:0;box-shadow:none}
.prograf-rok-fb__book{position:relative;width:min(1000px,100%);max-height:72vh;perspective:2600px;margin:0 auto}
.prograf-rok-fb__l,.prograf-rok-fb__r{position:absolute;top:0;width:50%;height:100%;background:#fff;overflow:hidden}
.prograf-rok-fb__l{left:0;border-radius:5px 0 0 5px;box-shadow:inset -16px 0 22px -16px rgba(0,0,0,.4)}
.prograf-rok-fb__r{right:0;border-radius:0 5px 5px 0;box-shadow:inset 16px 0 22px -16px rgba(0,0,0,.4)}
.prograf-rok-fb__l img,.prograf-rok-fb__r img,.prograf-rok-fb__leaf img{display:block;width:100%;height:100%;object-fit:fill}
.prograf-rok-fb__sp{position:absolute;left:50%;top:1.5%;bottom:1.5%;width:3%;transform:translateX(-50%);z-index:6;background-image:repeating-linear-gradient(to bottom,transparent 0 .9%,#d5dadd .9% 1.5%,#8f989f 1.5% 1.9%,transparent 1.9% 2.7%)!important}
.prograf-rok-fb__leaf{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,.1,.2,1);z-index:5}
.prograf-rok-fb__leaf .f,.prograf-rok-fb__leaf .k{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;overflow:hidden}
.prograf-rok-fb__leaf .k{transform:rotateY(180deg)}
.prograf-rok-fb__leaf.is-turn{transform:rotateY(-180deg)}
.prograf-rok-fb__nav{display:flex;align-items:center;gap:12px;color:#fff;margin-top:12px;font-size:13px}
.prograf-rok-fb__nav button{width:44px;height:44px;border-radius:50%!important;background:#fff!important;color:#1a1a1a!important;font-size:16px;padding:0!important}
.prograf-rok-fb__strip{display:flex;gap:8px;overflow-x:auto;max-width:min(1000px,100%);margin-top:12px;padding-bottom:4px}
.prograf-rok-fb__strip button{flex:0 0 auto;width:74px;padding:4px!important;background:rgba(255,255,255,.08)!important;border:2px solid transparent!important;opacity:.75}
.prograf-rok-fb__strip button.is-on{border-color:#7fd1a8!important;opacity:1}
.prograf-rok-fb__strip img{display:block;width:100%;height:auto;background:#fff;border-radius:2px}
.prograf-rok-fb__strip span{display:block;font-size:10px;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.prograf-rok-fb__book{width:100%}.prograf-rok-fb__nav span{display:none}}
/* galerija v opisu */
.prograf-rok__gal{margin-top:24px}
.prograf-rok__gal-h{font-size:20px!important;margin:0 0 4px!important}
.prograf-rok__gal-p{color:var(--c-text-muted,#607d8b);font-size:14px;margin:0 0 12px}
.prograf-rok__gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.prograf-rok__gal-it{margin:0;background:#fff;border:1px solid var(--c-border,#e8e8e8);border-radius:12px;padding:8px;cursor:zoom-in}
.prograf-rok__gal-it>span{display:block;border:1px solid var(--c-border,#e8e8e8);border-radius:3px;overflow:hidden;background:#fff}
.prograf-rok__gal-it img{display:block;width:100%;height:100%}
.prograf-rok__gal-it figcaption{font-size:12.5px;color:var(--c-text-muted,#607d8b);margin-top:6px;line-height:1.3}
.prograf-rok__gal-it figcaption b{display:block;color:var(--c-text,#282828);font-size:13.5px}
/* 1.91.35: emoji WordPress (img.emoji) vedno v velikosti črke — tudi če tema/optimizacija odstrani slog emojijev */
.prograf-rok img.emoji,.prograf-rok-fb img.emoji,.prograf-rok-lb img.emoji{display:inline!important;width:1em!important;height:1em!important;max-width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;border:0!important;box-shadow:none!important;background:none!important;padding:0!important}
.prograf-rok-fb__top{flex:0 0 auto}
.prograf-rok-fb__book{flex:0 0 auto}
@media(max-width:900px){.prograf-rok--v2{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}}   /* 1.91.36: prostor za spodnjo vrstico s ceno */
/* 1.91.41: obseg kot kartice (strani) */
.prograf-rok--v2 .prograf-rok__pgopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:10px}
.prograf-rok--v2 .prograf-rok__pgopts.hide{display:none}
.prograf-rok--v2 .prograf-rok__pgopt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--c-border,#e2e5e7)!important;background:#fff!important;border-radius:12px!important;padding:12px 12px 10px!important;margin:0!important;cursor:pointer;color:var(--c-text,#1d2327)!important;font:inherit;text-transform:none!important;letter-spacing:0!important;min-height:0;box-shadow:none;transition:border-color .12s,box-shadow .12s}
.prograf-rok--v2 .prograf-rok__pgopt:hover{border-color:var(--acc,#2aa3a0)!important}
.prograf-rok--v2 .prograf-rok__pgopt.is-on{border-color:var(--acc,#2aa3a0)!important;box-shadow:0 0 0 3px var(--acc-s,#e8f6f5)}
.prograf-rok--v2 .prograf-rok__pgopt b{font-size:20px;line-height:1.1;font-weight:800}
.prograf-rok--v2 .prograf-rok__pgopt b span{font-size:13px;font-weight:600;color:var(--c-text-muted,#6b7280)}
.prograf-rok--v2 .prograf-rok__pgopt small{font-size:12px;color:var(--c-text-muted,#6b7280)}
.prograf-rok--v2 .prograf-rok__pgopt em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--acc,#2aa3a0);margin-top:4px;min-height:1em}
.prograf-rok--v2 .prograf-rok__pgopt-tag{position:absolute;top:-9px;right:10px;background:var(--acc,#2aa3a0);color:#fff;font-size:10.5px;font-weight:700;border-radius:99px;padding:1px 8px}
@media(max-width:640px){.prograf-rok--v2 .prograf-rok__pgopts{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 1.91.43: predogled je nad količino → mini predogled tudi na računalniku (spodaj desno), dokler glavni ni viden */
@media(min-width:901px){.prograf-rok--v2 .prograf-rok__mini{top:auto;bottom:20px;right:20px;width:170px;cursor:pointer}.prograf-rok--v2 .prograf-rok__mini.show{display:block}}
.prograf-rok--v2 .prograf-rok__viewer+.prograf-rok__sum{margin:0 0 24px}   /* 1.91.44 */

/* 1.91.60: Prelistaj = odprt pogled — rob platnice (--fx/--fy), strani (--fw/--fh), razmik ob hrbtu (--fg), trak s členi (--fsw), list se obrača okrog sredine hrbta (--flo) */
.prograf-rok-fb__book.is-geo .prograf-rok-fb__l,.prograf-rok-fb__book.is-geo .prograf-rok-fb__r,.prograf-rok-fb__book.is-geo .prograf-rok-fb__leaf{top:var(--fy);height:var(--fh);width:var(--fw);border-radius:0}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__l{left:var(--fx);right:auto}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__r,.prograf-rok-fb__book.is-geo .prograf-rok-fb__leaf{left:calc(var(--fx) + var(--fw) + var(--fg));right:auto}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__leaf{transform-origin:var(--flo) 50%}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__cl,.prograf-rok-fb__book.is-geo .prograf-rok-fb__cr{position:absolute;top:0;height:100%;width:calc(var(--fx) + var(--fw));box-shadow:0 10px 28px rgba(0,0,0,.35);border-radius:2px}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__cl{left:0;transform:scaleX(-1)}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__cr{left:calc(var(--fx) + var(--fw) + var(--fg))}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__spi{position:absolute;top:var(--fy);height:var(--fh);width:var(--fsw);left:50%;transform:translateX(-50%);z-index:7;pointer-events:none;user-select:none}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__sp{left:50%;top:var(--fy);bottom:var(--fy)}
.prograf-rok-fb__book.is-geo .prograf-rok-fb__gap{position:absolute;top:0;height:100%;left:calc(var(--fx) + var(--fw));width:var(--fg);background:linear-gradient(90deg,#d9dde0,#f1f3f4 50%,#d9dde0)}
.prograf-rok__pg.is-fixed{cursor:default}.prograf-rok__pg.is-fixed .prograf-rok__pg-zoom{cursor:pointer}   /* 1.91.84: naslovna stran — vedno vključena */
/* ═════════ 1.91.85: več osnovnih strani — »Kako jih razporedim?« ═════════ */
.prograf-rok__pg-side{position:absolute;left:6px;bottom:auto;top:34px;z-index:2;background:var(--c-primary,#2b7a78);color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:1px 7px}
.prograf-rok__how{margin-top:12px;border:1.5px solid var(--c-primary,#3a9d9b);border-radius:12px;background:#fbfefe;padding:12px}
.prograf-rok__how[hidden]{display:none}
.prograf-rok__how-q{font-weight:700;font-size:14px;margin-bottom:8px}
.prograf-rok__how-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.prograf-rok__how-mode{border:1.5px solid var(--c-border,#e3e6e6)!important;border-radius:10px!important;background:#fff!important;padding:9px 11px!important;text-align:left;cursor:pointer;font:inherit;color:inherit!important;text-transform:none!important;min-height:0!important;box-shadow:none!important;margin:0!important;display:block}
.prograf-rok__how-mode.is-on{border-color:var(--c-primary,#3a9d9b)!important;background:#eaf5f4!important}
.prograf-rok__how-mode[disabled]{opacity:.45;cursor:not-allowed}
.prograf-rok__how-mode b{display:block;font-size:13.5px;line-height:1.3}
.prograf-rok__how-mode small{display:block;color:#6b7072;font-size:12px;line-height:1.35;font-weight:400}
.prograf-rok__split{position:relative;height:40px;border-radius:9px;overflow:hidden;display:flex;user-select:none;touch-action:none;border:1px solid var(--c-border,#e3e6e6)}
.prograf-rok__split-seg{display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;min-width:0}
.prograf-rok__split-seg em{font-style:normal;font-weight:400;margin-left:4px;opacity:.9}
.prograf-rok__split-hd{position:absolute;top:0;bottom:0;width:24px;margin-left:-12px;cursor:ew-resize;z-index:2;display:flex;align-items:center;justify-content:center}
.prograf-rok__split-hd::after{content:"";width:6px;height:26px;border-radius:4px;background:#fff;box-shadow:0 0 0 1.5px rgba(0,0,0,.25)}
.prograf-rok__split-hd:focus-visible::after{box-shadow:0 0 0 3px var(--c-primary,#2b7a78)}
.prograf-rok__split-rows{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.prograf-rok__split-row{display:flex;align-items:center;gap:10px;font-size:13.5px}
.prograf-rok__split-row>i{width:12px;height:12px;border-radius:3px;flex:0 0 auto}
.prograf-rok__split-row>span:first-of-type{flex:1;min-width:0}
.prograf-rok__split-row small{color:#6b7072;font-size:12px;width:64px;text-align:right}
.prograf-rok__stp{display:inline-flex;align-items:center;border:1px solid #c3c8c8;border-radius:8px;overflow:hidden;background:#fff}
.prograf-rok__stp button{border:0!important;background:#f4f5f5!important;width:32px;height:32px;padding:0!important;margin:0!important;min-height:0!important;font-size:17px;line-height:1;color:#282828!important;cursor:pointer}
.prograf-rok__stp input{width:52px!important;border:0!important;text-align:center;font-weight:700;margin:0!important;padding:0!important;height:32px!important;box-shadow:none!important;background:#fff!important}
.prograf-rok__how-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}
.prograf-rok__how-tools small{color:#6b7072;font-size:12px}
.prograf-rok__lnk{border:0!important;background:none!important;color:var(--c-primary,#2b7a78)!important;font:600 13px inherit;cursor:pointer;padding:4px 0!important;margin:0!important;min-height:0!important;text-decoration:underline;text-underline-offset:3px;text-transform:none!important}
.prograf-rok__how-book{display:flex;justify-content:center;max-width:320px;margin:2px auto 10px}
.prograf-rok__how-book>button{flex:1;position:relative;padding:0!important;margin:0!important;border:1px solid #d8dcdc!important;background:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.08)!important;cursor:pointer;min-height:0!important;border-radius:0!important}
.prograf-rok__how-book img{display:block;width:100%;height:auto}
.prograf-rok__how-book span{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);background:rgba(43,122,120,.92);color:#fff;font-size:11px;font-weight:700;border-radius:20px;padding:2px 8px;white-space:nowrap;max-width:94%;overflow:hidden;text-overflow:ellipsis}
.prograf-rok__how-book>i{flex:0 0 10px;background:repeating-linear-gradient(#cfd4d4 0 4px,#8a9393 4px 6px,#cfd4d4 6px 10px)}
.prograf-rok__how-lr{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}
.prograf-rok__how-lr label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#6b7072;font-weight:600;margin:0}
.prograf-rok__how-lr select{font-size:14px;margin:0!important}
.prograf-rok__how-swap{border:1px solid #c3c8c8!important;background:#fff!important;border-radius:8px!important;height:40px;width:42px;padding:0!important;margin:0!important;font-size:18px;cursor:pointer;color:#282828!important;min-height:0!important}
.prograf-rok__how-note{display:block;color:#6b7072;font-size:12px;margin-top:6px}
@media(max-width:560px){.prograf-rok__how-modes{grid-template-columns:1fr}}
/* 1.91.88: hitra izbira (kompleti) + naslovna stran */
.prograf-rok__kfilt{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.prograf-rok__kfilt button{margin:0!important;min-height:0!important;line-height:1.3!important;border:1px solid var(--c-border,#e3e6e6)!important;background:#fff!important;border-radius:20px!important;padding:4px 12px!important;font:600 12.5px/1.3 inherit!important;font-family:inherit!important;color:var(--c-text-muted,#607d8b)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer}
.prograf-rok__kfilt button.is-on{background:var(--c-text,#282828)!important;border-color:var(--c-text,#282828)!important;color:#fff!important}
.prograf-rok__kits{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:8px}
.prograf-rok__kit{position:relative;display:flex!important;flex-direction:column;gap:5px;margin:0!important;padding:8px!important;border:1.5px solid var(--c-border,#e8e8e8)!important;border-radius:12px!important;background:#fff!important;cursor:pointer;font:inherit!important;color:var(--c-text,#282828)!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;min-height:0!important;line-height:1.35!important;box-shadow:none!important;white-space:normal!important}
.prograf-rok__kit:hover{border-color:#b9d9d7!important}
.prograf-rok__kit.is-on{border-color:var(--acc,#3a9d9b)!important;background:var(--acc-s,#eaf5f4)!important;box-shadow:0 0 0 1px var(--acc,#3a9d9b)!important}
.prograf-rok__kit:focus-visible{outline:2px solid var(--acc,#3a9d9b);outline-offset:2px}
.prograf-rok__kit-bk{display:flex;justify-content:center;align-items:flex-start;background:#eef1f1;border-radius:8px;padding:6px}
.prograf-rok__kit-bk img{display:block;width:calc(50% - 3px);height:auto;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.prograf-rok__kit-bk i{align-self:stretch;width:6px;flex:0 0 6px;background:repeating-linear-gradient(#cfd4d4 0 3px,#8a9393 3px 4px,#cfd4d4 4px 7px)}
.prograf-rok__kit b{font-size:13.5px;line-height:1.25;font-weight:700}
.prograf-rok__kit small{color:var(--c-text-muted,#607d8b);font-size:12px;line-height:1.35}
.prograf-rok__kit-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#eef0f0;margin-top:auto}
.prograf-rok__kit-bar i{display:block;height:100%}
.prograf-rok__kit-tag{position:absolute;right:7px;top:7px;z-index:1;background:#1d2327;color:#fff;font-size:10.5px;font-weight:700;border-radius:20px;padding:1px 8px}
.prograf-rok__kit--own{align-items:center;justify-content:center;text-align:center!important;border-style:dashed!important;min-height:150px!important;color:var(--acc-d,#2b7a78)!important}
.prograf-rok__kit-plus{font-size:28px;line-height:1}
.prograf-rok__fps{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.prograf-rok__fp{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:2px;margin:0!important;padding:7px!important;border:1.5px solid var(--c-border,#e8e8e8)!important;border-radius:10px!important;background:#fff!important;cursor:pointer;font:inherit!important;color:var(--c-text,#282828)!important;text-transform:none!important;letter-spacing:0!important;min-height:0!important;line-height:1.3!important;box-shadow:none!important;text-align:center!important;white-space:normal!important}
.prograf-rok__fp:hover{border-color:#b0bec5!important}
.prograf-rok__fp.is-on{border-color:var(--acc)!important;background:var(--acc-s)!important}
.prograf-rok__fp b{font-size:12.5px;line-height:1.25}
.prograf-rok__fp>span:last-child{font-size:11.5px;color:var(--c-text-muted,#607d8b);line-height:1.25}
@media(max-width:560px){.prograf-rok__kits{grid-template-columns:repeat(2,minmax(0,1fr))}.prograf-rok__fps{grid-template-columns:repeat(2,minmax(0,1fr))}.prograf-rok__kit small{font-size:11.5px}}
/* ═════════ 1.91.89: ena stran — bližnjice, pripet predogled, list »Prilagodi«, pregled vsebine ═════════ */
.prograf-rok--v2{--rk-top:0px;--rk-nav:0px}
/* razporeditev: računalnik — predogled levo (pripet), konfigurator desno, opis pod obema; telefon — slika, konfigurator, opis */
@media(min-width:1101px){
  .prograf-rok--v2 .prograf-product__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .prograf-rok--v2 .prograf-product__left{display:contents}
  .prograf-rok--v2 .prograf-rok__media{grid-column:1;grid-row:1;align-self:stretch;position:static}
  .prograf-rok--v2 .prograf-rok__media-in{position:sticky;top:calc(var(--rk-top) + 14px);z-index:2}
  .prograf-rok--v2 .prograf-product__right{grid-column:2;grid-row:1}
  .prograf-rok--v2 .prograf-product__description{grid-column:1/-1;grid-row:2}
  .prograf-rok--v2 .prograf-product__body>*:not(.prograf-product__left):not(.prograf-product__right){grid-column:1/-1}
  .prograf-rok--v2 .prograf-rok__media.has-viewer .prograf-product__lifestyle{display:none}
  .prograf-rok--v2 .prograf-rok__media .prograf-rok__viewer{margin:0 0 10px;background:#f6f8f8}
  .prograf-rok--v2 .prograf-rok__media .prograf-rok__stage{height:min(560px,calc(100vh - var(--rk-top) - 190px));min-height:300px;background:linear-gradient(#f6f8f8,#eef2f2)}
  .prograf-rok--v2 .prograf-rok__media .prograf-rok__stage canvas,.prograf-rok--v2 .prograf-rok__media .prograf-rok__stage img{max-height:100%;width:auto;max-width:100%}
  .prograf-rok--v2 .prograf-rok__pvslot{display:none}
}
@media(max-width:1100px){ .prograf-rok--v2 .prograf-rok__media{order:1} }
.prograf-rok--v2 .prograf-rok__stage img#cv-photo{display:block;max-height:100%;max-width:100%;object-fit:contain;margin:0 auto}
.prograf-rok--v2 .prograf-rok__stage img#cv-photo.hide{display:none}
/* bližnjice */
.prograf-rok__nav{position:sticky;top:var(--rk-top);z-index:12;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;background:var(--c-bg,#fff);padding:8px 0;margin:0 0 6px;border-bottom:1px solid var(--c-border,#e8e8e8)}
.prograf-rok__nav::-webkit-scrollbar{display:none}
.prograf-rok__nv{flex:0 0 auto;display:flex!important;align-items:center;gap:7px;margin:0!important;min-height:0!important;padding:4px 12px 4px 4px!important;border:1.5px solid var(--c-border,#e3e6e6)!important;border-radius:22px!important;background:#fff!important;color:var(--c-text,#23292b)!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;line-height:1.15!important;box-shadow:none!important;cursor:pointer;font:inherit!important}
.prograf-rok__nv i{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#eef1f1;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:12.5px;color:var(--c-text-muted,#687174)}
.prograf-rok__nv b{display:block;font-size:13px}
.prograf-rok__nv small{display:block;font-size:11px;color:var(--c-text-muted,#687174);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prograf-rok__nv.is-on{border-color:var(--acc)!important;background:var(--acc-s)!important}.prograf-rok__nv.is-on i{background:var(--acc);color:#fff}
@media(min-width:1101px){ .prograf-rok__nav{top:calc(var(--rk-top) + 0px)} }
/* predogled v konfiguratorju (telefon, tablica): pripet pod bližnjicami, ob pomikanju se pomanjša */
@media(max-width:1100px){
  .prograf-rok--v2 .prograf-rok__pvslot{display:contents}
  .prograf-rok--v2 .prograf-rok__pvslot .prograf-rok__viewer{position:sticky;top:calc(var(--rk-top) + var(--rk-nav));z-index:11;margin:0 0 6px;border-radius:0 0 14px 14px;border-top:0;background:#f4f6f6;box-shadow:0 6px 12px -10px rgba(0,0,0,.25)}
  .prograf-rok--v2 .prograf-rok__pvslot .prograf-rok__stage{height:230px;background:linear-gradient(#f6f8f8,#eef2f2)}
  .prograf-rok--v2 .prograf-rok__pvslot .prograf-rok__stage canvas{max-height:214px}
  .prograf-rok--v2 .prograf-rok__viewer.is-compact .prograf-rok__stage{height:118px}
  .prograf-rok--v2 .prograf-rok__viewer.is-compact .prograf-rok__stage canvas{max-height:104px}
  .prograf-rok--v2 .prograf-rok__viewer.is-compact .prograf-rok__viewer-controls{position:absolute;right:0;bottom:0;padding:0 8px 8px;background:none;border:0}
  .prograf-rok--v2 .prograf-rok__viewer.is-compact .prograf-rok__seg,.prograf-rok--v2 .prograf-rok__viewer.is-compact .prograf-rok__chips,.prograf-rok--v2 .prograf-rok__viewer.is-compact .prograf-rok__hint{display:none}
  .prograf-rok--v2 .prograf-rok__pvslot .prograf-rok__chips,.prograf-rok--v2 .prograf-rok__pvslot .prograf-rok__hint{display:none}
}
.prograf-rok--v2 .prograf-rok__viewer{position:relative}
.prograf-rok__pvc{margin-left:auto;border:1px solid var(--c-border,#e3e6e6)!important;background:#fff!important;color:var(--c-text,#23292b)!important;border-radius:9px!important;padding:5px 11px!important;font:600 12.5px/1.2 inherit!important;font-family:inherit!important;min-height:0!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;cursor:pointer;margin-bottom:0!important}
.prograf-rok--v2 .prograf-rok__sec{scroll-margin-top:calc(var(--rk-top) + var(--rk-nav) + 20px)}
.prograf-rok--v2 .prograf-rok__sec:first-of-type{border-top:0;padding-top:6px}
.prograf-rok__row--2{display:grid!important;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:420px){.prograf-rok__row--2{grid-template-columns:1fr}}
/* platnica: logotip na notranjih straneh */
.prograf-rok__chk{display:flex;gap:10px;align-items:flex-start;margin:12px 0 4px;font-size:14px;cursor:pointer}
.prograf-rok__chk.hide{display:none}
.prograf-rok__chk input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--acc)}
.prograf-rok__chk b{display:block;font-weight:600}.prograf-rok__chk small{display:block;color:var(--c-text-muted,#687174);font-size:12.5px}
/* kompleti: na telefonu drsni trak, gumb »Poglej vsebino« na sličici */
.prograf-rok__kit{cursor:pointer}
.prograf-rok__kit-bk{position:relative}
.prograf-rok__kit-ok{position:absolute;left:7px;top:7px;z-index:2;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:12px}
.prograf-rok__peek{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);margin:0!important;min-height:0!important;padding:3px 10px!important;border:0!important;border-radius:20px!important;background:rgba(29,35,39,.86)!important;color:#fff!important;font:700 11.5px/1.3 inherit!important;font-family:inherit!important;white-space:nowrap;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:none!important}
.prograf-rok__peek:hover{background:#1d2327!important}
@media(max-width:700px){
  .prograf-rok--v2 .prograf-rok__kits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 0 6px;padding:2px 2px 6px;gap:10px;scroll-padding-left:2px}
  .prograf-rok--v2 .prograf-rok__kits::-webkit-scrollbar{display:none}
  .prograf-rok--v2 .prograf-rok__kit{flex:0 0 64%;scroll-snap-align:start}
  .prograf-rok--v2 .prograf-rok__fps{display:flex;overflow-x:auto;scrollbar-width:none;margin:0;padding:2px 2px 4px}
  .prograf-rok--v2 .prograf-rok__fps::-webkit-scrollbar{display:none}
  .prograf-rok--v2 .prograf-rok__fp{flex:0 0 104px}
}
/* sestava kompleta */
.prograf-rok__sum-act{display:flex;gap:8px;flex-wrap:wrap}
.prograf-rok__sum-btn{margin:0!important;min-height:0!important;padding:6px 12px!important;border:1.5px solid var(--acc)!important;border-radius:9px!important;background:#fff!important;color:var(--acc)!important;font:700 13px/1.25 inherit!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer}
/* dodatne strani — vrstice s stikalom */
.prograf-rok__adds{display:flex;flex-direction:column;gap:8px}
.prograf-rok__add{display:flex!important;align-items:center;gap:11px;width:100%;margin:0!important;min-height:0!important;padding:8px 12px 8px 8px!important;border:1.5px solid var(--c-border,#e8e8e8)!important;border-radius:12px!important;background:#fff!important;color:var(--c-text,#23292b)!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;line-height:1.3!important;font:inherit!important;box-shadow:none!important;cursor:pointer;white-space:normal!important}
.prograf-rok__add.is-on{border-color:var(--acc)!important;background:var(--acc-s)!important}
.prograf-rok__add-th{flex:0 0 46px;display:block;background:#fff;border:1px solid var(--c-border,#e8e8e8);border-radius:3px;overflow:hidden}
.prograf-rok__add-th img{display:block;width:100%;height:100%;object-fit:cover}
.prograf-rok__add-t{flex:1;min-width:0}
.prograf-rok__add-t b{display:block;font-size:14.5px;line-height:1.2}
.prograf-rok__add-t small{display:block;color:var(--c-text-muted,#687174);font-size:12px;line-height:1.3}
.prograf-rok__add-t em{display:block;font-style:normal;font-size:12px;font-weight:700;color:var(--acc);margin-top:1px}
.prograf-rok__add-t em i{font-weight:400;font-style:normal;color:var(--c-text-muted,#687174)}
.prograf-rok__tgl{flex:0 0 42px;height:24px;border-radius:12px;background:#d5dada;position:relative;transition:background .2s}
.prograf-rok__tgl::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .2s}
.prograf-rok__add.is-on .prograf-rok__tgl{background:var(--acc)}.prograf-rok__add.is-on .prograf-rok__tgl::after{left:21px}
/* povzetek pred ceno */
.prograf-rok__recap{border:1px solid var(--c-border,#e8e8e8);border-radius:12px;margin:14px 0 4px;overflow:hidden;background:#fff}
.prograf-rok__recap>div{display:flex;gap:10px;align-items:baseline;padding:8px 12px;border-top:1px solid #f0f2f2;font-size:13.5px}
.prograf-rok__recap>div:first-child{border-top:0}
.prograf-rok__recap span{flex:0 0 92px;color:var(--c-text-muted,#687174)}
.prograf-rok__recap b{flex:1;font-weight:600;min-width:0}
.prograf-rok__recap button{margin:0!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;color:var(--acc)!important;font:600 12.5px/1.3 inherit!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer}
/* spodnja vrstica: povsod; skrije se, ko je viden gumb za povpraševanje */
.prograf-rok--v2 .prograf-rok__mbar button{margin-left:auto!important}
.prograf-rok--v2 .prograf-rok__mbar{display:flex;z-index:30;transition:transform .2s;box-shadow:0 -6px 16px rgba(0,0,0,.05)}
.prograf-rok--v2 .prograf-rok__mbar.is-off{transform:translateY(110%)}
.prograf-rok--v2 .prograf-rok__mbar .v em{font-style:normal;font-size:12px;font-weight:700;margin-left:6px;opacity:0;transition:opacity .3s}
.prograf-rok--v2 .prograf-rok__mbar .v em.up,.prograf-rok--v2 .prograf-rok__mbar .v em.dn{opacity:1}
.prograf-rok--v2 .prograf-rok__mbar .v em.up{color:#b0502c}.prograf-rok--v2 .prograf-rok__mbar .v em.dn{color:var(--acc)}
@media(min-width:901px){ .prograf-rok--v2 .prograf-rok__mbar{padding-left:max(16px,calc(50vw - 600px));padding-right:max(16px,calc(50vw - 600px))} #prograf-rokovnik.prograf-rok--v2{padding-bottom:70px} }
.prograf-rok--v2 .prograf-rok__mini{display:none!important}
.pgai-fab{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}   /* »Uredi z AI« (samo uredniki) nad spodnjo vrstico */
html.prograf-rok-noscroll,html.prograf-rok-noscroll body{overflow:hidden}
/* list »Prilagodi osnovne strani« */
.prograf-rok-sheet-bg{position:fixed;inset:0;background:rgba(20,26,28,.45);z-index:99990;opacity:0;pointer-events:none;transition:opacity .2s}
.prograf-rok-sheet-bg.is-open{opacity:1;pointer-events:auto}
.prograf-rok-sheet{position:fixed;left:0;right:0;bottom:0;z-index:99991;background:#fff;border-radius:18px 18px 0 0;max-height:86vh;overflow:auto;transform:translateY(105%);transition:transform .25s;box-shadow:0 -10px 30px rgba(0,0,0,.2);font-family:inherit;color:#23292b}
.prograf-rok-sheet.is-open{transform:none}
.prograf-rok-sheet__h{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;gap:8px;padding:14px 16px 10px;border-bottom:1px solid #e3e6e6}
.prograf-rok-sheet__h::before{content:"";position:absolute;top:5px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#d5dada}
.prograf-rok-sheet__h b{font-size:16px}
.prograf-rok-sheet__h button{margin:0 0 0 auto!important;border:0!important;background:var(--c-primary,#3a9d9b)!important;color:#fff!important;border-radius:9px!important;padding:7px 15px!important;font:700 14px/1.2 inherit!important;font-family:inherit!important;min-height:0!important;text-transform:none!important;cursor:pointer}
.prograf-rok-sheet__b{padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px))}
.prograf-rok-sheet .prograf-rok__row{margin:0}
.prograf-rok-sheet .prograf-rok__rl{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
.prograf-rok-sheet .prograf-rok__rls{text-transform:none;letter-spacing:0;font-weight:400;color:#687174}
@media(min-width:901px){ .prograf-rok-sheet{left:auto;right:24px;bottom:24px;width:560px;border-radius:16px;max-height:80vh;transform:translateY(calc(100% + 90px))} .prograf-rok-sheet.is-open{transform:none} }
/* pregled vsebine kompleta: en razpon na vrsto strani */
.prograf-rok-cv{position:fixed;inset:0;z-index:99995;display:none;font-family:inherit;color:#23292b}
.prograf-rok-cv.is-open{display:block}
.prograf-rok-cv__bg{position:absolute;inset:0;background:rgba(20,26,28,.62)}
.prograf-rok-cv__in{position:absolute;left:0;right:0;bottom:0;max-height:94vh;overflow:auto;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.25);animation:prograf-rok-up .22s}
@keyframes prograf-rok-up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media(min-width:901px){ .prograf-rok-cv__in{left:50%;top:50%;bottom:auto;width:min(820px,94vw);max-height:92vh;transform:translate(-50%,-50%);border-radius:16px;animation:none} }
.prograf-rok-cv__h{display:flex;align-items:flex-start;gap:8px;padding:14px 16px 6px}
.prograf-rok-cv__h b{display:block;font-size:17px;line-height:1.2}.prograf-rok-cv__h small{display:block;color:#687174;font-size:12.5px}
.prograf-rok-cv__x{margin:0 0 0 auto!important;flex:0 0 34px;width:34px;height:34px;border:0!important;border-radius:50%!important;background:#f1f4f4!important;color:#23292b!important;font-size:20px!important;line-height:1!important;padding:0!important;min-height:0!important;cursor:pointer}
.prograf-rok-cv__stage{position:relative;display:flex;align-items:center;justify-content:center;margin:0 12px;padding:14px 38px;border-radius:14px;background:linear-gradient(#f6f8f8,#eef2f2);touch-action:pan-y}
.prograf-rok-cv__book{display:flex;align-items:stretch;justify-content:center;width:100%;max-width:640px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15))}
.prograf-rok-cv__book img{display:block;width:calc(50% - 5px);height:auto;max-height:52vh;object-fit:contain;aspect-ratio:var(--ar,148/210);background:#fff}
.prograf-rok-cv__book i{flex:0 0 10px;background:repeating-linear-gradient(#cfd4d4 0 4px,#8a9393 4px 6px,#cfd4d4 6px 10px)}
.prograf-rok-cv__nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:46px;margin:0!important;padding:0!important;min-height:0!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#23292b!important;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;font-size:24px!important;line-height:1!important;cursor:pointer}
.prograf-rok-cv__nav[data-cvn="-1"]{left:4px}.prograf-rok-cv__nav[data-cvn="1"]{right:4px}.prograf-rok-cv__nav:disabled{opacity:.3}
.prograf-rok-cv__bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:8px 16px 0;background:#eef0f0}
.prograf-rok-cv__bar span{display:block;height:100%;opacity:.5;cursor:pointer}.prograf-rok-cv__bar span.is-on{opacity:1}
.prograf-rok-cv__cap{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:10px 16px 2px}
.prograf-rok-cv__cap b{font-size:16px}.prograf-rok-cv__cap span{font-weight:700;color:var(--c-primary,#2b7a78);font-size:14px}.prograf-rok-cv__cap small{flex-basis:100%;color:#687174;font-size:12.5px}
.prograf-rok-cv__strip{position:relative;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 16px 4px}
.prograf-rok-cv__strip::-webkit-scrollbar{display:none}
.prograf-rok-cv__it{flex:0 0 100px;width:100px;max-width:100px;overflow:hidden;margin:0!important;min-height:0!important;padding:5px!important;border:1.5px solid #e3e6e6!important;border-radius:10px!important;background:#fff!important;color:#23292b!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;font:inherit!important;box-shadow:none!important;cursor:pointer}
.prograf-rok-cv__it.is-on{border-color:var(--c-primary,#3a9d9b)!important;background:var(--c-primary-soft,#eaf5f4)!important}
.prograf-rok-cv__mini{display:flex;gap:2px;background:#eef1f1;border-radius:4px;padding:3px}
.prograf-rok-cv__mini img{display:block;width:calc(50% - 1px);aspect-ratio:148/210;object-fit:cover;background:#fff}
.prograf-rok-cv__it b{display:block;font-size:11px;line-height:1.2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prograf-rok-cv__it small{display:block;font-size:10.5px;font-weight:700;color:var(--c-primary,#2b7a78)}
.prograf-rok-cv__f{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}
.prograf-rok-cv__f small{flex:1;min-width:140px;color:#687174;font-size:12.5px}
.prograf-rok-cv__pick,.prograf-rok-cv__fb{margin:0!important;min-height:0!important;border-radius:11px!important;padding:11px 16px!important;font:700 14px/1.2 inherit!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
.prograf-rok-cv__pick{border:0!important;background:var(--c-primary,#3a9d9b)!important;color:#fff!important}
.prograf-rok-cv__fb{border:1.5px solid #e3e6e6!important;background:#fff!important;color:#23292b!important}
.prograf-rok-cv .hide{display:none!important}

.prograf-rok__sum-top b{white-space:nowrap}.prograf-rok__sum-top span{text-align:right}

/* 1.91.90: WordPress emoji (img.emoji) v naših gumbih ostane velik kot črka */
.prograf-rok img.emoji,.prograf-rok-cv img.emoji,.prograf-rok-sheet img.emoji{display:inline!important;width:1em!important;height:1em!important;max-width:none!important;margin:0 .1em!important;vertical-align:-.1em!important;box-shadow:none!important;border:0!important;background:none!important;padding:0!important}
/* 1.91.91: listalnik po vrstah strani */
.prograf-rok-fb__cnt{font-style:normal;font-weight:700;color:#7fd1a8;margin-left:6px;font-size:14px}
.prograf-rok-fb__strip button em{display:block;font-style:normal;font-size:10px;font-weight:700;color:#7fd1a8;line-height:1.2}
.prograf-rok-fb__tot{color:rgba(255,255,255,.7);font-size:12px;margin:8px 0 0;text-align:center}
.prograf-rok-fb button.prograf-rok-fb__pick{background:#7fd1a8!important;color:#10261c!important;font-weight:700}
@media(max-width:640px){ .prograf-rok-fb__nav span{display:block;font-size:12px;text-align:center;flex:1;max-width:60vw} .prograf-rok-fb__top{flex-wrap:wrap} }
/* ═════════ 1.91.92: opis kot infografika (#rok-guide) ═════════ */
.prograf-rok-guide{--gb:#3a9d9b;--gbd:#2b7a78;--gbs:#eaf5f4;--gink:#22292b;--gmut:#66707a;--gline:#e3e8e8;--gsoft:#f6f8f8;--gwarm:#fff7e6;color:var(--gink);margin:0 0 30px}
.prograf-rok-guide:empty{display:none}
.prograf-rok-guide.is-ready~.prograf-rok__gal{display:none!important}
.prograf-rok-guide .gd-ey{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gb)}
.prograf-rok-guide .gd-h{font-size:clamp(24px,3.2vw,32px);line-height:1.15;margin:6px 0 8px;letter-spacing:-.01em}
.prograf-rok-guide h3{font-size:20px;margin:0 0 6px;line-height:1.25}
.prograf-rok-guide p{margin:0 0 10px;color:#3b4448}
.prograf-rok-guide .gd-lead{color:var(--gmut);max-width:720px;font-size:17px;margin:0 0 20px}
.prograf-rok-guide button{font:inherit;text-transform:none!important;letter-spacing:0!important;min-height:0!important;margin:0!important;box-shadow:none!important;cursor:pointer}
/* tir */
.gd-track{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;margin:18px 0 30px}
.gd-tk{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 8px!important;background:none!important;border:0!important;color:var(--gink)!important}
.gd-tk b{display:block;font-size:15px}.gd-tk small{display:block;color:var(--gmut);font-size:13px;line-height:1.35}
.gd-c{position:relative;z-index:1;width:62px;height:62px;border-radius:50%;background:var(--gbs);display:grid;place-items:center;border:2px solid #fff;box-shadow:0 0 0 2px var(--gb);color:var(--gbd)}
.gd-c svg{width:28px;height:28px}
.gd-n{position:absolute;top:-4px;right:-4px;width:23px;height:23px;border-radius:50%;background:var(--gb);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.gd-tk::after{content:"";position:absolute;top:31px;left:calc(50% + 33px);right:calc(-50% + 33px);height:2px;background:repeating-linear-gradient(90deg,var(--gb) 0 6px,transparent 6px 11px)}
.gd-tk--post::after{display:none}
.gd-tk--post .gd-c{background:var(--gwarm);box-shadow:0 0 0 2px #e0a43a;color:#b07a12}.gd-tk--post .gd-n{background:#e0a43a}
@media(max-width:820px){.gd-track{grid-template-columns:1fr;gap:12px}.gd-tk{flex-direction:row!important;text-align:left}.gd-c{flex:0 0 54px;width:54px;height:54px}.gd-tk::after{display:none}}
/* koraki */
.gd-st{display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px;padding:26px 0;border-top:1px solid var(--gline)}
.gd-num{font-size:42px;font-weight:800;color:var(--gbs);-webkit-text-stroke:2px var(--gb);line-height:1}
.gd-post .gd-num{-webkit-text-stroke-color:#e0a43a;color:var(--gwarm)}
@media(max-width:700px){.gd-st{grid-template-columns:minmax(0,1fr);gap:4px}.gd-num{font-size:32px}}
.gd-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
@media(max-width:820px){.gd-g2{grid-template-columns:1fr}}
.gd-card{border:1px solid var(--gline);border-radius:16px;padding:16px;background:#fff;min-width:0}
.gd-card p{font-size:14.5px;margin:6px 0 0}
.gd-soft{background:var(--gsoft);border-color:transparent}
.gd-k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gmut);margin-bottom:10px}
.gd-tip{display:flex;gap:10px;align-items:flex-start;background:var(--gbs);border-radius:12px;padding:10px 14px;margin-top:14px;font-size:14.5px}
.gd-tip i{font-style:normal;font-size:18px;line-height:1.3}
.gd-sub{font-size:17px;margin:22px 0 4px}
.gd-p{font-size:14.5px;color:#3b4448;max-width:820px}
/* velikosti = rokovnik z dejansko platnico */
.gd-sizes{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.gd-sz{display:flex;flex-direction:column;align-items:center;gap:6px}
.gd-sz-i{display:block;border-radius:3px;background:linear-gradient(90deg,#2f4f5a,#3b5f6b);box-shadow:2px 3px 6px rgba(0,0,0,.18)}
.gd-sz-i.has-img{background:none;box-shadow:none}
.gd-sz-i img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.18))}
.gd-sz b{font-size:13px}.gd-sz small{font-size:11.5px;color:var(--gmut);margin-top:-5px}
.gd-sz.is-pop b{color:var(--gbd)}
.gd-sheet{display:flex;align-items:center;gap:14px}.gd-sheet svg{flex:0 0 116px}.gd-sheet p{margin:0}
.gd-pp{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.gd-pp span{border:1.5px solid var(--gline);border-radius:10px;padding:5px 11px;font-weight:700;font-size:14px}
.gd-pp span small{font-weight:400;color:var(--gmut)}
.gd-pp span.is-pop{border-color:var(--gb);background:var(--gbs)}
.gd-sw{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gd-sw i{width:24px;height:24px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1.5px var(--gline) inset,0 1px 2px rgba(0,0,0,.08)}
.gd-sw b{font-weight:600;font-size:14px;margin-right:8px}
/* platnica */
.gd-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gd-f{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13.5px;color:var(--gink);flex:1;min-width:110px}
.gd-f svg{height:88px;width:auto}.gd-f small{display:block;color:var(--gmut);font-size:12px}
.gd-ar{font-style:normal;font-size:22px;color:var(--gb)}
@media(max-width:600px){.gd-ar{display:none}.gd-f{min-width:40%}}
/* sestava */
.gd-anat{border:1px solid var(--gline);border-radius:16px;padding:16px;margin-top:12px;background:linear-gradient(#fbfdfd,#fff)}
.gd-abar{display:flex;height:46px;border-radius:10px;overflow:hidden;margin:4px 0 12px;gap:2px}
.gd-abar div{display:flex;align-items:center;justify-content:center;min-width:0;color:#fff;font-size:12px;font-weight:700;text-align:center;padding:0 4px;line-height:1.15}
.gd-abar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd-alab{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gd-alab div{font-size:13px;color:#3b4448}.gd-alab b{display:block;font-size:13.5px;color:var(--gink)}
.gd-alab i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
@media(max-width:820px){.gd-alab{grid-template-columns:1fr 1fr}}
/* kompleti */
.gd-kg{margin-top:14px}
.gd-kg-h{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gb);margin:0 0 8px}
.gd-kg-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.gd-kit{display:flex;flex-direction:column;min-width:0;border:1px solid var(--gline);border-radius:14px;background:#fff;overflow:hidden}
.gd-kit.is-on{border-color:var(--gb);box-shadow:0 0 0 1px var(--gb)}
.gd-kit-bk{display:flex;justify-content:center;background:#eef1f1;padding:10px}
.gd-kit-bk img{display:block;width:calc(50% - 3px);min-width:0;height:auto;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.gd-kit-bk i{width:6px;flex:0 0 6px;background:repeating-linear-gradient(#cfd4d4 0 3px,#8a9393 3px 4px,#cfd4d4 4px 7px)}
.gd-kit-t{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.gd-kit-t>b{font-size:15.5px}.gd-kit-t>b em{font-style:normal;font-size:10.5px;font-weight:700;background:#1d2327;color:#fff;border-radius:20px;padding:1px 7px;vertical-align:2px}
.gd-kit-t>small{color:var(--gmut);font-size:13px;line-height:1.35}
.gd-kit-t ul{list-style:none;margin:6px 0 8px;padding:0;font-size:13px}
.gd-kit-t li{display:flex;gap:6px;align-items:baseline;padding:3px 0;border-bottom:1px dashed #edf0f0}
.gd-kit-t li span{flex:1;min-width:0}.gd-kit-t li b{font-weight:700;color:var(--gbd);white-space:nowrap}.gd-kit-t li i{font-style:normal;font-size:11px;color:var(--gmut)}
.gd-kit-a{display:flex;gap:6px;margin-top:auto}
.gd-kit-a button{flex:1;padding:7px 10px!important;border-radius:9px!important;border:1.5px solid var(--gline)!important;background:#fff!important;color:var(--gink)!important;font-weight:700!important;font-size:13px!important;line-height:1.2!important}
.gd-kit-a button.is-pri{background:var(--gb)!important;border-color:var(--gb)!important;color:#fff!important}
/* vrste strani */
.gd-pg-h{font-size:13px;font-weight:800;margin:14px 0 8px}.gd-pg-h small{font-weight:400;color:var(--gmut)}
.gd-pg-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.gd-pg{display:flex!important;flex-direction:column;gap:3px;padding:8px!important;border:1px solid var(--gline)!important;border-radius:12px!important;background:#fff!important;color:var(--gink)!important;text-align:left!important;line-height:1.3!important}
.gd-pg:hover{border-color:#b9d9d7!important}
.gd-pg-th{display:block;width:100%;background:#fff;border:1px solid var(--gline);border-radius:4px;overflow:hidden;margin-bottom:4px}
.gd-pg-th img{display:block;width:100%;height:100%;object-fit:cover}
.gd-pg b{font-size:13px}.gd-pg small{font-size:11.5px;color:var(--gmut)}
.gd-pg em{font-style:normal;font-size:11px;font-weight:700;margin-top:2px}.gd-pg em.r{color:var(--gbd)}.gd-pg em.f{color:#7d6a2d}
/* količina */
.gd-bars-c{display:flex;align-items:flex-end;gap:10px;height:140px;border-bottom:1.5px solid var(--gline)}
.gd-bars-c div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.gd-bars-c i{display:block;width:100%;max-width:46px;border-radius:8px 8px 0 0;background:linear-gradient(var(--gb),#7dbdbb)}
.gd-bars-c small{font-size:11.5px;font-weight:700;color:var(--gbd);white-space:nowrap}
.gd-bars-l{display:flex;gap:10px;margin-top:4px}.gd-bars-l span{flex:1;text-align:center;font-size:12px;color:var(--gmut)}
/* časovnica, vprašanja */
.gd-tl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px;counter-reset:gdt}
.gd-tl div{background:var(--gwarm);border-radius:14px;padding:14px;position:relative}
.gd-tl div::before{counter-increment:gdt;content:counter(gdt);position:absolute;top:-10px;left:14px;width:24px;height:24px;border-radius:50%;background:#e0a43a;color:#fff;font-weight:800;font-size:12.5px;display:grid;place-items:center}
.gd-tl b{display:block;margin-top:6px}.gd-tl small{color:#6b5a33;font-size:13px}
@media(max-width:820px){.gd-tl{grid-template-columns:1fr 1fr}}
.prograf-rok-guide details{border:1px solid var(--gline);border-radius:12px;padding:12px 16px;margin-top:8px;background:#fff}
.prograf-rok-guide summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.prograf-rok-guide summary::-webkit-details-marker{display:none}
.prograf-rok-guide summary::after{content:"+";color:var(--gb);font-weight:800}
.prograf-rok-guide details[open] summary::after{content:"−"}
.prograf-rok-guide details p{margin:8px 0 0}
.prograf-rok-more-h{font-size:22px;margin:10px 0 12px;padding-top:22px;border-top:1px solid #e3e8e8}
@media(max-width:700px){
  .gd-kg-l,.gd-pg-l{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:2px 2px 8px}
  .gd-kg-l::-webkit-scrollbar,.gd-pg-l::-webkit-scrollbar{display:none}
  .gd-kit{flex:0 0 80%;width:80%;max-width:80%;min-width:0;scroll-snap-align:start}
  .gd-pg{flex:0 0 42%;width:42%;max-width:42%;min-width:0;scroll-snap-align:start}
  .gd-kg-h::after,.gd-pg-h::after{content:" · povlecite →";font-weight:400;color:#8a9496;text-transform:none;letter-spacing:0}
}

.prograf-rok--v2 .prograf-product__description{min-width:0;max-width:100%}
.gd-b{min-width:0}
/* 1.91.93: vizualizacija špirale v opisu (členi + senčenje, hrbet odprtega rokovnika) */
.gd-spl{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:2px 0 8px;max-width:440px}
.gd-spv{position:relative;display:flex!important;flex-direction:column;margin:0;padding:0!important;border:1.5px solid var(--gline,#e3e8e8)!important;border-radius:12px!important;background:#fff!important;overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:inherit!important;text-transform:none!important;letter-spacing:0!important;transition:border-color .15s}
.gd-spv:hover{border-color:var(--gb)!important}
.gd-spv.is-on{border-color:var(--gb)!important;box-shadow:0 0 0 1px var(--gb)}
.gd-spv-in{display:block;width:100%;aspect-ratio:1/1;background:#eef1f1 left top/cover no-repeat}
.gd-spv-ok{position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:50%;background:var(--gb);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.gd-spv-c{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;padding:7px 9px;font-size:13.5px;font-weight:700}
.gd-spv-c i{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(0,0,0,.14) inset}
.gd-spv-c small{flex-basis:100%;padding-left:19px;font-size:12px;font-weight:600;color:var(--gmut,#6b7a7a)}
.gd-spv.is-on .gd-spv-c small{color:var(--gbd,#1d4534)}
/* 1.91.94: »Vidite predogled« = dejanska platnica */
.gd-prev{display:flex;align-items:center;justify-content:center;height:96px;min-width:70px}
.gd-prev:empty{width:60px;border-radius:4px;background:linear-gradient(90deg,#2f4f5a,#3b5f6b)}
.gd-prev img{display:block;height:96px;width:auto;filter:drop-shadow(2px 4px 5px rgba(0,0,0,.22))}
/* ═════════ 1.91.96: 3D predogled ═════════ */
.rk3d{position:relative;overflow:hidden}
.rk3d canvas{display:block;width:100%!important;height:100%!important;cursor:grab}
.rk3d canvas:active{cursor:grabbing}
.rk3d-load{position:absolute;inset:0;display:grid;place-items:center;color:#66707a;font-size:13px}
.rk3d-v{position:absolute;left:8px;top:8px;display:flex;gap:4px;flex-wrap:wrap;z-index:2}
.rk3d-v button{margin:0!important;min-height:0!important;padding:4px 10px!important;border:1px solid #e3e8e8!important;border-radius:9px!important;background:rgba(255,255,255,.92)!important;color:#22292b!important;font:600 12px/1.3 inherit!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer}
.rk3d-v button.is-on{background:#22292b!important;border-color:#22292b!important;color:#fff!important}
.rk3d-hint{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);background:rgba(29,35,39,.7);color:#fff;font-size:11.5px;border-radius:20px;padding:3px 10px;pointer-events:none;transition:opacity .4s;white-space:nowrap}
.prograf-rok--v2 .prograf-rok__stage .prograf-rok__3d{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 35%,#fff 0,#eef2f2 65%,#e2e8e8 100%)}
.prograf-rok--v2 .prograf-rok__stage .prograf-rok__3d.hide{display:none}
.prograf-rok--v2 .prograf-rok__stage{position:relative}
.prograf-rok--v2 .prograf-rok__viewer.is-compact .rk3d-v,.prograf-rok--v2 .prograf-rok__viewer.is-compact .rk3d-hint{display:none}
.gd-3d{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:center;margin:0 0 28px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#f6f9f9,#eef4f4)}
.gd-3d-slot{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 50% 35%,#fff 0,#eef2f2 65%,#e2e8e8 100%)}
.gd-3d-host{width:100%;height:100%}
.gd-3d-t h3{margin:2px 0 6px}.gd-3d-t p{font-size:14.5px}
.gd-3d-go{margin-top:6px!important;padding:8px 14px!important;border-radius:10px!important;border:1.5px solid var(--gb)!important;background:#fff!important;color:var(--gbd)!important;font-weight:700!important}
@media(max-width:760px){.gd-3d{grid-template-columns:1fr;padding:10px}.gd-3d-slot{aspect-ratio:1/1}}

/* 1.91.99: izbirnik špirale — kartice z bližnjim pogledom vogala platnice */
.prograf-rok--v2 .prograf-rok__spc{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-width:520px}
.prograf-rok--v2 .prograf-rok__spc.is-one{grid-template-columns:minmax(150px,200px)}
.prograf-rok--v2 .prograf-rok__spo{position:relative;display:flex;flex-direction:column;padding:0!important;margin:0;border:1.5px solid var(--c-border,#dfe5e5)!important;border-radius:14px!important;background:#fff!important;overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:var(--c-text,#1a1a1a)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.prograf-rok--v2 .prograf-rok__spo:hover{border-color:var(--acc,#2e9e94)!important}
.prograf-rok--v2 .prograf-rok__spo.is-active{border-color:var(--acc,#2e9e94)!important;box-shadow:0 0 0 1px var(--acc,#2e9e94)}
.prograf-rok--v2 .prograf-rok__spo:focus-visible{outline:2px solid var(--acc,#2e9e94);outline-offset:2px}
.prograf-rok__spo-im{position:relative;display:block;width:100%;aspect-ratio:1/1;background:#f2f4f4 left top/cover no-repeat;transition:transform .35s}
.prograf-rok__spo:hover .prograf-rok__spo-im.has-img{transform:scale(1.03);transform-origin:left top}
.prograf-rok__spo-ld{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%) #eef1f1;background-size:200% 100%;animation:rkspld 1.2s linear infinite}
.prograf-rok__spo-im.has-img .prograf-rok__spo-ld{display:none}
@keyframes rkspld{from{background-position:120% 0}to{background-position:-80% 0}}
.prograf-rok__spo-ok{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--acc,#2e9e94);color:#fff;display:none;place-items:center;font-size:12px;font-weight:700;line-height:1}
.prograf-rok__spo.is-active .prograf-rok__spo-ok{display:grid}
.prograf-rok__spo-t{display:flex;align-items:center;gap:7px;padding:8px 10px;min-width:0}
.prograf-rok__spo-t i{flex:0 0 14px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(0,0,0,.14) inset}
.prograf-rok__spo-t b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prograf-rok__spo-t small,.prograf-rok__spo-t .prograf-rok__opt-delta{margin-left:auto;font-size:12px;font-weight:700;white-space:nowrap;color:var(--acc,#2e9e94)}
.prograf-rok__spo-t small.is-eq{color:var(--c-text-muted,#607d8b);font-weight:600}
@media(max-width:480px){.prograf-rok--v2 .prograf-rok__spc{grid-template-columns:1fr 1fr}.prograf-rok__spo-t{flex-wrap:wrap;row-gap:2px}.prograf-rok__spo-t small,.prograf-rok__spo-t .prograf-rok__opt-delta{margin-left:21px;flex-basis:100%}}