.atelier-hotspot{--ah-ease:cubic-bezier(.19, 1, .22, 1);--ah-tocka:var(--al-studio);--ah-crke:var(--al-ink);--ah-sij:0 0 10px color-mix(in srgb, var(--al-bg) 70%, transparent), 0 0 2px color-mix(in srgb, var(--al-bg) 55%, transparent);--ah-nit:color-mix(in srgb, var(--al-ink) 55%, transparent);z-index:2;pointer-events:none;position:absolute;inset:0}.atelier-hotspot .ah-sidro{width:0;height:0;position:absolute}.atelier-hotspot .ah-gumb{color:inherit;font:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;padding:0;display:flex;position:absolute;top:-22px;left:-22px}.atelier-hotspot .ah-sidro:not([data-napis]) :is(.ah-nit,.ah-plosca){display:none}.atelier-hotspot .ah-marker{width:44px;height:44px;animation:ah-prihod .9s var(--ah-ease) .4s both;flex:none;place-items:center;display:grid;position:relative}.atelier-hotspot .ah-marker:before{content:"";border:1px solid color-mix(in srgb, var(--ah-tocka) 70%, transparent);box-shadow:0 0 0 .5px color-mix(in srgb, var(--al-navy-900) 14%, transparent);transition:transform .52s var(--ah-ease), border-color .52s var(--ah-ease);border-radius:50%;position:absolute;inset:11px}.atelier-hotspot .ah-jedro{background:var(--ah-tocka);width:8px;height:8px;box-shadow:0 0 0 .5px color-mix(in srgb, var(--al-navy-900) 20%, transparent), 0 0 12px color-mix(in srgb, var(--ah-tocka) 85%, transparent);transition:transform .52s var(--ah-ease);border-radius:50%}.atelier-hotspot .ah-val{border:1px solid var(--ah-tocka);opacity:0;border-radius:50%;position:absolute;inset:11px}.atelier-hotspot[data-viden] .ah-val{animation:ah-dih 3.6s var(--ah-ease) 2s 3}.atelier-hotspot .ah-nit{background:var(--ah-nit);transform-origin:0;width:18px;height:1px;transition:transform .48s var(--ah-ease) .22s;flex:none;transform:scaleX(0)}.atelier-hotspot .ah-plosca{color:var(--ah-crke);text-shadow:var(--ah-sij);white-space:nowrap;opacity:0;transition:opacity .32s var(--ah-ease), transform .42s var(--ah-ease);gap:1px;padding:0 8px;display:grid;transform:translate(-4px)}.atelier-hotspot .ah-skrito{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.atelier-hotspot .ah-plosca-m{font:italic 400 17px/1.1 var(--al-display);letter-spacing:.01em}.atelier-hotspot :is([data-uvod],:has(.ah-gumb:hover),:has(.ah-gumb:focus-visible)) .ah-nit{transition-delay:0s;transform:scaleX(1)}.atelier-hotspot :is([data-uvod],:has(.ah-gumb:hover),:has(.ah-gumb:focus-visible)) .ah-plosca{opacity:1;transition:opacity .7s var(--ah-ease) .32s, transform .9s var(--ah-ease) .32s;transform:translate(0)}@media (hover:hover){.atelier-hotspot .ah-gumb:hover .ah-marker:before{border-color:var(--ah-tocka);transform:scale(1.3)}.atelier-hotspot .ah-gumb:hover .ah-jedro{transform:scale(1.15)}}.atelier-hotspot .ah-gumb:focus-visible{outline:none}.atelier-hotspot .ah-gumb:focus-visible .ah-marker:before{border-color:var(--al-aqua-link);transform:scale(1.3)}.atelier-hotspot [data-odprto] :is(.ah-nit,.ah-plosca){visibility:hidden}.atelier-hotspot [data-odprto] .ah-marker:before{border-color:var(--ah-tocka);transform:scale(1.3)}.atelier-hotspot .ah-kartica{background:color-mix(in srgb, var(--al-surface) 96%, transparent);width:min(288px,100vw - 48px);color:var(--al-ink);border:1px solid color-mix(in srgb, var(--al-line) 80%, transparent);box-shadow:0 20px 48px color-mix(in srgb, var(--al-navy-900) 26%, transparent);pointer-events:auto;transform:translateY(-50%);translate:0 var(--ah-zamik,0px);animation:ah-kartica .48s var(--ah-ease) both;gap:12px;padding:16px 16px 14px;display:grid;position:absolute;top:0;left:30px}.atelier-hotspot [data-kartica=levo] .ah-kartica{left:auto;right:30px}.atelier-hotspot .ah-kartica[hidden]{display:none}.atelier-hotspot .ah-glava{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.atelier-hotspot .ah-glava img{-o-object-fit:contain;object-fit:contain;background:var(--al-studio);width:48px;height:48px}.atelier-hotspot .ah-kicker{font:500 8.5px/1.3 var(--al-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--al-muted);margin:0 0 4px}.atelier-hotspot .ah-naslov{font:400 15px/1.35 var(--al-display);color:var(--al-ink);text-wrap:pretty;margin:0}.atelier-hotspot .ah-cena{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;display:flex}.atelier-hotspot .ah-cena strong{font:500 16px/1.2 var(--al-sans);font-variant-numeric:tabular-nums;color:var(--al-ink)}.atelier-hotspot .ah-cena span{font:500 8.5px/1.3 var(--al-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--al-muted)}.atelier-hotspot .ah-cta{background:var(--al-lime);min-height:44px;color:var(--al-lime-ink);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background .22s var(--ah-ease), color .22s var(--ah-ease);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.atelier-hotspot .ah-cta:hover{background:var(--al-hero-cta-hover-bg);color:var(--al-hero-cta-hover-fg)}.atelier-hotspot .ah-ponudba{min-height:28px;color:var(--al-aqua-link);justify-self:start;align-items:center;gap:6px;font-size:12.5px;text-decoration:none;display:inline-flex}.atelier-hotspot .ah-ponudba:hover{text-underline-offset:3px;text-decoration:underline}.atelier-hotspot :is(.ah-cta,.ah-ponudba):focus-visible{outline:2px solid var(--al-aqua-link);outline-offset:3px}@media (max-width:640px){.atelier-hotspot .ah-plosca-m{font-size:15px}.atelier-hotspot .ah-kartica,.atelier-hotspot [data-kartica=levo] .ah-kartica{animation-name:ah-kartica-telefon;top:auto;bottom:28px;transform:none}.atelier-hotspot [data-spodaj] .ah-kartica{top:28px;bottom:auto}}@media (orientation:landscape) and (max-height:500px) and (max-width:1100px){.atelier-hotspot .ah-kartica{gap:8px;width:320px;padding:12px 14px 10px}.atelier-hotspot .ah-naslov{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.atelier-hotspot .ah-glava img{width:40px;height:40px}}@keyframes ah-prihod{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes ah-dih{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes ah-kartica{0%{opacity:0;transform:translate(-4px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes ah-kartica-telefon{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.atelier-hotspot :is(.ah-marker,.ah-kartica,.ah-val){animation:none!important}.atelier-hotspot :is(.ah-nit,.ah-plosca,.ah-jedro){transition:none!important}.atelier-hotspot .ah-marker:before{transition:none}}