:root{
    --sl-dark:#1b2130;
    --sl-dark-2:#12161f;
    --sl-red:#e8290b;
    --sl-line:#e2e5ea;
    --sl-line-2:#cfd4dd;
    --sl-muted:#8d94a3;
    --sl-text:#1f2530;
    --sl-gutter:12px;
    --sl-cat-col:300px;
}
html.sl-noscroll,
body.sl-noscroll{overflow:hidden}
.sl-topbar{
    background:var(--sl-dark-2);
    color:#c7ccd8;
    font-size:13px;
    line-height:1;
}
.sl-topbar a{color:#c7ccd8;text-decoration:none}
.sl-topbar a:hover{color:#fff}
.sl-topbar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:46px;
    padding:0 var(--sl-gutter);
    flex-wrap:wrap;
}
.sl-topbar-list{
    display:flex;
    align-items:center;
    gap:26px;
    margin:0;
    padding:0;
    list-style:none;
    flex-wrap:wrap;
}
.sl-topbar-list li{display:flex;align-items:center}
.sl-topbar-list i{color:var(--sl-red);margin-right:8px;font-size:14px}
.sl-topbar-social{display:flex;align-items:center;gap:16px}
.sl-topbar-social a{font-size:14px}
.sl-header-main{background:#fff;border-bottom:1px solid var(--sl-line);position:relative}
.sl-header-row{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px var(--sl-gutter);
}
.sl-menu-btn{
    flex:0 0 auto;
    display:none;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    border:0;
    background:none;
    color:var(--sl-text);
    font-size:22px;
    line-height:1;
    cursor:pointer;
    transition:color .2s;
}
.sl-menu-btn.open{color:var(--sl-red)}
.sl-logo{flex:0 0 auto;display:block;line-height:0}
.sl-logo img{max-width:230px;height:auto;display:block}
.sl-header-center{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:0;
    min-width:0;
}
.sl-cat-btn{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:54px;
    padding:0 20px;
    background:var(--sl-dark);
    color:#fff;
    border:0;
    border-radius:8px;
    font-size:15px;
    font-weight:500;
    white-space:nowrap;
    cursor:pointer;
    transition:background .2s;
}
.sl-cat-btn i{font-size:18px}
.sl-cat-btn:hover,
.sl-cat-btn.open{background:var(--sl-red)}
.sl-header-center .sl-cat-btn{border-radius:8px 0 0 8px}
.sl-search{
    flex:1 1 auto;
    display:flex;
    align-items:stretch;
    min-width:0;
    height:54px;
    border:1px solid var(--sl-line-2);
    border-radius:8px;
    overflow:hidden;
    background:#fff;
}
.sl-header-center .sl-search{border-radius:0 8px 8px 0;border-left:0}
.sl-search input[type="text"]{
    flex:1 1 auto;
    min-width:0;
    height:100%;
    margin:0;
    padding:0 18px;
    border:0;
    outline:0;
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none;
    line-height:normal;
    font-size:15px;
    color:var(--sl-text);
    background:transparent;
}
.sl-search input[type="text"]:focus{box-shadow:none;outline:0}
.sl-search input::placeholder{color:var(--sl-muted);line-height:normal}
.sl-search button{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    background:var(--sl-dark);
    color:#fff;
    width:66px;
    font-size:18px;
    line-height:1;
    cursor:pointer;
    transition:background .2s;
}
.sl-search button:hover{background:var(--sl-red)}
.sl-actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:4px;
}
.sl-action{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-width:78px;
    padding:4px 6px;
    background:none;
    border:0;
    color:var(--sl-text);
    text-decoration:none;
    cursor:pointer;
    transition:color .2s;
}
.sl-action:hover{color:var(--sl-red)}
.sl-action i{font-size:23px;line-height:1}
.sl-action-lbl{
    font-size:11px;
    font-weight:700;
    letter-spacing:.3px;
    text-transform:uppercase;
    white-space:nowrap;
}
.sl-action .sl-badge{
    position:absolute;
    top:-2px;
    right:16px;
    min-width:19px;
    height:19px;
    padding:0 5px;
    border-radius:10px;
    background:var(--sl-red);
    color:#fff;
    font-size:11px;
    font-weight:700;
    line-height:19px;
    text-align:center;
}
.sl-only-mobile{display:none}
.sl-mobile-search{display:none;padding:0 var(--sl-gutter) 12px}
.sl-cat-panel{
    display:none;
    background:#fff;
    border:1px solid var(--sl-line);
    border-radius:8px;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
    box-shadow:0 18px 40px rgba(10,15,25,.18);
    overflow:hidden;
}
.sl-cat-panel.open{display:flex;flex-direction:column}
.sl-cat-panel-head{display:none}
.sl-cat-panel-search{padding:14px 16px;border-bottom:1px solid var(--sl-line);background:#f7f8fa}
.sl-cat-panel-search input{
    width:100%;
    height:44px;
    margin:0;
    border:1px solid var(--sl-line-2);
    border-radius:6px;
    padding:0 14px;
    font-size:14px;
    outline:0;
}
.sl-cat-panel-search input:focus{border-color:var(--sl-red)}
.sl-cat-tree{margin:0;padding:0;list-style:none}
.sl-cat-node{margin:0;padding:0}
.sl-cat-row{
    display:flex;
    align-items:center;
    border-left:3px solid transparent;
}
.sl-cat-link{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    gap:11px;
    padding:11px 8px 11px 14px;
    font-size:14.5px;
    color:var(--sl-text);
    text-decoration:none;
}
.sl-cat-link img{
    flex:0 0 30px;
    width:30px;
    height:30px;
    object-fit:contain;
    mix-blend-mode:multiply;
}
.sl-cat-link span{flex:1 1 auto;min-width:0}
.sl-cat-toggle{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    align-self:stretch;
    margin:0;
    padding:0;
    border:0;
    background:none;
    color:var(--sl-muted);
    font-size:13px;
    cursor:pointer;
    transition:transform .2s,color .2s;
}
.sl-cat-toggle i{transition:transform .2s}
.sl-cat-node.open > .sl-cat-row .sl-cat-toggle{color:var(--sl-red)}
.sl-cat-node.open > .sl-cat-row .sl-cat-toggle i{transform:rotate(-90deg)}
.sl-cat-children-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 14px;
    padding-bottom:12px;
    border-bottom:1px solid var(--sl-line);
}
.sl-cat-children-head img{
    flex:0 0 44px;
    width:44px;
    height:44px;
    object-fit:contain;
    mix-blend-mode:multiply;
}
.sl-cat-children-head > span{
    flex:1 1 auto;
    font-size:17px;
    font-weight:700;
    color:var(--sl-text);
}
.sl-cat-children-head a{
    flex:0 0 auto;
    color:var(--sl-red);
    font-size:12px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}
.sl-cat-children-head a:hover{text-decoration:underline}
.sl-cat-grupa{margin-bottom:16px}
.sl-cat-grupa-naslov{
    display:block;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.4px;
    color:var(--sl-muted);
    padding-bottom:6px;
    margin-bottom:6px;
    border-bottom:1px solid var(--sl-line);
}
.sl-cat-sub-links{margin:0;padding:0;list-style:none}
.sl-cat-sub-links a{
    display:flex;
    align-items:center;
    gap:11px;
    padding:7px 6px;
    border-radius:6px;
    font-size:13.5px;
    color:#3d4553;
    text-decoration:none;
    transition:background .15s,color .15s;
}
.sl-cat-sub-links a:hover{background:#f6f7f9;color:var(--sl-red)}
.sl-cat-sub-links img{
    flex:0 0 32px;
    width:32px;
    height:32px;
    object-fit:contain;
    mix-blend-mode:multiply;
}
.sl-cat-sub-links a > span{flex:1 1 auto;min-width:0;line-height:1.25}
.sl-cat-empty{padding:26px 20px;color:var(--sl-muted);font-size:14px}
.sl-cat-nav{display:none}
.sl-cat-backdrop{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(10,15,25,.45);
    z-index:99990;
}
.sl-cat-backdrop.open{display:block}
.sl-header-center .sl-cat-btn{
    width:auto !important;
    padding:0 20px !important;
    gap:10px !important;
}
.as-sort-bar .sortbar-ctl{
    position:relative;
    overflow:hidden;
    border:0;
    transition:background-color .25s ease,color .25s ease;
}
.as-sort-bar .sortbar-ctl::before,
.as-sort-bar .sortbar-ctl::after{content:none !important;display:none !important}
.as-sort-bar .as-filter-toggle{background-color:var(--sl-dark);color:#fff}
.as-sort-bar .as-filter-toggle:hover{background-color:var(--sl-red);color:#fff}
.as-sort-bar .as-reset-btn{background-color:var(--sl-dark);color:#fff}
.as-sort-bar .as-reset-btn:hover{background-color:var(--sl-red);color:#fff}
@media (min-width:1200px){
    header.as-header .sticky-wrapper{
        position:sticky;
        top:0;
        z-index:1050;
        background:#fff;
        transition:box-shadow .2s;
    }
    header.as-header .sticky-wrapper.sl-stuck{box-shadow:0 6px 18px rgba(10,15,25,.10)}
    .sl-cat-panel{
        position:fixed;
        top:0;
        left:0;
        right:auto;
        width:auto;
        z-index:100000;
    }
    .sl-cat-panel-body{position:relative;height:min(64vh,520px)}
    .sl-cat-tree{
        width:var(--sl-cat-col);
        height:100%;
        overflow-y:auto;
        border-right:1px solid var(--sl-line);
        padding:6px 0;
    }
    .sl-cat-row{cursor:pointer}
    .sl-cat-node.active > .sl-cat-row,
    .sl-cat-row:hover{background:#fbeae7;border-left-color:var(--sl-red)}
    .sl-cat-node.active > .sl-cat-row .sl-cat-link,
    .sl-cat-row:hover .sl-cat-link{color:var(--sl-red)}
    .sl-cat-toggle{pointer-events:none;width:34px}
    .sl-cat-node.open > .sl-cat-row .sl-cat-toggle i{transform:none}
    .sl-cat-children{
        display:none;
        position:absolute;
        left:var(--sl-cat-col);
        top:0;
        right:0;
        bottom:0;
        overflow-y:auto;
        padding:16px 20px 20px;
    }
    .sl-cat-node.active > .sl-cat-children{display:block}
    .sl-cat-sub-links{
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
        gap:2px 16px;
    }
    .sl-cat-empty{position:absolute;left:var(--sl-cat-col);top:0}
}
@media (max-width:1199.98px){
    .sl-topbar{display:none}
    .sl-header-row{gap:12px;padding:10px var(--sl-gutter) 8px}
    .sl-menu-btn{display:inline-flex}
    .sl-logo img{max-width:160px}
    .sl-header-center{display:none}
    .sl-mobile-search{display:block}
    .sl-actions{margin-left:auto;gap:18px}
    .sl-action{min-width:auto}
    .sl-action i{font-size:22px}
    .sl-action-lbl{display:none}
    .sl-action .sl-badge{top:-4px;right:-2px}
    .sl-only-mobile{display:inline-flex}
    .sl-cat-panel{
        display:flex;
        flex-direction:column;
        position:fixed;
        z-index:100000;
        left:0;
        top:0;
        bottom:0;
        width:88%;
        max-width:400px;
        border:0;
        border-radius:0;
        transform:translateX(-100%);
        transition:transform .25s ease;
        box-shadow:0 0 40px rgba(10,15,25,.25);
    }
    .sl-cat-panel.open{transform:translateX(0)}
    .sl-cat-panel-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:14px 16px;
        background:var(--sl-dark);
        color:#fff;
    }
    .sl-cat-panel-title{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
    .sl-cat-close{
        margin:0;padding:0;border:0;background:none;
        color:#fff;font-size:22px;line-height:1;cursor:pointer;
    }
    .sl-cat-panel-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .sl-cat-tree{width:auto}
    .sl-cat-node{border-bottom:1px solid var(--sl-line)}
    .sl-cat-row{border-left:0}
    .sl-cat-node.open > .sl-cat-row{background:#f7f8fa}
    .sl-cat-node.open > .sl-cat-row .sl-cat-link{color:var(--sl-red);font-weight:600}
    .sl-cat-children{display:none;padding:4px 14px 12px 22px;background:#fbfbfc}
    .sl-cat-node.open > .sl-cat-children{display:block}
    .sl-cat-children-head{
        margin:0 0 8px;
        padding:0 0 8px;
    }
    .sl-cat-children-head img,
    .sl-cat-children-head > span{display:none}
    .sl-cat-children-head a{font-size:12.5px}
    .sl-cat-nav{
        display:flex;
        flex-wrap:wrap;
        border-top:1px solid var(--sl-line);
        background:#f7f8fa;
        padding:4px 0;
    }
    .sl-cat-nav a{
        flex:1 1 50%;
        display:flex;
        align-items:center;
        gap:9px;
        padding:11px 16px;
        font-size:13px;
        font-weight:600;
        color:var(--sl-text);
        text-decoration:none;
    }
    .sl-cat-nav a i{width:16px;text-align:center;color:var(--sl-red);font-size:14px}
}
@media (max-width:575.98px){
    .sl-header-row{gap:10px}
    .sl-menu-btn{width:34px;height:34px;font-size:21px}
    .sl-logo img{max-width:138px}
    .sl-actions{gap:8px}
    .sl-action i{font-size:20px}
    .sl-search{height:48px;border-radius:6px}
    .sl-search input[type="text"]{padding:0 14px;font-size:14px}
    .sl-search button{width:58px;font-size:16px}
    .sl-cat-panel{width:92%}
}