@font-face{font-family:"Lora";font-style:normal;font-weight:500 700;font-display:swap;src:url("/fonts/lora/lora-normal-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Lora";font-style:normal;font-weight:500 700;font-display:swap;src:url("/fonts/lora/lora-normal-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:"Lora";font-style:italic;font-weight:500 600;font-display:swap;src:url("/fonts/lora/lora-italic-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Lora";font-style:italic;font-weight:500 600;font-display:swap;src:url("/fonts/lora/lora-italic-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:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/manrope/manrope-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/manrope/manrope-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{--ar-cyan:#00bdf2;--ar-cyan-soft:#dff7ff;--ar-ink:#151a1d;--ar-line:#d9dde0;--ar-line-dark:#252b2f;--ar-paper:#f4f2ec;--ar-paper-2:#ebe8df;--ar-white:#ffffff;--ar-danger:#a82c2c;--ar-success:#1c6a4d;--font-editorial:"Lora",Georgia,"Times New Roman",serif;--font-ui:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:var(--ar-ink);--muted:var(--ar-muted);--line:var(--ar-line);--cyan:var(--ar-cyan);--cyan-dark:var(--ar-cyan-deep);--cyan-soft:var(--ar-cyan-soft);--paper:var(--ar-paper);--font-serif:var(--font-editorial);--font-sans:var(--font-ui);--container:1280px;--container-reading:780px;--header-height:92px;--shadow-soft:0 20px 60px rgba(21,26,29,.08);--shadow-cover:0 20px 35px rgba(21,26,29,.18);--radius-sm:4px;--radius-md:10px;--radius-lg:18px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;min-width:320px;background:var(--ar-paper);font-family:var(--font-ui);font-size:16px;line-height:1.55;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none !important}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.site-main{min-height:65vh}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.skip-link{position:fixed;z-index:10000;top:12px;left:12px;padding:12px 18px;background:var(--ar-ink);color:var(--ar-white);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--font-editorial);font-weight:500;line-height:1.04;letter-spacing:-.025em}.section-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;font-size:.72rem;font-weight:800;letter-spacing:.16em;line-height:1.2;overflow-wrap:normal}.section-kicker::before{content:"";width:24px;height:2px;background:currentColor}.button{display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid transparent;border-radius:0;font-weight:750;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ar-ink);color:var(--ar-white);border-color:var(--ar-ink)}.button-primary:hover{background:var(--ar-cyan-deep);border-color:var(--ar-cyan-deep)}.button-block{width:100%}button:disabled,.button[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}.site-notice{background:var(--ar-ink);color:var(--ar-white);font-size:.75rem;letter-spacing:.03em}.site-notice-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-notice p{margin:0}.site-notice strong{color:var(--ar-cyan)}.site-notice a{color:#d6d9db}.site-header{position:sticky;top:0;z-index:900;background:rgba(244,242,236,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--ar-line);box-shadow:0 4px 18px rgba(22,26,29,.08)}.site-header-main{min-height:var(--header-height);display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:40px}.site-logo{display:block;width:212px}.site-logo img{width:100%;height:auto}.main-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,36px)}.main-navigation a{position:relative;padding:35px 0 31px;color:#353b3f;font-size:.78rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.main-navigation a::after{content:"";position:absolute;inset:auto 0 24px;height:2px;background:var(--ar-cyan);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.main-navigation a:hover::after,.main-navigation a.is-active::after{transform:scaleX(1)}.site-header-actions{display:flex;align-items:center;gap:8px}.header-search-link,.header-cart{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:0;background:transparent;cursor:pointer;transition:color .18s ease}.header-search-link svg,.header-cart svg{width:20px;height:20px}.header-cart{position:relative;gap:4px}.header-search-link[aria-expanded="true"],.header-cart[aria-expanded="true"]{background:transparent;color:var(--ar-cyan)}.nav-toggle{display:none;width:44px;height:44px;padding:10px;border:0;background:transparent;cursor:pointer}.nav-toggle span{display:block;width:22px;height:1.5px;margin:5px auto;background:var(--ar-ink)}.site-footer{background:var(--ar-ink);color:var(--ar-white)}.footer-top{display:grid;grid-template-columns:minmax(250px,1fr) 2fr;gap:9vw;padding:56px 0 28px}.footer-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,4vw,48px)}.footer-navigation h2{margin:0 0 24px;color:#80868a;font-family:var(--font-ui);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.footer-navigation a,.footer-navigation span{display:block;margin:0 0 12px;color:#d8dcde;font-size:.92rem}.footer-navigation a:last-child,.footer-navigation span:last-child{margin-bottom:0}.footer-navigation a:hover{color:var(--ar-cyan)}.footer-bottom{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #2b3236;color:#899094;font-size:.74rem}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media (max-width:1120px){:root{--header-height:78px}.site-header-main{grid-template-columns:185px 1fr auto;gap:20px}.site-logo{width:170px}.main-navigation{gap:clamp(10px,1.3vw,14px)}}@media (max-width:900px){.container{width:min(calc(100% - 32px),var(--container))}.site-notice-inner a{display:none}.footer-top{grid-template-columns:1fr;gap:60px}.footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.site-notice p{font-size:.67rem}.site-header-main{min-height:72px}.site-logo{width:125px}.footer-bottom{flex-direction:column}}@media (max-width:380px){.site-logo{width:110px}}:root{--ar-cyan-deep:#006f91;--ar-graphite:#454c50;--ar-muted:#565d61;--ar-focus:#8a4500}html{scroll-padding-top:calc(var(--header-height)+28px)}body{color:#171c1f}h3{font-size:clamp(1.2rem,1.8vw,1.75rem)}.section-kicker{color:#006785}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ar-focus);outline-offset:3px}button,[role="button"]{touch-action:manipulation}.button{min-height:48px}.site-notice a,.footer-navigation a,.footer-navigation span,.footer-bottom{color:#c8ced1}.site-header-actions button,.header-search-link,.nav-toggle{min-width:44px;min-height:44px}@media (max-width:620px){.container{width:min(calc(100% - 28px),var(--container))}}h1{font-size:clamp(2.35rem,4.3vw,4.45rem)}h2{font-size:clamp(1.75rem,3vw,3.05rem)}.section-kicker{color:#005d79}:where(a,button,input,select,textarea):not([tabindex="-1"]){-webkit-tap-highlight-color:rgba(0,111,145,.18)}:where(button,.button,.btn,.text-link,.main-navigation a,.footer-navigation a){min-height:44px}@media (max-width:620px){h1{font-size:clamp(2.05rem,9.6vw,3rem)}h2{font-size:clamp(1.55rem,7.2vw,2.2rem)}}.cart-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;background:var(--ar-cyan);color:var(--ar-ink);font-size:.68rem;border-radius:99px}.footer-bottom{align-items:center;gap:28px}.footer-copyright{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-socials{display:flex;align-items:center;gap:10px}.footer-socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3b4348;border-radius:50%;color:#d8dcde;transition:border-color .2s ease,color .2s ease,transform .2s ease}.footer-socials a:hover{border-color:var(--ar-cyan);color:var(--ar-cyan);transform:translateY(-2px)}.footer-socials svg{width:18px;height:18px}.footer-socials a:first-child svg path{fill:currentColor;stroke:none}.footer-socials a:nth-child(2) svg path,.footer-socials a:nth-child(3) svg rect,.footer-socials a:nth-child(3) svg circle:not(.is-filled){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-socials a:nth-child(3) svg .is-filled{fill:currentColor;stroke:none}.footer-social-text-icon{font-family:var(--font-ui);font-size:.86rem;font-weight:800;letter-spacing:-.04em}@media (max-width:620px){.footer-bottom{align-items:flex-start;gap:18px;border-top:0}.footer-socials{order:1;width:100%;flex-wrap:wrap;justify-content:center}.footer-copyright{order:2;width:100%;justify-content:center;text-align:center}}.footer-nav-toggle{display:none}.footer-nav-toggle span{margin:0;color:inherit;font-size:inherit}@media (max-width:620px){.footer-top{gap:34px;padding:40px 0 18px}.footer-manifesto p{margin-top:16px}.footer-navigation{grid-template-columns:1fr;gap:0;border-top:1px solid #2b3236}.footer-nav-section{border-bottom:1px solid #2b3236}.footer-nav-heading{display:none}.footer-nav-toggle{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:18px;padding:0;border:0;background:transparent;color:#d8dcde;font-family:var(--font-ui);font-size:.76rem;font-weight:800;letter-spacing:.15em;text-align:left;text-transform:uppercase;cursor:pointer}.footer-nav-toggle::after{content:"+";flex:0 0 auto;color:var(--ar-cyan);font-size:1.35rem;font-weight:400;line-height:1}.footer-nav-section.is-open .footer-nav-toggle::after{content:"−"}.footer-nav-links{display:none;padding:0 0 14px}.footer-nav-section.is-open .footer-nav-links{display:block}.footer-nav-links a{margin-bottom:2px;padding:8px 0}}.header-account{position:relative;flex:0 0 auto}.header-account>summary{list-style:none}.header-account>summary::-webkit-details-marker{display:none}.header-account-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:#123554;cursor:pointer;transition:color .18s ease,transform .18s ease}.header-account-toggle:hover{color:#e67d24}.header-account-user-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.header-account.is-guest .header-account-toggle{color:#123554}.header-account.is-guest[open] .header-account-toggle{color:#e67d24}.header-account.is-authenticated .header-account-toggle{color:var(--ar-cyan)}.header-account.is-authenticated .header-account-toggle:hover,.header-account.is-authenticated[open] .header-account-toggle{color:#e67d24}@media(max-width:620px){.header-account-toggle{width:32px;height:32px}}

/* Payment branding supplied by the acquiring bank. */
.footer-payment-strip{margin-top:0;border-top:1px solid #e2e3df;background:#fff}.footer-payment-logos-all{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px 28px;padding:18px 0}.footer-payment-logos-all img{display:block;width:84px;height:32px;flex:0 0 84px;object-fit:contain;object-position:center}.footer-payment-logos-all img[alt="Visa"]{width:72px;height:28px;flex-basis:72px}.footer-payment-logos-all img[alt="Maestro"]{width:98px;height:36px;flex-basis:98px}.footer-payment-logos-all img[alt="Visa Secure"]{width:106px;height:38px;flex-basis:106px}.footer-payment-logos-all img[alt="Mastercard Identity Check"]{width:112px;height:38px;flex-basis:112px}.footer-payment-logos-all img[alt="Raiffeisen Bank"]{width:132px;height:38px;flex-basis:132px}@media (max-width:620px){.footer-payment-logos-all{gap:14px 18px;padding:16px 0}.footer-payment-logos-all img{width:76px;height:29px;flex-basis:76px}.footer-payment-logos-all img[alt="Visa"]{width:68px;height:26px;flex-basis:68px}.footer-payment-logos-all img[alt="Maestro"]{width:88px;height:33px;flex-basis:88px}.footer-payment-logos-all img[alt="Visa Secure"]{width:94px;height:34px;flex-basis:94px}.footer-payment-logos-all img[alt="Mastercard Identity Check"]{width:100px;height:34px;flex-basis:100px}.footer-payment-logos-all img[alt="Raiffeisen Bank"]{width:116px;height:34px;flex-basis:116px}}
/* footer-header-palette */.site-footer{background:rgba(244,242,236,.95);color:var(--ar-ink)}.footer-navigation h2{color:var(--ar-ink)}.footer-navigation a,.footer-navigation span,.footer-bottom{color:var(--ar-graphite)}.footer-navigation a:hover{color:var(--ar-cyan-deep)}.footer-bottom{border-top-color:var(--ar-cyan)}.footer-socials a{border-color:var(--ar-cyan);background:var(--ar-cyan);color:var(--ar-ink)}.footer-socials a:hover{border-color:var(--ar-cyan-deep);background:var(--ar-cyan-deep);color:var(--ar-white)}.footer-payment-strip{border-top:1px solid var(--ar-cyan);background:rgba(244,242,236,.95)}@media(max-width:620px){.footer-navigation{border-top-color:var(--ar-cyan)}.footer-nav-section{border-bottom-color:var(--ar-cyan)}.footer-nav-toggle{color:var(--ar-ink)}.footer-nav-toggle::after{color:var(--ar-cyan)}}
/* footer typography + payment order polish */
.site-footer{
    position:relative;
    z-index:2;
    border-top:1px solid var(--ar-cyan);
    box-shadow:0 -10px 26px rgba(21,26,29,.14);
}
.footer-navigation h2{
    margin-bottom:20px;
    font-size:.9rem;
    font-weight:800;
    letter-spacing:.11em;
}
.footer-navigation a,
.footer-navigation span{
    font-size:.8rem;
    font-weight:700;
    line-height:1.45;
}
.footer-payment-strip{
    margin-top:4px;
}
@media(max-width:620px){
    .footer-nav-toggle{
        min-height:58px;
        font-size:.9rem;
        font-weight:800;
        letter-spacing:.1em;
    }
    .footer-nav-toggle span{
        font-size:inherit;
        font-weight:inherit;
    }
    .footer-nav-links a{
        font-size:.79rem;
        font-weight:700;
    }
}
/* tighter footer section item spacing */
.footer-navigation a,
.footer-navigation span{
    margin-bottom:6px;
    line-height:1.35;
}
.footer-navigation a{
    min-height:0;
}
@media(max-width:620px){
    .footer-nav-links a{
        min-height:0;
        margin-bottom:0;
        padding:5px 0;
        line-height:1.35;
    }
}

/* Logotipi kartica vode na zvanicne stranice, pa anchor preuzima mere slike. */
.footer-payment-logos-all a{display:flex;align-items:center;text-decoration:none}.footer-payment-logos-all a:hover{opacity:.7}.footer-payment-logos-all a:focus-visible{outline:3px solid var(--ar-focus);outline-offset:3px}

/* U footeru stoji isti SVG logo kao u zaglavlju, umesto ispisanog naziva i slogana. */
.footer-logo{display:block;width:min(100%,232px)}.footer-logo img{display:block;width:100%;height:auto}
@media (max-width:900px){.footer-logo{width:min(100%,200px)}}
@media (max-width:620px){.footer-logo{width:min(100%,170px)}}

/* Poslednja sekcija (Kontakt) na mobilnom nema donju liniju, a razmak do trake sa karticama je isti kao razmak od naslova sekcije do linije unutar akordeona. */
@media (max-width:620px){.footer-nav-section:last-child{border-bottom:0}.footer-top{padding-bottom:0}.footer-payment-strip{margin-top:0}}

/* Vodoravna navigacija se prikazuje samo kad ceo red zaglavlja stane u jedan red.
   Do 1120px ide zbijena varijanta (manji logo i razmaci), a ispod 950px sest
   stavki vise ne staje ni tako, pa umesto prelamanja ide hamburger. */
@media (max-width:950px){.site-header-main{grid-template-columns:1fr auto}.main-navigation{position:absolute;z-index:950;top:100%;right:0;left:0;max-height:calc(100vh - var(--header-height));overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:18px 16px 26px;background:var(--ar-paper);border-bottom:1px solid var(--ar-line);box-shadow:var(--shadow-soft);transform:translateY(-130%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.main-navigation.open{transform:translateY(0);opacity:1;pointer-events:auto}.main-navigation a{padding:15px 8px;border-bottom:1px solid var(--ar-line)}.main-navigation a::after{display:none}.nav-toggle{display:block}.header-search-link{display:inline-flex}.site-header-actions{gap:0}}

/* Lestvica loga: opada sa sirinom ekrana. Stoji na kraju fajla da je ne bi
   gazilo nijedno ranije pravilo. */
@media (max-width:1120px){.site-logo{width:170px}}@media (max-width:950px){.site-logo{width:150px}}@media (max-width:620px){.site-logo{width:118px}}@media (max-width:380px){.site-logo{width:104px}}
