[v-cloak] > * {
    visibility: hidden;
}

/* GLOBAL */

body {
    position: relative;
    font-family: 'Work Sans', Arial, sans-serif;
    font-weight: 400;
    color: #3a3937;
    line-height: 1.6;
    background: #F4ECEA;
}

::-moz-selection {
    color: #fff;
    background: #A69D8E;
}

::selection {
    color: #fff;
    background: #A69D8E;
}

a {
    color: #3a3937;
    text-decoration: none;
}

a:hover,
a:focus,
a.active {
    color: #9f8574;
    text-decoration: none;
}

strong {
    font-weight: 700;
}

a,
button,
.lang > div,
path,
input {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

button,
button:focus {
    border: 0;
    outline: none;
}

input[type=text], input[type=password] {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Amiri', Georgia, serif;
    margin: 0;
}

h1 {
    font-size: 45px;
    margin-bottom: 40px;
    margin-top: 10px;
}

#category-container h1 {
    margin-bottom: 10px;
    margin-top: 0;
}

h2, .h2 {
    font-size: 30px;
}

h4, .h4 {
    font-size: 20px;
    font-weight: 700;
}

.section-title {
    text-align: center;
}

.req {
    color: #E9003F;
    font-size: 120%;
    font-weight: 700;
    margin-left: 8px;
    vertical-align: middle;
}

.img_responsive, .imgresponsive {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
}

.textbox, textarea {
    background: #ebedef;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.textbox:focus, textarea:focus, .select-list:focus {
    background: #fff;
    border-color: #7e8289;
    box-shadow: 0 0 10px rgba(49,56,68,0.2);
}

.btn {
    display: inline-block;
    padding: 15px 30px;
    margin: 0;
    color: #000;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #000;
    text-transform: uppercase;
    transition: all .3s ease-out;
}

.btn:focus,
.btn:hover,
.btn:active {
    background: #7f624f;
    color: #ffffff;
    border-color: #7f624f;
    outline: none;
}

.btn-primary,
.btn-secondary:hover {
    background: #9F8574;
    border: none;
    color: #fff;
    border-radius: 4px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-check:checked + .btn,
.btn.active, .btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    background: #7f624f;
    border-color: #7f624f;
    color: #fff;
}

.btn-secondary {
    background: #7f624f;
    border-color: #7f624f;
    color: #ffffff;
}

.btn-action {
    background: #9F8574;
    border-color: #9F8574;
    color: #ffffff;
}

.btn-action:focus,
.btn-action:active,
.btn-action:hover,
.btn-action-white:hover,
.btn-action-white:focus,
.btn-action-white:active {
    background: #7f624f;
    border-color: #7f624f;
    color: #fff;
}

.btn.disabled,
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #898479;
    border-color: #898479;
}

.login-3rd-party {
    margin-top: 20px;
}

.login-3rd-party .btn,
.login-3rd-party .btn:focus {
    color: #ffffff;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(33.333% - 16px);
    font-size: 16px;
    margin-top: 10px;
    margin-left: 24px;
    text-transform: none;
    padding: 10px 0;
    white-space: nowrap;
}

.login-3rd-party .btn:first-child {
    margin-left: 0;
}

.login-3rd-party .btn svg {
    max-height: 18px;
    margin-right: 10px;
}

.login-3rd-party .facebook-login {
    background: #4267B2;
    border-color: transparent;
}

.login-3rd-party .google-login {
    background: #DD4b39;
    border-color: transparent;
}

.login-3rd-party .apple-login {
    background: #050708;
    border-color: transparent;
}

.login-3rd-party .facebook-login:hover,
.login-3rd-party .google-login:hover,
.login-3rd-party .apple-login:hover {
    background: #2e2e2e;
}

.three-cols .login-3rd-party .btn {
    width: 100%;
    margin-left: 0;
}

.no-scroll {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}

.center-img {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    max-width: 100%;
}

svg {
    transition: all .5s cubic-bezier(0.21, 1.17, 0.73, 1.21);
}

.dark-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.tablica-3-kolone {
    width: 100%;
}

.tablica-3-kolone td {
    width: 33.333%;
    padding-right: 40px;
    padding-top: 60px;
}

.tablica-3-kolone tr:first-of-type td {
    padding-top: 10px;
}

.tablica-podaci {
    border-spacing: 0;
    border-collapse: collapse;
    border-width: 1px;
}

.tablica-podaci tr td {
    padding: 8px 15px;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.tablica-podaci tr td:first-child {
    background: #f2f2f2;
    color: #888888;
}



/* CUSTOM CHECKBOXES */
label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: 600;
}

/* custom checkbox */
.inp-cbx {
    display: none;
}

.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100%;
}

.cbx span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.basket .cbx span {
    font-weight: 300;
    color: #454545;
}

.cbx span:first-child {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    transform: scale(1);
    vertical-align: top;
    margin: 2px 0 0 0;
    border: 1px solid #898479;
    background: transparent;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

footer .cbx span:first-child {
    border: 1px solid transparent;
}

.cbx span:first-child svg {
    position: absolute;
    top: 5px;
    left: 4px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0.1s;
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #9F8574;
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.cbx span:last-child {
    padding-left: 12px;
    max-width: 90%;
}

.cbx:hover span:first-child {
    border-color: #9F8574;
}

.inp-cbx:checked + .cbx span:first-child {
    background: #9F8574;
    border-color: #9F8574;
    animation: wave 0.4s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.inp-cbx:checked + .cbx span:first-child:before {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

/* end custom checkbox */


input[type=radio] {
    display: none;
}

input[type=radio] + label {
    position: relative;
    font-weight: 400;
}

input[type=radio] + label:before {
    content: ' ';
    position: relative;
    top: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #9F8574;
    text-align: center;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 100%;
}

input[type=radio]:checked + label:after {
    content: ' ';
    position: absolute;
    display: inline-block;
    left: 5px;
    top: 9px;
    width: 10px;
    height: 10px;
    background: #9f8574;
    border-radius: 5px;
    text-align: center;
}


/* SELECTPICKER OVERRIDE */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select .btn {
    text-transform: none;
    padding: 11px 16px;
    text-shadow: none;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
}

.bootstrap-select .btn .filter-option {
    font-size: 15px;
    font-weight: 400;
    color: #39434B;
    padding-right: 15px;
    line-height: 23px;
}

.bootstrap-select .btn:hover,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:hover .filter-option {
    color: #39434B;
    background: #f1f2f3;
}

.bootstrap-select.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.bootstrap-select.btn-group .btn.dropdown-toggle:hover .caret::before {
    color: #39434B;
}

.bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select.open > .dropdown-toggle.btn-default {
    background: #ddd;
    border-color: #ddd;
    color: #232323;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 25px;
    top: 13px;
    border: 0;
}

.bootstrap-select.btn-group .dropdown-toggle .caret::before {
    display: inline-block;
    content: '\61';
    font-size: 12px;
    color: #39434B;
}

.bootstrap-select.btn-group .btn.dropdown-toggle:hover .caret::before {
    color: #39434B;
}

.bootstrap-select .dropdown-menu {
    border-radius: 2px;
    border: 0;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
    font-size: 15px;
    font-weight: 400;
}

.bootstrap-select .dropdown-menu > li > a {
    padding: 5px 15px;
}

.dropdown-item {
    line-height: 1.8;
}


.bootstrap-select .dropdown-menu > li > a:hover {
    background: #ddd;
}

.bootstrap-select .dropdown-menu > li.selected a {
    background: none;
    color: #898479;
}




/* GD SELECT*/
.gd-select {
    position: relative;
}

.gd-selected {
    position: relative;
    background: #ededed;
    padding: 7px 16px 9px 16px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.gd-selected button {
    position: relative;
    display: block;
    width: 100%;
    background: none;
    padding: 0 30px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-weight: 700;
}

.gd-selected > svg {
    position: absolute;
    width: 11px;
    right: 16px;
    top: 14px;
    fill: #434343;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.gd-selected.is-expanded > svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.gd-search {
    padding: 16px 12px 2px 12px;
}

.gd-search input {
    display: block;
    width: 100%;
    border: 1px solid #AEB1BB;
    padding: 4px 8px;
    font-style: italic;
    border-radius: 2px;
}

.gd-dropdown {
    display: block;
    position: relative;
    width: 100%;
}

.gd-dropdown ul {
    margin: 0;
    padding: 10px 0;
    list-style: none;
}

.gd-dropdown ul li {
    display: block;
    position: relative;
    padding: 4px 16px;
    cursor: pointer;
    line-height: 20px;
}

.gd-dropdown ul a,
.gd-dropdown ul em {
    position: relative;
    display: block;
    color: #333;
    text-decoration: none;
    padding-right: 40px;
    padding-left: 32px;
}

.gd-dropdown ul a:hover {
    color: #898479;
}

.gd-dropdown .disabled {
    cursor: default;
}

.gd-dropdown .disabled em {
    color: #999;
    font-style: normal;
}

.gd-dropdown .amount {
    position: absolute;
    right: 14px;
    top: 3px;
    color: #999;
    font-size: 13px;
}

.gd-dropdown .item-check {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 4px;
    border: 1px solid #AEB1BB;
    border-radius: 2px;
}

.gd-dropdown .item-check::after {
    content: '';
    display: none;
    position: absolute;
    left: -1px;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../img/checkmark.svg) 50% 50% no-repeat;
    background-size: 12px auto;
}

.gd-dropdown .checked .item-check::after {
    display: block;
}

/* RANGE SLIDER */
.noUi-horizontal {
    margin: 6px 6px 20px 8px;
    height: 2px;
}

.noUi-target {
    border: 0;
    border-radius: 2px;
    box-shadow: none;
}

.noUi-origin {
    border-radius: 10px;
}

.noUi-background {
    background: #AEB1BB;
    box-shadow: none;
}

.noUi-base {
    background: #AEB1BB;
}

.noUi-connect {
    background: #AEB1BB;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    left: -8px;
    top: -7px;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
    left: -10px;
}

.noUi-origin {
    background: #AEB1BB;
}

.noUi-origin:first-of-type {
    background: #AEB1BB;
}

.noUi-handle {
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    cursor: pointer;
    background: #343434;
}

.noUi-handle::before {
    display: none;
}

.noUi-handle::after {
    display: none;
}

/* WRAPPERS */
.mobile-visible,
.tablet-visible {
    display: none;
}

.topbar {
    background: #898479;
    color: #ffffff;
    padding: 7px 50px;
    font-size: 14px;
}

.topbar a {
    color: #ffffff;
}

.topbar a:hover {
    opacity: .7;
}

.topbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.topbar ul li {
    display: inline-block;
    margin: 0 30px 0 0;
}

.topbar .right-side li:last-child {
    margin: 0;
}

header {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    /*background: #fff;*/
    z-index: 101;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

header .logo {
    position: static;
    transform: none;
    margin-right: auto;
}

header .logo img {
    width: 230px;
}

.hw-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 80px;
}


.search {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-color: #F4ECEA;
    z-index: 101;
    margin: 0;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 28px 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom: 1px solid #dfcec3;
    box-shadow: 0 20px 40px -12px rgba(58, 57, 55, 0.18);
    transition: opacity .3s, visibility 0s .3s;
}

.search.active {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s;
}

.search ul {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.search > #katalogSearch > ul:before {
    content: "\e903";
    position: absolute;
    left: 24px;
    top: 50%;
    font-size: 17px;
    color: #9F8574;
    font-family: 'icons';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateY(-50%);
    z-index: 1;
}

.search .search-field {
    flex: 1;
    min-width: 0;
}

.search .search-field input {
    display: block;
    width: 100%;
    padding: 15px 20px 15px 52px;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    background: #fff;
    color: #3a3937;
    font-style: normal;
    font-size: 15px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.search .search-field input:focus {
    outline: none;
    border-color: #9F8574;
    box-shadow: 0 0 0 3px rgba(159, 133, 116, 0.15);
}

.search .search-field input::-webkit-input-placeholder {
    color: #857c74;
    font-style: italic;
}

.search .search-field input::-moz-placeholder {
    color: #857c74;
    font-style: italic;
}

.search .search-field input:-ms-input-placeholder {
    color: #857c74;
    font-style: italic;
}

.search .search-field input:-moz-placeholder {
    color: #857c74;
    font-style: italic;
}

.search .search-btn {
    width: 100%;
    width: 32px;
    text-align: center;
}

.search .search-btn a {
    position: relative;
    display: block;
    width: 100%;
    height: 32px;
    background: #9F8574;
    border-radius: 100%;
    top: -2px;
    transition: background .2s ease;
}

.search .search-btn a:hover,
.search .search-btn a:focus {
    background: #7f624f;
}

.search .search-btn a svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
    margin: 4px 0 0 0;
}

.search .search-btn a:hover svg {
    fill: #fff;
}

.search .mic {
    position: absolute;
    top: 0;
    right: 40px;
    height: 40px;
    z-index: 2;
    cursor: pointer;
}

.search-close {
    position: relative;
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    font-size: 0;
    cursor: pointer;
    transition: background .2s ease;
}

.search-close:hover {
    background: rgba(159, 133, 116, .12);
}

.search-close:before,
.search-close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background: #3a3937;
    border-radius: 2px;
}

.search-close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.search-close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

#katalogSearch {
    position: relative;
    max-width: 934px;
    margin: 0 auto;
}

.header-menu {
    display: flex;
    align-items: center;
    gap: 25px;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
}

.header-menu > li {
    margin: 0;
    padding: 10px 0;
}

.header-menu > li:last-child {
    margin: 0;
    display: none;
}

.user-menu-trigger {
    position: relative;
}

.user-menu-trigger::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 4px;
    right: -2px;
    background: #9F8574;
}

.header-menu ul li {
    line-height: 1.6;
    padding: 5px 0;
}

.header-menu li i[class^="icon"],
.header-menu li a[class^="icon"] {
    font-size: 22px;
    cursor: pointer;
}

.header-menu li a {
    position: relative;
    display: block;
    opacity: 1;
}

.header-menu li a:hover {
    opacity: .7;
}

.header-menu li a span {
    font-size: 24px;
}

.header-menu .login-register a,
.header-menu .favs a {
    display: inline-block;
    top: -1px;
}

.header-menu li a i {
    position: absolute;
    right: -12px;
    top: -7px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    background: #9f8574;
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    font-family: "Work Sans", Arial, sans-serif;
    border: 1px solid #fff;
}

.header-menu .show-mini-bag {
    position: relative;
    margin: 0;
}

.header-menu .user-menu-trigger > a > span {
    font-size: 22px;
}

.homepage .user-menu {
    top: 50px;
}

.user-menu {
    display: none;
    position: absolute;
    width: 170px;
    right: -77px;
    top: 62px;
    z-index: 1000;
    background: #fff;
    color: #ffffff;
    margin: 0;
    list-style: none;
    border-radius: 4px;
    font-size: 15px;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    padding: 0;
}

.user-menu.not-logged {
    padding: 7px 20px 10px 20px;
}

.header-menu li .user-menu a {
    color: #000000;
}

.user-menu li {
    border-bottom: 1px solid #ddd;
}

.user-menu li:last-child {
    border: none;
    padding: 5px 0 0 0;
}

.user-menu.not-logged {
    width: 140px;  
}

.user-menu-trigger.login-register::after {
    display: none;
}

.user-menu-title {
    position: relative;
    display: block;
    font-size: 16px;
    padding: 8px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #9f8574;
    border: 1px solid #9f8574;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.user-menu ul {
    margin: 0;
    padding: 8px 20px 5px 20px;
    list-style: none;
    text-align: left;
}

.user-menu ul li {
    display: block;
    padding: 0 0 5px 0;
}

.basket-price-wrapper {
    position: absolute;
    top: -27px;
    right: -31px;
    font-size: 13px;
    line-height: 1;
    background: #e2e2e2;
    text-align: center;
    padding: 2px;
    border-radius: 20px;
    width: 90px;
}

.lang {
    position: relative;
}

.lang.currency {
    top: 2px;
}

.lang > .lang-curr-label {
    transition: 0.3s all ease;
    cursor: pointer;
}

.lang > span:hover {
    color: #222;
}

.lang ul {
    display: none;
    position: absolute;
    left: -30px;
    top: 30px;
    z-index: 1000;
    background: #fff;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    border: 1px solid #e9e9e9;
    border-radius: 2px;
}


.currency-mobile {
    display: none;
}

.topbar .lang ul {
    width: 85px;
}

.header-menu .currency ul {
    top: 40px;
}

.lang ul li {
    display: block;
}

.lang ul li a {
    display: block;
    padding: 5px 30px;
    color: #222;
}

.lang ul li a {
    display: block;
    padding: 5px 30px;
    color: #222;
}

.lang-curr-label:hover,
.lang ul li a:hover {
    color: #898479;
}

.topbar .lang-curr-label:hover {
    color: #ffffff;
    opacity: .7;
}

.lang-curr-label svg {
    position: relative;
    top: -2px;
    margin: 0 0 0 10px;
}

.lang-curr-label path {
    fill: #000000;
}

.lang-curr-label:hover path {
    fill: #898479;
}

.topbar .lang-curr-label path,
.topbar .lang-curr-label:hover path {
    fill: #ffffff;
}

.lang-curr-label:hover path {
    opacity: .7;
}

.section-title span {
    font-size: 35px;
    font-weight: 300;
}

.section-content {
    margin-top: 40px;
}

.section-bottom {
    margin-top: 40px;
    text-align: center;
}

.section-title span {
    font-size: 35px;
    font-weight: 300;
}

.section-content {
    margin-top: 40px;
}

.section-bottom {
    margin-top: 40px;
    text-align: center;
}



/* MAIN MENU */
.main-menu-wrapper {
    position: relative;
    z-index: 100;
    margin: 0 30px 0 0;
    /*background: #fff;*/
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.main-menu {
    position: relative;
}

.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu > ul > li:first-of-type {
    padding-left: 0;
}

.main-menu > ul > li:last-of-type {
    padding-right: 0;
}

.main-menu > ul > li > a {
    display: block;
    font-weight: 500;
    background: transparent;
    text-transform: uppercase;
}

.main-menu a:hover,
.main-menu a:focus,
.main-menu a:active {
    color: #000;
    opacity: .7;
}

.main-menu a.active {
    color: #e1e1e1;
    text-decoration: underline;
}

.main-menu > ul .single-col {
    position: relative;
}

.main-menu .sub-nav {
    display: none;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 52px;
    background: #ffffff;
    /*    border-bottom: 1px solid #A0A4B1;*/
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    padding: 20px;
}

.sub-nav .active {
    color: #343434;
    text-decoration: underline;
}

.sub-nav-inner {
    display: block;
    margin: 0 auto;
    width: 1400px;
    padding: 0 0 50px 0;
    max-height: 70vh;
    overflow-y: auto;
}

.sub-nav-col {
    float: left;
    display: block;
    width: 338px;
    padding: 0 30px 30px 0;
    font-size: 15px;
}

.sub-nav-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sub-nav-col ul:first-child {
    margin-top: 0;
}

.sub-nav-col ul li {
    display: block;
    padding: 4px 0 0 0;
}

.sub-nav-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sub-nav-col ul:first-child {
    margin-top: 0;
}

.sub-nav-col ul li {
    display: block;
    padding: 4px 0 0 0;
}

.sub-nav a,
.sub-nav-col ul li a {
    color: #000000;
}

.sub-nav-col ul li a:hover {
    color: #898479;
}

.sub-nav-col .cat-name {
    font-weight: 700;
    color: #000000;
    font-size: 15px;
}

.homepage .main-menu .sub-nav {
    top: 40px;
    transition: top .3s ease-out;
}

.homepage .user-menu {
    top: 48px;
    transition: top .3s ease-out;
}

.homepage header.header-scrolled .main-menu .sub-nav {
    top: 50px;
    transition: top .3s ease-out;
}

.homepage header.header-scrolled .user-menu {
    top: 62px;
    transition: top .3s ease-out;
}

.mobile-main-user-controls,
.mobile-main-menu-head,
.mobile-sign-in-up,
.user-links {
    display: none;
}

.main-content-wrapper {
    margin-top: 80px;
    /*display: inline-block;*/
    width: 100%;
}

.homepage .main-content-wrapper {
    margin: 0;
}

.path {
    padding: 20px 0;
}

.home-slider-wrapper {
    position: relative;
}

.home-slider-wrapper .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.1);
}

.home-slider-wrapper picture,
.home-slider-wrapper img,
.home-slider-wrapper source {
    width: 100%;
    height: auto;
}

.home-slider-wrapper .btn {
    display: inline-block;
    margin: 18px 0 0 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.home-slider-wrapper a:hover h2 {
    color: #000000;
}

.slide-content-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.slide-content-wrap > .container {
    display: flex;
    align-items: center;
    height: 100%;
    /*padding-bottom: 9.35%;*/
}

.slide-content h2 {
    font-size: 35px;
    line-height: 1;
}

.slide-content .sc-title {
    font-size: 55px;
    margin: 10px 0;
}


.slide-content .sc-subtitle {
    font-family: 'Work Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #383838;
}

/* HOME CATEGORIES */

.popular-categories-wrapper {
    position: relative;
    padding: 20px;
    background: #f7f1f1;
}

.popular-categories-wrapper h2 {
    position: relative;
    font-size: 15px;
    margin: 0 0 10px 0;
    font-weight: 400;
}

.home-categories-carousel img {
    max-width: 42px;
    margin: 0 0 0 25px;
}

.home-categories-carousel .swiper {
    padding: 20px 15px;
}

.home-categories-carousel .swiper-slide {
    width: auto;
}

.home-categories-carousel .swiper-slide a {
    display: inline-block;
    padding: 4px 15px;
    width: 100%;
    font-size: 18px;
    color: #000000;
    background: #ffffff;
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
    min-width: 185px;
    border: 1px solid transparent;
    min-height: 50px;
    border-radius: 2px;
}

.home-categories-carousel .swiper-slide a {
    min-height: auto;
    padding: 10px 15px;
    text-align: center;
}

.home-categories-carousel .swiper-slide a.active,
.home-categories-carousel .swiper-slide a:hover,
.home-categories-carousel .swiper-slide a:focus,
.home-categories-carousel .swiper-slide a:active {
    background: #898479;
    color: #ffffff;
}

.home-categories-carousel .swiper-slide .odabrano {
    background: #ddb477;
    color: #ffffff;
}

.home-categories-carousel .swiper-slide .odabrano:hover {
    background: #BD9965;
}

.home-categories-carousel .swiper-slide {
    width: auto;
}

.swiper-scrollbar-drag {
    background: rgba(99, 140, 153, .6);
}

.swiper-horizontal > .swiper-scrollbar {
    height: 3px;
    left: 15px;
    width: 99%;
}

.swiper-button-prev,
.swiper-button-next {
    width: 40px;
    height: 80px;
    background: #ffffff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: #f7f1f1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "\e902";
    color: #320C44;
    font-size: 16px;
    font-family: 'icons';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.katalog-tabs {
    margin-top: 35px;
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
}

.katalog-tabs .nav-tabs {
    justify-content: flex-start;
    text-align: left;
}

.katalog-tabs .nav-tabs li {
    margin: 0 20px 0 0;
}

.katalog-tabs .nav-tabs .nav-tabs-label {
    margin: 0 5px 0 0;
    font-weight: 500;
}

.katalog-tabs .nav-tabs li:last-child {
    margin: 0;
}

.katalog-tabs .nav-tabs a {
    line-height: 1.1;
    white-space: normal;
}

/* TABS */
.nav-tabs {
    text-align: center;
    padding: 0;
    margin: 0;
    border-bottom: none;
    gap: 10px;
    justify-content: center;
}

.featured .nav-tabs {
    gap: 20px;
}

.nav-tabs li {
    display: inline-block;
    margin: 0;
}

.nav-tabs li a,
.nav-tabs .nav-link {
    display: flex;
    height: 29px;
    align-items: center;
    font-size: 18px;
    margin-right: 30px;
    margin-bottom: 0;
    font-weight: 400;
    border: none;
    color: #343434;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    padding: 0;
    background: none;
    border-bottom: 2px solid transparent;
}

.nav-tabs li a:last-child {
    margin: 0;
}

.nav-tabs > li > a.active,
.nav-tabs > li > a.active:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a.active:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid #9F8574;
    color: #3a3937;
    border-radius: 0;
    background: transparent;
}

/* ACTIONS */
.actions .card .card-header a {
    margin-right: 0;
    font-size: 14px;
    font-weight: 600;
    color: #104864;
    border: none;
    border-radius: 100px;
    padding: 9px 30px;
    text-transform: uppercase;
    position: relative;
    text-align: left;
}

.actions .card .card-header a {
    text-transform: none;
    border-radius: 0;
}


.actions {
    padding: 80px 0;
}

.actions .nav-tabs {
    display: none;
}

.actions .tab-content {
    width: 78.5%;
}

.actions h2 {
    margin: 0 0 40px 0;
    text-align: center;
}

.actions .card-body {
    padding: 10px 0 0 17px;
    position: relative;
}

.actions .nav-tabs .nav-link.active:after,
.actions .nav-tabs .nav-link:hover:after,
.actions .nav-tabs .nav-link:focus:after,
.actions .nav-tabs .nav-link:active:after {
    display: none;
}

.actions .nav-tabs > li {
    margin: 5px 0;
}

.actions .nav-tabs > li a,
.actions .nav-tabs > li > a.active,
.actions .nav-tabs > li > a.active:hover,
.actions .nav-tabs > li > a.active:focus,
.actions .nav-tabs .nav-link.active,
.actions .nav-tabs .nav-item.show .nav-link,
.actions .nav-tabs .nav-link:hover,
.actions .nav-tabs .nav-link:focus,
.actions .nav-tabs .nav-link:active {
    border: 1px solid #F1F1F1;
}

.actions .nav-tabs > li > a.active,
.actions .nav-tabs > li > a.active:hover,
.actions .nav-tabs > li > a.active:focus,
.actions .nav-tabs .nav-link.active,
.actions .nav-tabs .nav-item.show .nav-link,
.actions .nav-tabs .nav-link:hover,
.actions .nav-tabs .nav-link:focus,
.actions .nav-tabs .nav-link:active {
    background: #898479;
    color: #ffffff;
}

.actions .nav-tabs > li > a,
.actions .nav-tabs .nav-link {
    padding: 15px;
}


/* PRODUCT GRID ITEM */

.katalog-tabs + .product-grid {
    margin-top: 35px;
    column-gap: 2.6%;
    row-gap: 40px;
}

.product-grid .pg-col {
    width: 23%;
    /*margin: 0 2% 2% 0;*/
    border: 1px solid #e1d5d4;
    padding: 0;
    overflow: hidden;
    border-radius: 4px;
}

.prod-item {
    position: relative;
    padding: 0 0 135px 0;
    height: 100%;
}

.swiper-slide .pg-col {
    height: 100%;
    border: 1px solid #e1d5d4;
    padding: 0;
    overflow: hidden;
    border-radius: 4px;
}

/*.swiper-slide .prod-item {
    padding-bottom: 0;
}*/

.prod-item > ul {
    margin: 0;
    padding: 20px 20px 0 20px;
    list-style: none;
    width: 100%;
    position: relative;
    z-index: 2;
}

.prod-item .item-pic {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.prod-item .item-pic a {
    display: block;
    height: 100%;
    color: #000000;
}

.prod-item .item-pic img {
    position: relative;
    display: block;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    transition: transform .3s;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.prod-item .item-pic:hover img {
    transform: scale(1.05);
}

.prod-item .item-title {
    display: block;
    word-break: break-word;
    font-size: 24px;
    line-height: 1.1;
}

.prod-item .item-title span {
    vertical-align: middle;
}

.prod-item .item-title span + span {
    font-size: 16px;
    white-space: nowrap;
}

.prod-item .item-title span + span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #A69D8E;
    border-radius: 4px;
}

.prod-item .item-title a {
    font-family: 'Amiri', Georgia, serif;
    color: #000000;
}

.prod-item .item-title a:hover,
.prod-item .item-title a:active,
.prod-item .item-title a:focus {
    color: #000000;
}

.prod-item .item-price {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    color: #000000;
    position: absolute;
    bottom: 15px;
    left: 0;
}

.prod-item .item-price span {
    display: inline-block;
}

.prod-item .item-price .price-before {
    text-decoration: line-through;
    font-size: 13px;
    font-weight: 400;
    color: #A0A4B1;
    margin-left: 12px;
}

.prod-item .item-price .price-now {
    color: #ce5b5b;
}

.item-price.send-inquiry {
    font-weight: 400;
}

.favorite-trigger {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    z-index: 3;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFptMCwuNTg1YTQuMjM3LDQuMjM3LDAsMCwxLDMuMiwxLjUzMmwxLjUzOCwxLjc4M2EuMjU0LjI1NCwwLDAsMCwuNCwwbDEuNTI5LTEuNzY0YTQuMSw0LjEsMCwwLDEsNi40LDAsNS43ODQsNS43ODQsMCwwLDEsMCw3LjM5MWwtOC4xMjcsOS4zNTEtOC4xMjctOS4zNmE1LjgsNS44LDAsMCwxLDAtNy40QTQuMjIsNC4yMiwwLDAsMSwxOC4wNzUsOTY5Ljk0M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjY2RjZGNkIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC4yODMsNC44OS0xLjUzNi0xLjc4MWEzLjUsMy41LDAsMCwwLTUuNDg4LDAsNS4yLDUuMiwwLDAsMCwwLDYuNjE0bDcuNjc0LDguODM4LDMuNjE5LTQuMTY0LDQuMDU1LTQuNjY2YTUuMTg2LDUuMTg2LDAsMCwwLDAtNi42LDMuNSwzLjUsMCwwLDAtNS40OSwwbC0xLjUyNiwxLjc2MWEuODU0Ljg1NCwwLDAsMS0xLjMwOSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNjZGNkY2QiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 20px auto;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.favorite-trigger:hover,
.favorite-trigger.liked:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNiZGJkYmQiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 20px auto;
}

.favorite-trigger.liked {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjZjcyYjJiIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNmNzJhMmEiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 20px auto;
    animation-name: wishlist-ani;
    animation-duration: 1000ms;
}

.product .favorite-trigger {
    right: 0;
    width: 25px;
    height: 25px;
    background-size: 25px auto;
}

.product .favorite-trigger:hover,
.product .favorite-trigger.liked:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNiZGJkYmQiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 25px auto;
}

.product .favorite-trigger.liked {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjZjcyYjJiIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNmNzJhMmEiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 25px auto;
}

@keyframes wishlist-ani {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.5);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}


.prod-item .item-badges {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    margin: 0;
}


/* ITEM BADGES */
.item-badges {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.item-badges li {
    display: inline-block;
    max-width: 90px;
    margin: 0 0 5px 0;
}

.item-badges li span,
.item-badges li a {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 7px 5px;
}

.item-badges li span.best-seller {
    background: #526C7E;
}

.item-badges li span.badge-discount {
    background: #ce5b5b;
}

.item-badges li span.badge-new {
    background: #93BD71;
}



/* NEWSLETTER SIGNUP */

.newsletter-wrapper {
    text-align: center;
}

.newsletter-signup-inner {
    position: relative;
    background: #f6ede8;
    padding: 50px;
    width: 50%;
}

.newsletter-wrapper .nl-img {
    width: 50%;
}

.newsletter-signup-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.newsletter-signup-content h2 {
    margin: 0 0 15px 0;
    font-size: 24px;
}

.newsletter-form {
    width: 100%;
    max-width: 100%;
    margin: 20px auto 0 auto;
    padding: 0;
}

.newsletter-form li {
    display: table-cell;
    vertical-align: middle;
}

.newsletter-form .nl-name {
    width: 35%;
    background: #fff;
    padding: 0 15px;
    border-left: 1px solid #D4D4D4;
}

.newsletter-form .nl-email {
    color: #11131E;
    max-width: 90%;
    border: none;
    border-radius: 2px 0 0 2px;
}

.newsletter-form .nl-email input:focus {
    background: rgba(255,255,255,.2);
}

.newsletter-form .nl-button {
    width: 10%;
    min-width: 55px;
    height: 55px;
    border-radius: 0 2px 2px 0;
    display: inline-block;
    background: #898479 url(../img/send-ico.svg) 50% 50% no-repeat;
    background-size: 35px auto;
}

.newsletter-form .nl-button:hover {
    background: #898479 url(../img/send-ico.svg) 50% 50% no-repeat;
    background-size: 35px auto;
}

.gdpr-accept {
    margin-top: 10px;
    font-size: 14px;
    width: 100%;
}

.gdpr-accept label {
    font-weight: 400;
}

.gdpr-accept a {
    font-weight: 600;
    text-decoration: underline;
}

.gdpr-accept .cbx span:first-child {
    margin: 1px 0 0 0;
    background: #e9dfde;
    border: 1px solid #9f8574;
}

.gdpr-accept .cbx span:last-child {
    padding-left: 7px;
}

.gdpr-accept a:hover {
    color: #898479;
}

.gdpr-accept.error,
.gdpr-accept.error a {
    color: #cd1717;
}

.gdpr-accept.error .cbx span:first-child {
    border: 1px solid #cd1717;
}

.nl-sub-msg:empty {
    display: none;
}

.nl-sub-msg {
    background: #f4ecea;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 15px 0 0 0;
}

.nl-sub-msg a {
    text-decoration: underline;
    font-weight: 600;
}


/* HIGHLIGHTS */
.highlights a,
.highlights-inner picture,
.highlights-inner img {
    position: relative;
    color: #242424;
    display: inline-block;
    width: 100%;
}

.banner-content {
    position: absolute;
    top: 9%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 70%;
    text-align: center;
    z-index: 3;
}

.right-side-banner .banner-content {
    top: auto;
    bottom: 9%;
}

.banner-content h2 {
    font-size: 36px;
}

.banner-content h3 {
    font-size: 16px;
}

.banner-link {
    font-weight: 700;
    color: #898479;
}

/* BRANDS */
.brands {
    margin: 80px 0 0 0;
    background: #f0efef;
    padding: 20px;
}

.brands-carousel {
    position: relative;
}

.brands .brands-title {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}


.brands a {
    position: relative;
    display: block;
    text-align: center;
    height: 100px;
}

.brands a img {
    display: inline-block;
    max-width: 130px;
    left: auto;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: 0.9;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.brands a:hover img {
    opacity: 1;
}


.product-carousel {
    padding: 30px 0 0 0;
    position: relative;
}


/* WIDE HIGHLIGHT */
.wide-highlight img {
    width: 100% !important;
}


/* BENEFITS */
.benefits {
    background: #f7f1f1;
    padding: 40px 0;
    margin: 0 0 80px 0;
    text-align: center;
}

.benefits ul {
    margin: 0;
    padding: 0 30px 0 0;
    list-style: none;
    width: 25%;
}

.benefits ul:last-of-type {
    padding: 0;
}

.benefits ul .benefit-icon {
    margin: 0 auto;
    display: block;
}

.benefits ul .benefit-icon span {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #ffffff;
    border-radius: 100%;
    box-shadow: 0 4px 5px rgba(0,0,0,.07);
}

.benefits ul .benefit-icon span img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    max-height: 40px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.benefits ul .benefit-text {
    padding: 10px 0 0 0;
}

.benefits ul .benefit-text div {
    display: block;
    font-size: 15px;
}

.benefits h3 {
    font-weight: 700;
    font-size: 16px;
}

.benefits .middle-benefit .benefit-icon span img {
    width: 55px;
    max-height: 55px;
}
/* NEWS */
.news-wrapper {
    margin: -20px;
}

.news-item {
    float: left;
    width: calc(25% - 40px);
    margin: 20px;
    border: 1px solid #EAEBEE;
    border-radius: 2px;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    background: #ffffff;
    box-shadow: 0 10px 15px rgba(0,0,0,.1);
    color: #000000;
}

.news-item:hover,
.news-item:focus,
.news-item:active {
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
}

.news-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-date {
    position: relative;
    font-size: 12px;
    color: #A0A4B1;
    margin-bottom: 10px;
}

.news-date span {
    position: absolute;
    right: 0;
    color: #F36523;
}

.news-title {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 0 0;
}

.news-pic {
    margin-top: 10px;
}

.news-lead {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
}

.news-link {
    margin-top: 10px;
    font-weight: 700;
}



/* FOOTER */
footer {
    background: #E9DFDE;
    padding: 50px 0 20px 0;
}

footer .link-group {
    margin: 0 0 30px 0;
    display: inline-block;
    width: 100%;
}

footer .link-group .link-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .link-group .link-list li {
    display: block;
    margin-top: 5px;
}

footer .link-group a {
    color: #000000;
}

footer .link-group a:hover,
footer .link-group a:focus,
footer .link-group a:active {
    color: #898479;
}

footer .link-group-title {
    font-weight: 700;
}

footer path,
footer circle {
    fill: #737373;
}

footer .inst path {
    stroke: #737373;
    fill: none;
}

footer svg:hover path,
footer svg:hover circle {
    fill: #898479;
}

footer .inst svg:hover path {
    stroke: #898479;
    fill: none;
}



/* BREADCRUMBS */
.breadcrumbs {
    font-size: 14px;
    margin: 0 0 10px 0;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs .home-ico {
    position: relative;
}

.breadcrumbs .home-ico::after {
    content: none;
    position: relative;
    top: 3px;
    left: 0;
    width: 19px;
    height: 16px;
    display: inline-block;
    background: url(../img/home-ico.svg) 50% 50% no-repeat;
    background-size: 19px auto;
}

.breadcrumbs ul li {
    display: inline-block;
}

.breadcrumbs ul li::after {
    content: '/';
    padding: 0 4px 0 5px;
    color: #3e3e3e;
}

.breadcrumbs ul li:last-child::after {
    display: none;
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li:last-child span {
    font-weight: 300;
}

.breadcrumbs a {
    color: #3e3e3e;
}

.breadcrumbs a:hover {
    color: #343434;
    text-decoration: underline;
}


.main {
    padding-bottom: 25px;
}

.product-container {
    padding: 20px 0 50px 0;
}

.product-container .page-content {
    padding: 0;
}

.nedostavljamo {
    color: red;
    font-size: 14px;
    margin: 5px 0 0 0;
}

/* PRODUCT LISTING */
.page-heading {
    margin-top: 20px;
}

.page-content-contact {
    margin-bottom: -60px;
}

.stores-wrapper.narrow .container,
.page-content.narrow .container {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.page-content.narrow a {
    font-weight: 700;
    text-decoration: underline;
    word-break: break-all;
}

.content-block {
    margin-bottom: 35px;
}

.page-content article h3 {
    margin-bottom: 30px;
    font-weight: 700;
    color: #006699;
}

.page-sidebar-wrapper {
    width: 30%;
    padding: 0 40px 0 0;
}

.super-cat {
    position: relative;
    padding: 10px 0;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 2px solid #f3d9d0;
}

.menu-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
}

.menu-left ul li {
    display: block;
}

.menu-left ul li a {
    position: relative;
    display: block;
    color: #11131E;
    padding-right: 50px;
}

.menu-left ul li a:hover {
    color: #898479;
}

.menu-left ul li span {
    position: absolute;
    right: 0;
    top: 18px;
    font-size: 80%;
    font-weight: 400;
    color: #8E929E;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-left .active {
    color: #434343;
}


.menu-left ul ul {
    padding: 0 0 20px 15px;
}

.menu-left ul ul > li {
    padding-top: 2px;
    padding-bottom: 2px;
}

.menu-left ul ul > li span {
    top: 0;
    -webkit-transform: none;
    transform: none;
}

.menu-left ul ul li a {
    font-weight: 400;
    color: #81838B;
}

.menu-left ul ul li a.active {
    font-weight: 700;
    color: #a6ce56;
}

.page-main h2.mobile-lead {
    display: none;
}

.filters {
    position: relative;
}

.filters .mobile-title {
    display: none;
}

.filter {
    margin: 20px 0 0 0;
}

.range {
    padding: 18px 12px 14px 12px;
}

.range-slider {
    height: 10px;
    margin-top: 10px;
}

.slider-values {
    overflow: hidden;
    margin-top: 20px;
}

.filter .calc_value {
    float: right;
    width: 44%;
    padding: 4px 8px;
    font-size: 15px;
    border: 1px solid #ddd;
}

.filter .calc_value:first-of-type {
    float: left;
}

.toggle-filters {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.toggle-filters a {
    position: relative;
    display: block;
    background: #898479;
    color: #ffffff;
    padding: 8px 15px;
    text-align: center;
    border-radius: 2px;
}

.toggle-filters a:hover {
    background: #898479;
}

.hidden-filters,
.mobile-triggers,
.filters-bottom,
.selected-filters-mobile,
.close-filters {
    display: none;
    clear: both;
}

.subcats-mobile-wrapper {
    display: none;
}

.selected-filters-desktop {
    display: inline-block;
    width: 100%;
}

.selected-filters {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 14px;
}

.selected-filters ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.selected-filters ul li {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    margin-top: 10px;
    color: #ffffff;
    background: #898479;
    padding: 0 30px 0 10px;
    line-height: 30px;
    border-radius: 2px;
}

.selected-filters ul li:first-of-type {
    margin-left: 0;
}

.selected-filters .icon-close::after {
    content: 'X';
    position: absolute;
    right: 0;
    top: 1px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    overflow: hidden;
    line-height: 30px;
    opacity: 0.7;
}

.selected-filters .icon-close:hover {
    color: #fff;
    opacity: 1;
}

.remove-all-filters {
    position: absolute;
    right: 0;
    top: 25px;
    color: #39434B;
}

.remove-all-filters:hover {
    color: #f33939;
}

.grid-heading {
    position: relative;
    margin-top: 30px;
}

.grid-qty {
    float: left;
    position: relative;
    line-height: 40px;
    top: 3px;
}

.grid-qty strong {
    color: #39434B;
}

.page-nav {
    text-align: center;
    color: #39434B;
}

.grid-heading .page-nav {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.page-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-nav ul li {
    display: inline-block;
    margin: 0 10px;
    font-size: 18px;
}

.page-nav ul li a {
    color: #39434B;
    font-size: 20px;
    display: block;
}

.page-nav ul li a:hover {
    color: #343434;
}

.page-nav ul li span,
.page-nav ul li input {
    display: inline-block;
    vertical-align: middle;
}

.page-nav ul li input {
    margin-right: 10px;
    text-align: center;
    width: 40px;
    border: 1px solid #E0E1E6;
    background: none;
    color: #343434;
    font-weight: 700;
}

.sort-results {
    float: right;
}

.sort-results span {
    display: inline-block;
    vertical-align: middle;
}

.sort-results .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.sort-results .bootstrap-select .btn {
    padding: 8px 12px;
}

.sort-results {
    float: right;
}

.sort-results span {
    display: inline-block;
    vertical-align: middle;
}

.sort-results .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.sort-results .bootstrap-select .btn {
    padding: 8px 12px;
}

.grid-bottom {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.grid-bottom .pagination {
    margin: 0;
}



/* LANDING PAGES */
.collage-top {
    margin-bottom: 40px;
}

.collage-top .large-img {
    float: left;
    width: 700px;
    overflow: hidden;
}

.collage-top-inner {
    float: left;
    width: 320px;
    margin-left: 20px;
}

.collage-top .small-img {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.collage-top .small-img:first-of-type {
    margin-top: 0;
}

.collage-top img {
    width: 100% !important;
}



/* PRODUCT QUANTITY STEPPER */
.change_qty {
    width: 100%;
    max-width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    border: 1px solid #A69D8E;
    border-radius: 4px;
}

.change_qty li {
    width: 25%;
}

.change_qty .prod_qty {
    width: 50%;
    height: 40px;
    font-weight: 700;
}

.change_qty li .action-handle {
    display: block;
    height: 40px;
    color: #6d6d6d;
    text-align: center;
    font-size: 20px;
    border: 1px solid transparent;
}

.change_qty li .action-handle span {
    position: relative;
    top: 1px;
    color: #000;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Work Sans', Arial, sans-serif !important;
}

.change_qty li .action-handle:hover {
    text-decoration: none;
    color: #fff;
    background: #9f8574;
    border-color: #9f8574;
}

.change_qty li .action-handle:hover span {
    color: #fff;
}

.change_qty li .action-handle.sub {
    border-right: 0;
    border-radius: 2px 0 0 2px;
}

.change_qty li .action-handle.add {
    border-left: 0;
    border-radius: 0 2px 2px 0;
}

.change_qty li input {
    display: block;
    color: #232323;
    width: 100%;
    border: 0;
    background: none;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

/* PRODUCT PAGE */
.product-pic {
    float: left;
    width: 460px;
    border: 1px solid #E6E7EC;
    border-radius: 2px;
    padding: 30px;
}

.product-name {
    margin: 20px 0 0 0;
    font-size: 40px;
    color: #000;
}

.product-price {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin: 25px 0 0;
    color: #000;
}

.product-price span {
    display: inline-block;
    vertical-align: baseline;
}

.product-price .price-before {
    display: inline-block;
    text-decoration: line-through;
    color: #A0A4B1;
    font-size: 16px;
    font-weight: 400;
    margin-left: 15px;
}

.product-price .price-rate {
    display: block;
    color: #A0A4B1;
    font-size: 16px;
    font-weight: 400;
}

.product-price .price-now {
    font-weight: 700;
}

.product-info-sheet {
    margin: 20px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 0;
}

.code-availability {
    margin-top: 10px;
}

.code-availability .code,
.code-availability .availability,
.code-availability a {
    display: inline-block;
}

.code-availability .code {
    margin: 0 20px 0 0;
}

.code-availability .available {
    position: relative;
    color: #22AA69;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
}

.code-availability .available:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 19px;
    background-color: #22AA69;
}

.code-availability .available.not {
    background: #f5f5f5;
}

.product-info {
    display: table;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-info li {
    display: table-cell;
    vertical-align: top;
    padding-top: 12px;
}

.product-info li:first-child {
    text-align: left;
}

.product-info:first-of-type {
    border-top: 0;
}

.product-info:first-of-type li {
    padding: 0 5px 0 0;
}

.product-info:last-of-type li {
    padding: 10px 5px 0 0;
}

.product-info .availability span {
    position: relative;
    margin-right: 5px;
}

.product-info .availability .icon-check {
    top: 3px;
}

.product-info .available {
    color: #343434;
}

.product-info .not-available {
    color: #A0A4B1;
}

.product-info .coming-soon {
    color: #E98400;
}

.product-set-qty {
    float: left;
}

.product-set-qty .change_qty {
    max-width: 180px;
    line-height: 68px;
}

.product-set-qty .change_qty .prod_qty {
    height: 68px;
}

.product-set-qty .change_qty li {
    text-align: center;
}

.product-set-qty .change_qty li input {
    height: 68px;
    line-height: 68px;
}

.product-set-qty .change_qty li .action-handle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 68px;
    font-size: 25px;
}

.product-add {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-add .btn {
    float: left;
    margin-left: 30px;
}

.product-add .btn-action, .product-add .btn-favorites, .product-add .btn-action-white {
    margin-left: 0;
}

.product-add .btn-action + .btn-favorites, .product-add .btn-action-white + .btn-favorites {
    margin-left: 15px
}

.product-info .availability a {
    color: #000000;
    font-weight: 700;
}


.product-add .btn-favorites-toggle {
    clear: both;
}

.product-add .btn-favorites {
    padding: 0;
    border-color: transparent;
    margin-top: 20px;
}

.product-add .btn-favorites span {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 22px;
    padding: 0;
}

.product-add .btn-favorites:hover {
    background: none;
    color: #11131E;
}

.product-pills {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-pills li {
    display: inline-block;
    background: #EFF1F6;
    color: #A0A4B1;
    border-radius: 2px;
    line-height: 20px;
    padding: 5px 12px;
    white-space: nowrap;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 700;
}

.product-pills li img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.product-benefits {
    margin-bottom: 20px;
    padding: 15px 20px;
}

.product-benefits a {
    font-weight: 700;
}

.product-benefits img {
    float: left;
    width: 30px;
}

.product .product-pic {
    float: left;
    width: 50%;
    border: 0;
    padding: 0;
}

.product .product-pic-inner {
    position: relative;
}

.product .product-pic-carousel {
    position: relative;
    z-index: 1;
}

.product .product-pic-carousel img,
.product .product-pic-carousel picture {
    width: 100%
}

.product-thumbs {
    position: relative;
}

.product .product-thumbs {
    margin: 20px 0 0 0;
    display: inline-block;
    width: 100%;
}

.product .product-thumbs .swiper-slide {
    width: auto;
}

.product .product-thumbs button {
    display: block;
    width: 90px;
    height: 90px;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #E6E7EC;
    overflow: hidden;
}

.product .product-thumbs button:first-child {
    margin-top: 0;
}

.product .product-thumbs button img {
    display: inline-block;
    vertical-align: middle;
}

.product .product-thumbs button:hover {
    border-color: #e1e2e3;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.product .product-thumbs button.active {
    border-color: #343434;
}

.product-thumbs .swiper-slide {
    width: 100px;
}

.product-thumbs img {
    width: 100%;
    cursor: pointer;
    border-radius: 4px;
}

.product .item-badges {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
}

.product .item-badges li span.badge-discount {
    font-size: 16px;
}

.product .product-general {
    float: left;
    width: calc(50% - 80px);
    margin-left: 80px;
}

.product-share {
    width: 100%;
    margin: 30px 0 0 0;
}

.product-share > span {
    margin-right: 10px;
}

.product-share ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-share ul li {
    display: inline-block;
    margin-right: 5px;
}

.product-share ul a {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    box-shadow: none;
}

.product-share ul span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.product-share .fb-ico {
    background: url(../img/fb-prod-ico.svg) 50% 50% no-repeat;
    background-size: 30px auto;
}

.product-share .mail-ico {
    background: url(../img/mail-ico.svg) 50% 50% no-repeat;
    background-size: 30px auto;
}

.product-share .viber-ico {
    background: url(../img/viber-ico.svg) 50% 50% no-repeat;
    background-size: 30px auto;
}

.product-share .whatsapp-ico {
    background: url(../img/whatsapp-ico.svg) 50% 50% no-repeat;
    background-size: 30px auto;
}

.product-share .twitter-ico {
    background: #000 url(../img/x-logo.svg) 50% 50% no-repeat;
    background-size: 15px auto;
    border-radius: 100%;
}

.product-share .twitter-ico {
    height: 30px;
}

.product-share .print-ico {
    background: url(../img/print-ico.svg) 50% 50% no-repeat;
    background-size: 17px auto;
}

.product-share .print-page svg path {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.product-share .print-page:hover svg path,
.product-share .print-page:active svg path,
.product-share .print-page:focus svg path {
    fill: #898479;
}

.product-share .print-page:hover {
    color: #898479;
}

.product-share .print-page > span {
    position: relative;
    margin: 0 0 0 5px;
    font-size: 14px;
}

prod-availability {
    font-size: 13px;
}

.out-of-stock {
    background: #e1d5d4;
    border-radius: 4px;
}

.out-of-stock.discount {
    background: none;
    border: 1px solid #d8dae0;
}

.out-of-stock.discount .prod-availability {
    text-transform: none;
}

.prod-discounted-price {
    font-weight: 700;
    font-size: 26px;
    margin: 10px 0;
}

/*start custom image*/
.product-share .custom_images {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-share .custom_images a {
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
}

.product-share .custom_images a {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #E0E1E6;
    border-radius: 100%;
    box-shadow: none;
    text-align: center;
}

.product-share .custom_images a:hover {
    background: #39434B;
    border: 1px solid #39434B;
    color: #fff;
}

.product-share .custom_images a span {
    position: relative;
    top: 2px;
    line-height: 40px;
}

.product-share .custom_images .fb {
    color: #3B5999;
}

.product-share .custom_images .tw {
    color: #00ACED;
}

.product-share .custom_images .pi {
    color: #C8232C
}

.product-share .custom_images .in {
    color: #8A49A1;
}
/*end custom image*/

.product-description {
    max-width: 1200px;
    margin: 40px auto 0 auto;
}

.product-description .nav-tabs {
    position: relative;
    justify-content: flex-start;
    text-align: left;
    gap: 0;
    display: inline-block;
    padding: 15px 30px 10px 30px;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 2;
}

.product-description .nav-tabs::before {
    content: '';
    position: absolute;
    bottom: -4px;
    display: block;
    height: 2px;
    width: 80%;
    background: #f7edeb;
    right: 30px;
    z-index: 0;
}

.product-description .nav-tabs.single-tab::before {
    display: none;
}

.product-description .nav-tabs::after {
    content: '';
    position: absolute;
    width: 36px;
    height: 100%;
    display: block;
    background: url(../img/corner-tab.svg) 50% 50% no-repeat;
    background-size: 81px auto;
    right: -20px;
    top: 1px;
    z-index: 0;
}

.product-container .tab-content {
    background: #fff;
    padding: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.product-container  .nav-tabs li {
    background: #fff;
}

.product-characteristic {
    display: table;
    width: 100%;
    margin: 5px 0;
    padding: 0;
    list-style: none;
}

.product-characteristic li {
    display: table-cell;
    padding: 7px 15px;
    font-size: 15px;
    background: #f9f4f3;
}

.product-characteristic li:first-of-type {
    width: 200px;
    background: #ede3dd;
    font-size: 15px;
}

.half-col-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.product-description .half-col {
    padding: 0 20px 0 0;
}

.product-description .half-col:last-of-type {
    padding: 0;
}

.half-col {
    margin: 20px 0 0 0;
}

/* PRODUCT SHEET */
/*.product-sheet {
    margin: 0 auto;
}*/

.product-sheet-title {
    text-align: center;
    font-size: 70px;
    line-height: 75px;
    font-weight: 300;
    margin-top: 60px;
}

.product-sheet-lead {
    text-align: center;
    font-size: 20px;
    color: #BABFCF;
    font-weight: 700;
    margin-top: 20px;
}

.product-sheet-emphasized {
    text-align: center;
    font-size: 16px;
    color: #343434;
    font-weight: 700;
}

.product-sheet-movie {
    padding: 60px 0;
}

.product-sheet-text {
    margin: 20px 0;
}

.product-sheet-bottom {
    text-align: center;
    margin-top: 40px;
}



/* KOSARICA */
.basket header {
    position: relative;
    width: 100%;
    height: 80px;
    margin: 0 0 30px 0;
}

.basket header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.basket header ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    display: block;
    float: right;
}

.basket header ul li {
    display: inline-block;
    margin: 0 5px;
}

.basket header ul li a {
    font-weight: 600;
}

.basket header ul li a:hover,
.basket header ul li a:focus,
.basket header ul li a:active {
    color: #343434;
}

.section-head {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
}

.basket-btns {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 50px 0 30px 0;
}

.basket-btns.mobile-hide {
    margin-top: 0;
}

.btn-basket-back {
    float: left;
}

.btn-basket-back svg,
.vrati-me svg {
    position: relative;
    top: -1px;
    margin: 0 10px 0 0;
}

.empty-cart .btn-basket-back path {
    fill: #fff;
}

.btn-basket-back path {
    fill: #000;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.btn-basket-back:hover path,
.btn-basket-back:focus path,
.btn-basket-back:active path {
    fill: #898479;
}

.btn-basket-back.btn-outline:hover path,
.btn-basket-back.btn-outline:focus path,
.btn-basket-back.btn-outline:active path {
    fill: #fff;
}

.btn-basket-order {
    float: right;
}

.btn-basket-order svg {
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 0 0 10px;
}

.btn-basket-order path {
    fill: #fff;
}

.btn-cont-helper {
    margin-top: 25px;
}

.basket-products {
    width: 65%;
    background: transparent;
    padding: 15px;
}

.basket-products .heading {
    width: 100%;
    border-bottom: 1px solid #e1d5d4;
    font-weight: 700;
    padding: 0 0 5px 0;
}

.basket-products .remove-wrap {
    width: 60px;
    text-align: right;
}

.basket-products .item {
    border-bottom: 1px solid #e1d5d4;
    padding: 20px 0;
    font-size: 15px;
}

.basket-products .item:last-of-type {
    border: none;
}

.img-title-wrapper {
    max-width: 350px;
    width: 100%;
}

.basket-products .mobile-title {
    display: none;
}

.basket-products .product-img,
.basket-products .product-img img {
    width: 60px;
}

.basket-products .product-title {
    padding: 0 20px;
}

.basket-products .cijena-kom-wrapper {
    width: 480px;
}

.basket-products .cijena-kom-wrapper > div {
    display: table;
    width: 100%;
}

.basket-products .cijena-wrapper,
.basket-products .kom-ukupno {
    width: 200px;
    text-align: right;
}

.basket-products .kom-wrapper {
    width: 200px;
    padding: 0 15px;
    text-align: center;
}

.basket-products .kom-wrapper .change_qty li .handle {
    background: #f2f2f2;
}

.basket-products .kom-wrapper .change_qty li .handle:hover {
    background: #2A2B2C;
    border-color: #2A2B2C;
}

.basket-products .cijena-wrapper .cijena-sada {
    color: #F36523;
}

.basket-products .cijena-wrapper .cijena-prije {
    display: block;
    font-size: 13px;
    color: #81838B;
    text-decoration: line-through;
}

.basket-products .remove-wrap .remove path {
    fill: #db4848;
}

.basket-products .remove-wrap .remove:hover path {
    fill: #d40000;
}

.basket-products .product-title ul a {
    color: #000000;
}

.basket-products .product-title ul a:hover,
.basket-products .product-title ul a:focus,
.basket-products .product-title ul a:active {
    color: #898479;
}

.total-sum-wrapper .min-saving {
    color: #898479;
}

.total-sum-wrapper .total-sum {
    font-size: 20px;
    margin-top: 20px;
}

.total-sum-wrapper .total-sum:first-child {
    margin-top: 5px;
}

.basket .promo-code-enter {
    width: 100%;
    margin-top: 20px;
}

.basket .promo-code-enter input {
    border: none;
    font-size: 14px;
}

.basket .promo-code-enter .btn {
    margin-left: 10px;
    font-size: 14px;
}

.basket-final-labels {
    margin: 0 10px 0 0;
    text-transform: uppercase;
}

.basket .order-overview .headings {
    display: table;
    margin: 0 0 0 auto;
}

.basket .order-overview .headings > div {
    display: table-cell;
}

.basket .order-overview .headings .selected-quantity {
    padding-right: 0;
}

.basket .order-overview .headings {
    width: 50%;
    margin-right: 0;
}

.order-overview .cijena-kom-wrapper {
    width: 50%;
}

.order-overview .selected-pdv,
.order-overview .selected-pdv-rate {
    vertical-align: middle;
    display: table-cell;
}

.order-overview .selected-quantity {
    width: 20%;
    text-align: center;
}

.order-overview .selected-price-per-piece,
.order-overview .selected-pdv,
.order-overview .selected-price-total {
    width: 20%;
}

.order-overview .selected-pdv-rate {
    width: 20%;
    text-align: center;
}

.order-overview .selected-pdv {
    text-align: right;
}

.basket h1 {
    text-align: center;
    margin: 0 0 60px 0;
}

.heading-wrapper h1 {
    margin: 0 0 10px 0;
}

.heading-wrapper {
    margin: 0 0 40px 0;
    text-align: center;
}

.podaci-wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.podaci-wrapper .col-12:first-of-type .podaci {
    padding: 0 30px 0 0;
}

.podaci-wrapper .col-12:last-of-type .podaci {
    padding: 0 0 0 30px;
}


.podaci-uplata {
    margin-top: 40px;
}

.podaci-uplata ul {
    margin: -1px 0 0 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    max-width: 640px;
    border: 1px solid #d5d5d5;
}

.podaci-uplata ul li {
    display: table-cell;
    vertical-align: top;
    padding: 8px 16px;
}

.podaci-uplata ul li:first-child {
    width: 160px;
    background: #eaeaea;
}

.steps {
    list-style-type: none;
    padding: 0;
    text-align: center;
    font-size: 14px;
    margin-bottom: 50px;
}

.steps li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
}

.steps li.active {
    font-weight: 700;
}

.steps li .step-wrapper .circle {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
}

.steps li.active .step-wrapper .circle {
    background: #9F8574;
    color: #fff;
}


.signins-wrapper {
    display: inline-block;
    width: 100%;
    margin: 0 0 50px 0;
}

.signins-wrapper h4 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}

.signins-wrapper .item {
    position: relative;
    width: 32%;
    padding: 40px 40px 100px 40px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #dfcec3;
}

.signins-wrapper .item h2,
.signins-wrapper .item p {
    text-align: center;
}

.signins-wrapper .btn-holder {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 40px;
}

.signins-wrapper .btn-holder .btn {
    width: 100%;
}

.signins-wrapper .half-col {
    width: 50%;
    padding-left: 60px;
    margin-left: 0;
}

.signins-wrapper .half-col:first-of-type {
    padding-left: 0;
    padding-right: 60px;
}

.single-signin-wrapper {
    position: relative;
}

.prijava .btn-holder {
    position: relative;
    left: 0;
    margin-top: 30px;
}

.delivery-payment .card {
    border: none;
    background: #e1d5d4;
    border-radius: 2px;
    margin-bottom: 15px;
}

.podaci-wrapper .card-header {
    padding: 0;
    background: transparent;
    border: none;
}

.card .radio-wrapper {
    width: 100%;
    padding: 15px 20px;
}

.btn-naruci-note .error-note {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    background: #9f7474;
    padding: 10px;
    left: 0;
    width: 270px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 0 4px 0 0;
}


.basket-login .btn-holder {
    margin: 30px 0 0 0;
}

.inner-signin {
    height: 100%;
}

.prijava .btn-holder {
    position: relative;
    left: 0;
    margin-top: 30px;
}

.form-control {
    padding: 14px 15px;
    height: auto;
    margin-top: 0;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: transparent;
}

.form-control:focus {
    background: transparent;
    border-color: #9F8574;
    box-shadow: none;
}

.radio-wrapper {
    display: inline-block;
    margin-left: 40px;
}

.full-width {
    display: block;
}

.form-group,
.form-check {
    margin-bottom: 25px;
}

.company-data,
.shipping-form {
    display: none;
}

.shipping-form {
    padding-top: 25px;
}

.autocomplete-items {
    padding: 7px 5px;
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    position: absolute;
    z-index: 100;
    width: 100%;
    box-shadow: 0 11px 21px rgba(0, 0, 0, .1);
}

.autocomplete-items > div {
    cursor: pointer;
    padding: 3px 10px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.autocomplete-items > div:hover {
    background: #F4ECEA;
}

.note_span {
    display: block;
    font-size: 12px;
    margin-top: 10px;
}

.form-check {
    padding-left: 0;
}

.form-group,
.form-group input {
    position: relative;
}

.form-error-message,
.error-message {
    color: #ee2121;
    margin: 0 0 10px 0;
    padding: 10px 20px;
    text-align: center;
    border-radius: 4px;
}

.radio-wrapper {
    margin-left: 0;
    width: 100%;
}

.panel-group .panel-default > .panel-heading {
    background: none;
}

.panel-group .panel-heading label {
    display: block;
    width: 100%;
}

.panel-group .panel + .panel {
    margin-top: 10px;
}

.panel-group .panel-body {
    background: #f5f5f5;
    padding: 15px 20px 20px 20px;
    border-radius: 2px;
    margin-top: 12px;
}

.delivery-types {
    margin-top: 30px;
}

.vrste-dostave,
.terms-conditions {
    margin-top: 30px;
}

.terms-conditions a {
    color: #9f8574;
    font-weight: 600;
}

.terms-conditions a:hover {
    color: #11131E;
}

.kartice .bootstrap-select {
    margin-top: 5px;
}

.delivery {
    margin: 0;
    padding: 0;
    list-style: none;
}

.delivery li {
    margin-top: 10px;
}

.delivery li:first-of-type {
    margin-top: 0;
}

.delivery li .delivery-price {
    background: #f5f5f5;
    padding: 15px 20px 20px 20px;
    border-radius: 2px;
    margin-top: 12px;
}

.btn-naruci {
    margin-top: 30px;
}

.total-price {
    padding: 12px 20px;
    color: #ffffff;
    background: #9F8574;
    border-radius: 2px;
    margin-top: 30px;
    font-weight: 700;
}

.total-price strong {
    color: #F36523;
}

.purchase-details-item {
    margin-top: 25px;
}

.purchase-details-item:first-child {
    margin-top: 0;
}

.pregled-kupovine-wrapper,
.podaci-wrapper,
.podaci-edit {
    position: relative;
    max-width: 1200px;
    display: block;
    margin: 0 auto;
}

.pregled-kupovine .basket-list {
    width: 50%;
    float: right;
    padding: 0 0 0 40px;
}

.detalji-kupovine-pregled {
    float: left;
    width: 50%;
    padding: 0 40px 0 0;
}

.pregled-kupovine-wrapper .table th {
    border-top: none;
}

.pregled-kupovine-wrapper .table th,
.pregled-kupovine-wrapper .table td {
    padding: 10px 2px;
    background: transparent;
    border-bottom: 1px solid #d3c8c0;
}

.pregled-kupovine-wrapper .price-sum,
.pregled-kupovine-wrapper .kom-ukupno {
    text-align: right;
}

.pregled-kupovine-wrapper .kom-wrapper {
    text-align: center;
}

.pregled-kupovine-wrapper h2 {
    margin: 0 0 20px 0;
    font-size: 25px;
}

.purchase-details-item h4 {
    font-size: 14px;
    text-transform: uppercase;
    color: #3a3937;
}

/*.pregled-kupovine .btn-basket-order {
    margin: 10px 0 0 0;
}*/


.purchase-details-item {
    margin-top: 25px;
}

.purchase-details-item textarea {
    margin-top: 10px;
    height: 70px;
}

.detalji-kupovine {
    width: 50%;
    margin-top: 40px;
    padding-bottom: 20px;
}

.new-customer-registration-wrapper ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

.new-customer-registration-wrapper ul li {
    padding: 0 0 15px 22px;
}

.basket-login .signin-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px auto;
    border-radius: 100%;
    background: #F4ECEA;
    color: #9F8574;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1d5d4;
}

.basket-login .signin-icon svg {
    width: 38px;
    height: 38px;
}

.basket-login .signin-benefits {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ece1db;
    text-align: left;
}

.basket-login .signin-benefits li {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.basket-login .signin-benefits li:last-child {
    margin-bottom: 0;
}

.basket-login .signin-benefits svg {
    width: 25px;
    height: 25px;
    margin-right: 12px;
    color: #9F8574;
    flex: none;
}

.new-customer-registration-wrapper ul li {
    display: flex;
    align-items: center;
}

.new-customer-registration-wrapper ul li:last-child {
    padding: 0 0 0 22px;
}

new-customer-registration-wrapper ul li::before {
    display: none;
}

.new-customer-registration-wrapper ul li .icon-checkmark {
    color: #9F8574;
    font-size: 16px;
    margin-right: 12px;
}

.basket-login .signins-wrapper .btn-holder .btn {
    position: relative;
}

.basket-login .signins-wrapper .btn-holder .btn .icon-chevron-right {
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 11px;
    transform: translateY(-50%);
}

.basket-login .btn-outline-primary {
    background: #fff;
    border: 1px solid #9F8574;
    color: #9F8574;
}

.basket-login .btn-outline-primary:hover {
    background: #7f624f;
    border: 1px solid #7f624f;
    color: #fff;
}

/* PodaciGost / PodaciRegistracija - jednostupcana kartica s accordion redovima */

.podaci-single-card {
    max-width: 900px;
    margin: 0 auto;
}

.podaci-single-card .single-signin-wrapper.podaci {
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    padding: 50px 60px;
}

.podaci-single-card .required-note {
    font-size: 13px;
    margin: 0 0 25px 0;
}

.podaci-single-card .required-note .req {
    font-size: 100%;
    margin-left: 0;
}

.podaci-single-card .btn-outline-primary {
    background: #fff;
    border: 1px solid #9F8574;
    color: #9F8574;
}

.podaci-single-card .btn-outline-primary:hover {
    background: #7f624f;
    border: 1px solid #7f624f;
    color: #fff;
}

.podaci-single-card .account-note-box {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    padding: 25px 30px;
    margin: 0 0 20px 0;
}

.podaci-single-card .account-note-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F4ECEA;
    color: #9F8574;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.podaci-single-card .account-note-icon svg {
    width: 20px;
    height: 20px;
}

.podaci-single-card .account-note-body {
    flex: 1 1 auto;
    min-width: 0;
}

.podaci-single-card .account-note-body strong {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
}

.podaci-single-card .account-note-body p {
    margin: 0;
    font-size: 14px;
    color: #6b6660;
}

.podaci-single-card .account-note-btn {
    flex: none;
}

.podaci-single-card .form-row {
    display: flex;
    gap: 20px;
}

.podaci-single-card .form-row .form-group {
    flex: 1 1 0;
    min-width: 0;
}

.podaci-single-card .accordion-row-wrapper {
    position: relative;
    margin: 0 0 20px 0;
    border: 1px solid #ece1db;
    border-radius: 8px;
    overflow: hidden;
}

.podaci-single-card .accordion-row-wrapper input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.podaci-single-card .accordion-toggle {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 18px 20px;
    cursor: pointer;
}

.podaci-single-card input[type="checkbox"]:focus-visible + .accordion-toggle {
    outline: 2px solid #9F8574;
    outline-offset: -2px;
}

.podaci-single-card .accordion-icon {
    width: 30px;
    height: 30px;
    color: #9F8574;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.podaci-single-card .accordion-icon svg {
    width: 30px;
    height: 30px;
}

.podaci-single-card .accordion-text {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.podaci-single-card .accordion-text strong {
    font-size: 15px;
    font-weight: 600;
}

.podaci-single-card .accordion-text small {
    font-size: 13px;
    font-weight: 400;
    color: #857c74;
}

.podaci-single-card .accordion-chevron {
    flex: none;
    color: #9F8574;
    transition: transform .3s ease;
}

.podaci-single-card input[type="checkbox"]:checked + .accordion-toggle .accordion-chevron {
    transform: rotate(180deg);
}

.podaci-single-card .accordion-body {
    padding: 0 20px 20px 20px;
}

.podaci-single-card .accordion-body .form-row,
.podaci-single-card .accordion-body .form-group {
    margin-bottom: 20px;
}

.podaci-single-card .accordion-body .form-row:last-child,
.podaci-single-card .accordion-body .form-group:last-child {
    margin-bottom: 0;
}

/* NacinPlacanja - kartice za dostavu/plaćanje i bočni sažetak */
.paymentmethod-container .checkout-card {
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
}

.paymentmethod-container .checkout-card .row {
    margin: 0;
}

.paymentmethod-container .checkout-card .col-lg-8,
.paymentmethod-container .checkout-card .col-lg-4 {
    padding: 0;
}

.paymentmethod-container .checkout-main-card {
    padding: 40px;
}

.paymentmethod-container .checkout-section {
    margin: 0 0 35px 0;
}

.paymentmethod-container .checkout-section:last-of-type {
    margin-bottom: 0;
}

.paymentmethod-container .checkout-section-label {
    font-family: 'Work Sans', Arial, sans-serif;
    margin: 0 0 16px 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.paymentmethod-container .option-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.paymentmethod-container .option-card.card {
    background: #fff;
    border: 1px solid #ece1db;
    border-radius: 8px;
    margin: 0;
    transition: border-color .2s ease, background .2s ease;
}

.paymentmethod-container .option-card.option-card-selected {
    border-color: #9F8574;
    background: #FBF7F5;
}

.paymentmethod-container .card.option-card .radio-wrapper {
    padding: 18px 20px;
}

.paymentmethod-container .option-label {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    cursor: pointer;
}

.paymentmethod-container .option-label::before,
.paymentmethod-container .option-label::after,
.paymentmethod-container input[type=radio]:checked + label:after {
    content: none;
}

.paymentmethod-container .option-radio-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0;
    flex: none;
    border: 1px solid #9F8574;
    border-radius: 50%;
    background: #fff;
    transition: border-color .2s ease;
}

.paymentmethod-container .option-radio-dot::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9F8574;
    opacity: 0;
}

.paymentmethod-container input[type="radio"]:checked + .option-label .option-radio-dot::after {
    opacity: 1;
}

.paymentmethod-container .option-icon {
    width: 30px;
    height: 30px;
    color: #9F8574;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.paymentmethod-container .option-icon svg {
    width: 30px;
    height: 30px;
}

.paymentmethod-container .option-text {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.paymentmethod-container .option-text strong {
    font-size: 15px;
    font-weight: 600;
    color: #3a3937;
}

.paymentmethod-container .option-text small {
    font-size: 13px;
    font-weight: 400;
    color: #636363;
    line-height: 1.4;
}

.paymentmethod-container .option-price {
    flex: none;
    font-size: 13px;
    font-weight: 600;
    color: #3a3937;
    white-space: nowrap;
}

.paymentmethod-container .option-card-logos {
    display: flex;
    align-items: center;
    gap: 8px;
}

.paymentmethod-container .option-card-logos img {
    height: 15px;
    width: auto;
}

.paymentmethod-container .terms-conditions {
    padding-top: 25px;
    margin-top: 30px;
    border-top: 1px solid #ece1db;
}

.paymentmethod-container .checkout-summary-card {
    height: 100%;
    padding: 40px;
    border-left: 1px solid #ece1db;
}

.paymentmethod-container .checkout-summary-title {
    font-family: 'Work Sans', Arial, sans-serif;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.paymentmethod-container .checkout-summary-card .detalji-kupovine {
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
}

.paymentmethod-container .checkout-summary-card .purchase-details-item {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ece1db;
}

.paymentmethod-container .checkout-summary-card .purchase-details-item:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.paymentmethod-container .checkout-summary-card .purchase-details-item strong {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #7f624f;
}

.paymentmethod-container .checkout-summary-card .purchase-details-item {
    font-size: 14px;
    line-height: 1.6;
    color: #3a3937;
}

.vrati-me {
    margin: 30px 0 0 0;
}

/* PregledNarudzbe - pregled narudžbe prije potvrde */
.checkout-review .review-grid {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.checkout-review .review-col-left {
    width: 42%;
}

.checkout-review .review-col-right {
    width: 58%;
}

.checkout-review .review-card {
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    padding: 35px;
}

.checkout-review .review-card + .review-note-box {
    margin-top: 20px;
}

.checkout-review .review-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Work Sans', Arial, sans-serif;
    margin: 0 0 16px 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.checkout-review .review-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F4ECEA;
    color: #7f624f;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.checkout-review .review-card-icon svg {
    width: 21px;
    height: 21px;
}

.checkout-review .review-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 0;
    border-top: 1px solid #ece1db;
}

.checkout-review .review-row:first-of-type {
    padding-top: 0;
    border-top: none;
}

.checkout-review .review-row-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #F4ECEA;
    color: #9F8574;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.checkout-review .review-row-icon svg {
    width: 20px;
    height: 20px;
}

.checkout-review .review-row-body {
    flex: 1 1 auto;
    min-width: 0;
}

.checkout-review .review-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.checkout-review .review-row-head strong {
    font-size: 15px;
    font-weight: 600;
}

.checkout-review .review-row-body p {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.6;
    color: #6b6660;
    word-break: break-word;
}

.checkout-review .review-edit {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #9F8574;
    text-decoration: underline;
}

.checkout-review .review-edit svg {
    width: 13px;
    height: 13px;
}

.checkout-review .review-edit:hover {
    color: #7f624f;
}

.checkout-review .review-note-box {
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    padding: 25px 30px;
}

.checkout-review .review-note-box label {
    display: block;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 600;
}

.checkout-review .review-note-box .optional {
    font-weight: 400;
    color: #857c74;
}

.checkout-review .review-note-box textarea {
    width: 100%;
    resize: vertical;
}

.checkout-review .review-products {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 0 20px 0;
}

.checkout-review .review-product-row {
    display: flex;
    align-items: center;
    gap: 18px;
}

.checkout-review .review-product-img {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    border: 1px solid #ece1db;
    overflow: hidden;
    flex: none;
}

.checkout-review .review-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.checkout-review .review-product-info {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.checkout-review .review-product-info strong {
    font-size: 15px;
    font-weight: 600;
}

.checkout-review .review-product-qty {
    font-size: 13px;
}

.checkout-review .review-product-discount {
    display: inline-block;
    margin-left: 8px;
    color: #9F8574;
    font-weight: 600;
}

.checkout-review .review-product-price {
    flex: none;
    font-size: 15px;
    font-weight: 600;
}

.checkout-review .review-totals {
    border-top: 1px solid #ece1db;
    padding-top: 15px;
}

.checkout-review .review-totals-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    font-size: 14px;
}

.checkout-review .review-totals-row small {
    color: #857c74;
    font-weight: 400;
}

.checkout-review .review-totals-grand {
    margin: 10px 0 20px 0;
    padding: 16px 20px;
    background: #F4ECEA;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 700;
}

.checkout-review .review-totals-grand small {
    font-size: 13px;
    font-weight: 400;
    color: #7f624f;
}

.checkout-review .review-trust-badges {
    display: flex;
    gap: 16px;
    margin: 25px 0;
    padding: 25px 0;
    border-top: 1px solid #ece1db;
    border-bottom: 1px solid #ece1db;
}

.checkout-review .review-trust-badge {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
}

.checkout-review .review-trust-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F4ECEA;
    color: #9F8574;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-review .review-trust-icon svg {
    width: 20px;
    height: 20px;
}

.checkout-review .review-trust-badge strong {
    font-size: 13px;
    font-weight: 600;
}

.checkout-review .review-trust-badge small {
    font-size: 12px;
    color: #857c74;
    line-height: 1.4;
}

.checkout-review .review-submit-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.checkout-review .review-submit-btn svg:first-child {
    width: 15px;
    height: 15px;
}

.checkout-review .review-consent {
    position: relative;
    margin: 15px 0 0 0;
    padding: 0 0 0 25px;
    font-size: 12px;
    color: #857c74;
    line-height: 1.5;
}

.checkout-review .review-consent::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: 0;
    top: 1px;
    display: block;
    background: url(../img/shield-check.svg) 50% 50% no-repeat;
    background-size: 15px auto;
}

.checkout-review .review-consent a {
    color: #9F8574;
    font-weight: 600;
}

.checkout-review .review-consent a:hover,
.checkout-review .review-consent a:focus,
.checkout-review .review-consent a:active {
    color: #7f624f;
    text-decoration: underline;
}

/* Kosarica - košarica */
.kosarica-page .basket-grid {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 40px;
}

.kosarica-page .basket-col-left {
    width: 66%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kosarica-page .basket-col-right {
    width: 34%;
}

.kosarica-page .basket-card {
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    padding: 10px 35px;
}

.kosarica-page .basket-table-head {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid #ece1db;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.kosarica-page .bth-product {
    flex: 1 1 auto;
}

.kosarica-page .bth-qty {
    width: 130px;
    flex: none;
    text-align: center;
}

.kosarica-page .bth-price,
.kosarica-page .bth-total {
    width: 90px;
    flex: none;
    text-align: right;
}

.kosarica-page .bth-spacer {
    width: 28px;
    flex: none;
}

.kosarica-page .basket-item-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #ece1db;
}

.kosarica-page .basket-item-row:last-of-type {
    border-bottom: none;
}

.kosarica-page .bir-product {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}

.kosarica-page .bir-img {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    border: 1px solid #ece1db;
    overflow: hidden;
    flex: none;
    display: block;
}

.kosarica-page .bir-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kosarica-page .bir-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.kosarica-page .bir-info a {
    line-height: 1.4;
}

.kosarica-page .bir-info a:hover {
    color: #9F8574;
}

.kosarica-page .bir-attrs,
.kosarica-page .bir-mod {
    font-size: 13px;
    color: #857c74;
}

.kosarica-page .bir-qty {
    width: 130px;
    display: flex;
    justify-content: center;
    flex: none;
}

.kosarica-page .bir-stock-note {
    font-size: 13px;
    color: #857c74;
}

.kosarica-page .qty-stepper {
    display: inline-flex;
    align-items: center;
    border: 1px solid #dfcec3;
    border-radius: 6px;
    overflow: hidden;
}

.kosarica-page .qty-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #7f624f;
    background: #fff;
    cursor: pointer;
    user-select: none;
}

.kosarica-page .qty-btn:hover {
    background: #F4ECEA;
}

.kosarica-page .qty-input {
    width: 34px;
    height: 32px;
    border: none;
    border-left: 1px solid #dfcec3;
    border-right: 1px solid #dfcec3;
    text-align: center;
    font-size: 14px;
    background: #fff;
    padding: 0;
}

.kosarica-page .bir-price {
    width: 90px;
    flex: none;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 14px;
}

.kosarica-page .bir-price .cijena-prije {
    font-size: 12px;
    color: #a39a91;
    text-decoration: line-through;
}

.kosarica-page .bir-total {
    width: 90px;
    flex: none;
    text-align: right;
    font-weight: 600;
}

.kosarica-page .mobile-title {
    display: none;
}

.kosarica-page .bir-remove {
    flex: none;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a39a91;
}

.kosarica-page .bir-remove:hover {
    color: #9F8574;
}

.kosarica-page .basket-discount-row {
    color: #9F8574;
}

.kosarica-page .basket-trust-banner {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #e9dfde;
    border-radius: 10px;
    padding: 25px 30px;
}

.kosarica-page .btb-icon {
    width: 35px;
    height: 35px;
    color: #7f624f;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.kosarica-page .btb-icon svg {
    width: 35px;
    height: 35px;
}

.kosarica-page .basket-trust-banner strong {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
}

.kosarica-page .basket-trust-banner p {
    margin: 0;
    font-size: 14px;
}

.kosarica-page .basket-summary-card {
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    padding: 35px;
}

.kosarica-page .basket-summary-card h2 {
    margin: 0 0 20px 0;
    font-size: 30px;
}

.kosarica-page .summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 0;
    font-size: 14px;
    border-top: 1px solid #ece1db;
}

.kosarica-page .summary-row:first-of-type {
    border-top: none;
}

.kosarica-page .summary-savings {
    color: #9F8574;
}

.kosarica-page .summary-muted {
    color: #857c74;
}

.kosarica-page .summary-grand {
    margin-top: 5px;
    padding: 16px 20px;
    background: #F4ECEA;
    border-radius: 4px;
    border-top: none;
    font-size: 17px;
    font-weight: 700;
}

.kosarica-page .basket-submit-btn {
    width: 100%;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.kosarica-page .empty-cart {
    max-width: 460px;
    margin: 20px auto 0 auto;
    padding: 60px 40px;
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    text-align: center;
}

.kosarica-page .empty-cart-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 22px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #F4ECEA;
    color: #9F8574;
    border: 1px solid #e1d5d4;
}

.kosarica-page .empty-cart h2 {
    margin: 0 0 10px 0;
    font-size: 24px;
}

.kosarica-page .empty-cart p {
    margin: 0;
    color: #857c74;
    font-size: 15px;
}

.kosarica-page .empty-cart .basket-btns {
    margin-top: 30px;
}

.kosarica-page .empty-cart .vrati-me {
    margin: 0;
    display: inline-flex;
    align-items: center;
}

.basket-benefits-wrapper {
    margin-top: 30px;
    padding: 30px 0;
    border-top: 1px solid #dfcec3;
}

.basket-trust-badges {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px 20px;
}

.basket-benefits-wrapper + .above-footer-nl {
    margin: 0;
}

.btb-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    line-height: 1;
}

.btb-item-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #F4ECEA;
    color: #9F8574;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.btb-item-icon svg {
    width: 35px;
    height: 35px;
}

.btb-item strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 5px 0;
}

.btb-item small {
    font-size: 14px;
}


/* VIEWED ITEMS TABLE */

.viewed-items .path {
    text-align: center;
}

.wishlist-tabs {
    margin: 0 0 60px 0;
    list-style-type: none;
    padding: 0;
    text-align: center;
}

.viewed-item {
    display: table;
    width: 100%;
    max-width: 1160px;
    table-layout: fixed;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #d5d5d5;
    line-height: 20px;
}

.viewed-item:first-of-type {
    border-top: 0;
}

.viewed-item > div {
    display: table-cell;
    vertical-align: middle;
    padding-top: 24px;
    padding-bottom: 24px;
}

.viewed-item .item-fav {
    width: 60px;
    padding-right: 30px;
}

.viewed-item .item-fav .favorite-trigger {
    position: relative;
    display: block;
    top: auto;
    right: auto;
}

.viewed-item .item-pic {
    width: 120px;
    padding-right: 20px;
}

.viewed-item .item-info span {
    display: block;
    font-weight: 700;
    color: #232323;
}

.viewed-item .item-price {
    width: 240px;
    text-align: right;
    font-weight: 700;
    padding-right: 40px;
}

.viewed-item .item-cart-action {
    width: 200px;
    overflow: hidden;
    text-align: right;
}

.viewed-item .item-cart-action .prod-qty {
    display: none;
}

.viewed-item .item-cart-action span {
    display: block;
    text-align: center;
}

.viewed-item .item-action {
    width: 24px;
    font-size: 12px;
}

.viewed-item .item-action a {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    position: relative;
    top: 2px;
    color: #ff3552;
}

.viewed-item .item-action a:hover {
    color: #00c0f3;
}

.viewed-items .page-nav {
    margin-top: 40px;
}

.viewed-items .nav-tabs {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}

.viewed-items .btn {
    padding: 10px 12px;
    font-size: 13px;
}


/* COOKIES */
.cookies {
    position: fixed;
    width: 100%;
    max-width: 480px;
    right: 0;
    bottom: 0;
    background: #5790a1;
    padding: 20px;
    color: #fff;
    z-index: 12000;
    line-height: 1.4;
}

.cookies-button {
    margin-top: 20px;
}

.cookies > a {
    text-decoration: underline;
    color: #fff;
}

.cookies > a:hover {
    opacity: 0.6;
}

.cookies .btn {
    padding: 5px 20px;
}

.cookies .btn:hover {
    background: #96614e;
}

/* SUGGEST BOX */
.suggest-box {
    display: none;
    background: #ffffff;
    text-align: left;
    position: absolute;
    top: 60px;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 800px;
    z-index: 101;
    opacity: 1;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.suggest-box.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.suggest-box .collection {
    padding: 20px 20px 15px 20px;
}

.suggest-box .collection-title {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #808080;
}

.suggest-box .collection-title:first-child {
    margin-top: 0;
}

.suggest-box .collection-title .icon-close {
    display: none;
}

.suggest-box .product-list-small {
    border-left: 1px solid #eeeaec;
    margin: 0 -10px 0 -1px;
    width: 59.2%;
    padding: 20px;
}

.suggest-box .buttons {
    background: #f5f5f5;
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #eeeaec;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.suggest-box .buttons .btn {
    width: 200px;
    margin: 0 auto;
    border-radius: 4px;
    padding: 14px 10px;
    line-height: 1;
    font-size: 13px;
}

.suggest-box .buttons .btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.suggest-box .buttons .btn span {
    font-size: 14px;
}

.suggest-box:before,
.suggest-box:after {
    content: '';
    position: absolute;
    top: -9px;
    left: 66px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 9px 8.5px;
    border-color: transparent transparent #eeeaec transparent;
}

.suggest-box:after {
    top: -7px;
    border-color: transparent transparent #fff transparent;
}

.suggest-box ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

.search.opened .ca-box {
    left: 55px;
    right: auto;
    width: 315px;
}

.suggest-box .results {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.suggest-box .results:before,
.suggest-box .results:after {
    content: " ";
    display: table;
}

.suggest-box .results:after {
    clear: both;
}

.suggest-box .collection,
.suggest-box .product-list-small {
    float: left;
    width: 50%;
}

.suggest-box .collection {
    border-right: 1px solid #eeeaec;
}

.suggest-box .collection ul {
    font-size: 14px;
    margin: 0 0 10px 0;
}

.suggest-box .collection a {
    display: block;
    text-decoration: none;
    padding: 4px 0;
    font-weight: 700;
    color: #000;
    border: 1px solid transparent;
}

.suggest-box .results a:hover,
.suggest-box .results a.active,
.suggest-box .results a:active,
.suggest-box .results a:focus,
.suggest-box .product-list-small a.spc:hover,
.suggest-box .product-list-small a.spc:focus,
.suggest-box .product-list-small a.spc:active {
    color: #343434;
}

.suggest-box .product-list-small a.spc {
    display: table;
    border: 1px solid transparent;
    width: 100%;
    color: #232323;
}

.suggest-box .product-list-small a.spc p {
    margin: 0.3em 0 0 0;
    font-size: 12px;
}

.suggest-box .product-list-small a.spc .img {
    display: table-cell;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    padding: 7px 0;
}

.suggest-box .product-list-small a.spc .img img {
    max-width: 50px;
    max-height: 50px;
}

.suggest-box .product-list-small a.spc .spc-info {
    display: table-cell;
    padding: 7px 0;
    vertical-align: middle;
    line-height: 18px;
}

.suggest-box .product-list-small a.spc .spc-info span {
    display: block;
}

.suggest-box .product-list-small a.spc .spc-info .name {
    font-size: 14px;
}

.suggest-box .product-list-small .title {
    margin: 0;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    line-height: 18px;
}


.suggest-box .grupa-opis {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #65655f;
}

.suggest-box .results a:hover .grupa-opis,
.suggest-box .results a.active .grupa-opis,
.suggest-box .results a:active .grupa-opis,
.suggest-box .results a:focus .grupa-opis {
    color: #000000;
}

.search .suggest-box ul,
.search .suggest-box ul li {
    display: block;
    height: auto;
}

/* contact form*/

.contact-form {
    margin-top: 30px;
}

.contact-form h3.success_mail {
    color: #343434;
}

.contact-form h3.error_mail {
    color: #E9003F;
}

.tab-content > .tab-pane {
    display: block;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

.tab-content > .active {
    visibility: visible;
    height: auto;
    overflow: visible;
}

.featured {
    position: relative;
}

.featured .tab-content {
    margin-top: 34px;
}

.featured .swiper-button-next,
.featured .swiper-button-prev {
    top: 36%;
}

.swiper-horizontal > .swiper-scrollbar {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.swiper .swiper-slide {
    height: auto;
}

/* HOME TEASERS */
.teasers a {
    float: left;
    width: 25%;
}


/* LOADING */

.loader,
.loader:before,
.loader:after {
    background: #343434;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 8px;
    height: 40px;
}

.loader {
    color: #343434;
    text-indent: -9999em;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    margin: -20px 0 0 -5px;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -15px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 15px;
}

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 30px;
    }

    40% {
        box-shadow: 0 -2em;
        height: 40px;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 30px;
    }

    40% {
        box-shadow: 0 -2em;
        height: 40px;
    }
}

.search .search-field :-moz-placeholder {
    color: #fff;
}

.sucess_color {
    color: #343434;
    font-weight: bold;
}


/* DOSTUPNOST - kopirano sa bitprometa */

.availability-table .dostupno,
.availability-table .na-upit {
    text-align: center;
}

.availability-table .circle {
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 100%;
    background: #ccc;
    margin: 0 auto;
}

.availability-table .circle.green {
    background: #15b575;
}

.availability-table .circle.orange {
    background: #ff9d49;
}

.availability-table a {
    color: #000000;
}

.availability-table .table > thead > tr > th,
.availability-table .table > tbody > tr > th,
.availability-table .table > tfoot > tr > th,
.availability-table .table > thead > tr > td,
.availability-table .table > tbody > tr > td,
.availability-table .table > tfoot > tr > td {
    line-height: 1;
    padding: 10px;
}

.price-rate-tooltip-wrapper {
    position: relative;
    /*margin: 10px 0 0 0;*/
    display: inline-block;
    width: 100%;
}

.price-rate-tooltip {
    background: #343434;
    font-size: 14px;
    color: #ffffff;
    width: 50%;
    text-align: center;
    font-weight: 400;
    padding: 5px;
    border-radius: 2px;
}

.price-rate-tooltip-wrapper .price-rate {
    color: #11131E;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.price-rate-tooltip-wrapper .price-rate-info {
    position: relative;
    display: block;
    float: left;
    top: 1px;
    width: 21px;
    height: 21px;
    background: url(../img/info-ico.svg) 50% 50% no-repeat;
    background-size: 21px auto;
    cursor: pointer;
    /*margin: 0 0 0 10px;*/
}

.tooltip-inner {
    background: #343434;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #343434;
}


/* PRINT PAGE */
body.print {
    font-size: 12px;
}

.print .container {
    max-width: 720px;
}

.print header {
    background: none;
}

.print .page-content {
    margin-top: 0;
}

.print .path {
    margin-bottom: 30px;
    font-size: 10px;
    line-height: 18px;
    padding-top: 0;
}

.print .product-pic {
    width: 100%;
}

.print .product .product-general {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
}

.print .product-pic-inner {
    width: 100%;
}

.print .product-pic-inner img {
    margin-left: auto;
    margin-right: auto;
}

.print .product-name,
.print .product-price {
    font-size: 20px;
    line-height: 28px;
}

.print .product-price {
    margin-top: 30px;
}

.print .prod-availability {
    font-size: 12px;
    line-height: 18px;
}

.print .out-of-stock {
    max-width: 100% !important;
    border: 1px solid #ccc;
    margin-bottom: 0 !important;
    margin-top: -1px;
    padding: 0 15px 15px 15px !important;
}

.print .product-info-sheet {
    overflow: hidden;
}

.print .product-info {
    float: left;
    width: 48%;
    margin-left: 4%;
}

.print .product-info:first-of-type {
    margin-top: 0;
    border-top: 1px solid #E3E6EC;
}

.print .product-info:first-of-type li {
    padding-top: 8px;
}

.print .product-info:nth-child(2n+1) {
    margin-left: 0;
}

.print .product-info li {
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
}

.print .product-info li:first-of-type {
    width: 50%;
}

.print .product-description {
    margin-top: 20px;
}

.print .half-col {
    margin-left: 0;
}

.print .product-characteristic {
    margin: 2px 0 0 0;
}

.print .product-characteristic li {
    padding: 8px 10px;
}

.print footer {
    margin-top: 30px;
    border-top: 2px solid #ccc;
    text-align: center;
    line-height: 18px;
    padding: 0 0 20px 0;
}

.print footer .container div {
    margin-top: 20px;
}

.print footer .container ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.print footer .container ul li {
    display: inline-block;
    margin-left: 30px;
}

.print footer .container ul li:first-of-type {
    margin-left: 0;
}

.seasonal .section-title {
    padding: 0 20px;
}

.discounted-label {
    color: #11131E;
    font-size: 15px;
    margin: 0 0 5px 0;
    display: inline-block;
    width: 100%;
}

.swiper-horizontal > .swiper-pagination-bullets {
    bottom: -1px;
}

.home-slider-wrapper .swiper-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
}

.swiper-pagination-bullet {
    position: relative;
    width: 20px;
    height: 2px;
    opacity: 1;
    background: transparent;
    margin: 0 8px !important;
    padding: 10px 0;
    outline: none !important;
}

.swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 3px;
    left: 50%;
    top: 50%;
    background: #898684;
    border-radius: 2px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .5s cubic-bezier(0.21, 1.17, 0.73, 1.21);
    opacity: 1;
}

.swiper-pagination-bullet:hover::after {
    background: #898684;
}

.swiper-pagination-bullet-active::after {
    background: #898684;
    width: 25px;
    height: 5px;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

/* nova paginacija */

.pagination {
    padding-left: 0;
    margin: 20px 0;
    list-style-type: none;
}


.pagination > li > a,
.pagination > li > span {
    position: relative;
    padding: 0;
    text-decoration: none;
    color: #484848;
    background-color: transparent;
    border: 1px solid transparent;
    width: 43px;
    height: 41px;
    text-align: center;
    line-height: 38px;
    margin: 0 3px;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 15px;
}

.page-link:hover {
    color: #253450;
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 123, 0, 0.25);
}

.pagination li a svg {
    position: relative;
    top: -2px;
}

.pagination > li.nav-dots > span {
    border: 1px solid transparent;
}

.page-item.active .page-link,
.page-item:hover .page-link,
.page-item:active .page-link,
.page-item:focus .page-link {
    background: transparent;
    color: #C10A0A;
    border: 1px solid #E5E6EA;
    border-radius: 2px;
    font-weight: 700;
}

.pagination .next-page a,
.pagination .prev-page a {
    display: block;
    width: 34px;
    height: 40px;
    padding: 0;
}

.pagination .next-page:hover a,
.pagination .next-page:focus a,
.pagination .next-page:active a,
.pagination .prev-page:hover a,
.pagination .prev-page:active a,
.pagination .prev-page:focus a {
    border: 1px solid transparent;
}

.pagination .next-page a path,
.pagination .prev-page a path {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.pagination .next-page:hover a path,
.pagination .next-page:focus a path,
.pagination .next-page:active a path,
.pagination .prev-page:hover a path,
.pagination .prev-page:active a path,
.pagination .prev-page:focus a path {
    fill: #C10A0A;
}

.prev-page a,
.first-page a {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagination-mobile {
    display: none;
}



/* ACCORDIONS */
.accordions {
    margin-top: 50px;
}

.accordions .accordion-header {
    padding-left: 40px;
}

.accordions .accordion-header:before {
    content: '+';
    font-size: 27px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordions .accordion-header.active:before {
    content: '-';
}

.accordions ul {
    margin: 0;
    padding: 30px 0;
    list-style: none;
    border-bottom: 1px solid #D8D5D5;
}

.accordions ul li {
    display: block;
}

.accordions ul li:first-child {
    position: relative;
    cursor: pointer;
}

.accordions .accordion-hidden {
    display: none;
    margin-top: 16px;
}

/* ORDER HISTORY */
.orderHistory {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0;
}

.orderHistoryCols {
    display: table;
    margin: 0;
    padding: 12px 20px;
    list-style: none;
    width: 100%;
    color: #7455C9;
}

.orderHistoryCols li {
    display: table-cell;
    vertical-align: middle;
}

.orderHistoryCols .orderID {
    width: 18%;
}

.orderHistoryCols .orderTime {
    width: 16%;
}

.orderHistoryCols .orderStatus {
    width: 20%;
}

.orderHistoryCols .orderTotal {
    text-align: right;
    width: 20%;
}

.orderItem {
    margin-top: 8px;
}

.orderItemHeading {
    background: #EFECF0;
    border: 1px solid #d8d5d5;
    cursor: pointer;
}

.orderItemHeading .orderHistoryCols {
    color: #3A2E2C;
}

.orderItemHeading .orderHistoryCols .orderID {
    font-size: 28px;
    font-weight: 100;
    line-height: 28px;
}

.orderItemHeading .orderHistoryCols i {
    display: none;
}

.orderItemBody {
    display: none;
    padding: 40px 20px 30px 20px;
}

.orderItemRecord {
    display: table;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #EFECF0;
    font-weight: 100;
    color: #000;
}

.orderItemRecord:first-child {
    border-top: 1px solid #EFECF0;
}

.orderItemRecord li {
    display: table-cell;
    vertical-align: middle;
}

.orderItemRecord .orderItemRecordID {
    width: 22%;
}

.orderItemRecord .orderItemRecordQty {
    width: 5%;
    text-align: right;
}

.orderItemRecord .orderItemRecordPrice {
    width: 20%;
    text-align: right;
}

.orderBtns {
    text-align: right;
    margin-top: 20px;
}

/* PAGER */
.pager-wrapper {
    text-align: center;
    height: 45px;
}

.pager {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.pager > li {
    display: inline-block;
}

.pager > li a {
    display: inline-block;
    width: 45px;
    text-align: center;
    padding: 11px 0;
    background: none;
    border: 0;
    border-radius: 0;
}

.pager li > a:hover,
.pager li > a:focus {
    background: none;
}

.pager > li a span {
    position: relative;
    top: 2px;
}

.category-desc {
    margin: 0 0 30px 0;
}


/* BLOG */
.section-blog-content {
    width: 30%;
    padding: 60px 100px 0 60px;
}

.section-blog-content h2 {
    margin: 0 0 20px 0;
}

.section-blog-content .btn {
    margin: 40px 0 0 0;
}

.blog-item-cat-title {
    margin: 15px 0 0 0;
}

.blog-entries .blog-item-pic {
    overflow: hidden;
}

.blog-entries .blog-item-pic img {
    border-radius: 0;
    width: 100%;
    height: auto;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.blog-entries .blog-item-pic:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.article-category {
    text-transform: uppercase;
    color: #898479;
}

.article-category:hover,
.article-category:focus,
.article-category:active {
    color: #898479;
}

.article-title {
    font-family: 'Amiri', Georgia, serif;
    display: block;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 500;
    margin: 10px 0 0 0;
    color: #3a3937;
}

.article-date {
    font-size: 16px;
}

.blog-date {
    color: #3a3937;
    margin-top: 15px;
}

.post-date {
    color: #7f624f;
    font-size: 14px;
    padding: 5px 0;
}

.article-short {
    font-size: 16px;
    line-height: 1.625;
    margin-top: 25px;
}

.article-category {
    display: block;
}

.blog-entries-home {
    position: relative;
    width: 100%;
}

.blog-entries-home img {
    width: 100%;
}

.blog-entries-home .swiper-scrollbar {
    display: none;
}

.blog-entries-home .swiper-button-prev,
.blog-entries-home .swiper-button-next {
    top: 43%;
}

.blog-cats ul {
    margin: 0;
    padding: 16px 0 0 0;
    list-style: none;
    text-align: center;
}

.blog-cats ul li {
    display: inline-block;
    margin-left: 64px;
}

.blog-cats ul li:first-child {
    margin-left: 0;
}

.blog-cats ul li a {
    font-size: 18px;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    color: #767676;
    padding-bottom: 4px;
}

.blog-cats ul li a:hover {
    color: #898479;
}

.blog-cats ul li .active {
    border-bottom-color: #898479;
}

.blog-cats-mobile {
    display: none;
}

.blog-entries {
    margin: 60px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 60px;
}

.blog-item ul {
    margin: 16px 0 0 0;
    padding: 0;
    list-style: none;
}

.blog-item ul li {
    display: block;
}

.blog-item-first .article-title {
    font-size: 32px;
    margin-top: 16px;
    font-weight: 100;
    line-height: 36px;
}

.blog-item-first .article-link a {
    margin-top: 16px;
}

.buttons-bottom {
    margin-top: 100px;
    text-align: center;
}

.buttons-bottom .btn {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

/* BLOG */


/* POGLEDANI PROIZVODI */
.recently-viewed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
    -webkit-transform: translateY(93%);
    transform: translateY(93%);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.recently-viewed.loading {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.recently-viewed.opened {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.recently-viewed > .btn,
.recently-viewed > .btn:focus {
    position: relative;
    z-index: 600;
    background: #8aa9b2;
    border-color: #658d9a;
    padding: 7px 20px 9px 20px;
    font-size: 14px;
    color: #ffffff;
    text-transform: none;
}

.recently-viewed > .btn:hover,
.recently-viewed.opened > .btn {
    background: #898479;
    border-color: #898479;
    color: #ffffff;
}

.recently-viewed-inner {
    position: relative;
    background: #ffffff;
    z-index: 500;
    text-align: left;
    padding: 30px 0 20px 0;
    overflow: hidden;
    transition: all .3s ease-out;
}

.recently-viewed.opened .recently-viewed-inner {
    box-shadow: 0 -60px 120px rgba(0,0,0,.5);
}

.recently-viewed .swiper {
    padding: 0 0 20px 0;
}

.recently-viewed .swiper-slide {
    width: auto;
}

.recently-viewed .prod-item {
    max-width: 280px;
}

.recently-viewed .lowest-price-catalogue {
    font-size: 9px;
    font-weight: 400;
}

.nav-up {
    top: -185px;
}

.nav-down {
    top: 0;
    /*box-shadow: 0 1px 20px rgba(0,0,0,.15);*/
}

.send-inq-btn-katalog {
    border-radius: 2px;
    padding: 5px 10px 7px 10px;
    font-size: 15px;
}

.send-inq-btn-katalog:hover,
.send-inq-btn-katalog:focus {
    background: #dcdcdc;
}

.icon-heart:before {
    color: #a6ce56;
}

.select-css {
    width: 100%;
    border: 1px solid #CDCDCD;
    padding: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url(../img/chevron-down.svg) 95% 50% no-repeat;
    background-size: 10px auto;
    margin: 10px 0 0 0;
}

.recently-viewed .prod-item .item-price .price-before {
    font-size: 14px
}


.invalid_attr {
    color: cornflowerblue !important;
}

.prod-item.catalogue-banner {
    padding: 0;
    border: none;
}

.grid-comm a {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.no-products {
    display: inline-block;
    width: 100%;
    margin: 50px 0 0 0;
}

.lg-backdrop {
    background: #f1f1f1;
}

.error-content-wrapper {
    text-align: center;
    padding: 50px 0 0 0;
}

.error-content-wrapper .btn {
    margin: 30px 0 0 0;
}

.pass-reset-inner {
    text-align: center;
    padding: 40px 0 0 0;
    max-width: 480px;
    margin: 0 auto;
}

.pass-reset-inner h2 {
    font-weight: 400;
    font-size: 21px;
}

.pass-reset-inner form {
    margin: 50px 0 0 0;
}

.pass-reset-inner .btn {
    width: 100%;
    margin: 20px 0 0 0;
}

.forgot-pass {
    position: relative;
    margin: 0 0 20px 0;
    display: inline-block;
    color: #7f624f;
}

.forgot-pass::after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    left: 0;
    height: 1px;
    width: 100%;
    background: #7f624f;
}

.btn-holder {
    margin: 20px 0 0 0;
}

.druga_adresa {
    padding: 0 0 0 20px;
}

.delivery-type-wrapper {
    margin: 0 0 20px 0;
}

.delivery-type {
    margin: 20px 0 0 0;
}

.delivery-type-wrapper .card-body {
    padding: 0 20px 20px 20px;
}

.signins-wrapper h2 {
    font-size: 30px;
    margin: 0 0 20px 0;
}

.gd-logo {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px auto;
}

.icon-eye-open,
.icon-eye-close {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.icon-eye-open {
    background: url(../img/eye-open.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.icon-eye-close {
    background: url(../img/eye-closed.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.input-group-append .btn {
    border-color: #ced4da;
    padding: 0;
    width: 54px;
}

.input-group-append .btn:hover .icon-eye-open,
.input-group-append .btn:active .icon-eye-open,
.input-group-append .btn:focus .icon-eye-open {
    background: url(../img/eye-open-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.input-group-append .btn:hover .icon-eye-close,
.input-group-append .btn:active .icon-eye-close,
.input-group-append .btn:focus .icon-eye-close {
    background: url(../img/eye-closed-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: none;
}

.input-group {
    z-index: 1;
}

.eye_wrapper {
    position: absolute;
    width: 50px;
    height: 54px;
    right: 0;
    bottom: 0;
    border-left: 1px solid #ccc;
    transition: all .3s ease;
}

.eye_show_pass {
    background: url(../img/eye-open.svg) 50% 50% no-repeat;
    background-size: 20px auto;
    height: 100%;
    display: block;
    top: 50%;
    cursor: pointer;
}

.eye_show_pass.eye_off {
    background: url(../img/eye-closed.svg) 50% 50% no-repeat;
    background-size: 20px auto;
    height: 100%;
    display: block;
    top: 50%;
    cursor: pointer;
}

.eye_wrapper:hover,
.eye_wrapper:focus,
.eye_wrapper:active {
    background: #9f8574;
    color: #ffffff;
    outline: none;
}

.eye_wrapper:hover .eye_show_pass,
.eye_wrapper:focus .eye_show_pass,
.eye_wrapper:active .eye_show_pass {
    background: url(../img/eye-open-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.eye_wrapper:hover .eye_show_pass.eye_off,
.eye_wrapper:focus .eye_show_pass.eye_off,
.eye_wrapper:active .eye_show_pass.eye_off {
    background: url(../img/eye-closed-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.form-control:focus + .eye_wrapper {
    border-color: #898479;
}


.basket-attributes {
    font-size: 11px;
    text-transform: uppercase;
}
/*prikaz pakiranja/velicine proizvoda na stranii*/
.package-wrapper {
    margin: 10px 0 0 0;
}

.package-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: inline-block;
    width: 100%;
}

.package-wrapper ul li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

.package-wrapper ul li.active a,
.package-wrapper ul li a:hover,
.package-wrapper ul li a:active,
.package-wrapper ul li a:focus {
    background: #4f5969;
    color: #ffffff;
}

.package-wrapper ul li a {
    display: block;
    color: #000000;
    width: auto;
    text-align: center;
    background: #ffffff;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #e6e6e6;
    text-transform: uppercase;
}

.package-wrapper ul li .product-detail-swatch {
    display: block;
    margin: 2px 0 0 0;
}

.package-wrapper ul li.active .product-detail-swatch {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #5a4a3f;
}

.package-wrapper ul li .product-detail-swatch.invalid_attr {
    opacity: .35;
}

.package-wrapper ul li a.mod_inactive {
    display: block;
    color: darkgray;
    width: auto;
    border-radius: 100px;
    text-align: center;
    background: #ffffff;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #e6e6e6;
    text-transform: uppercase;
}

.package-wrapper ul li a.mod_inactive:hover {
    background: lightslategray
}

.package-wrapper + .product-add {
    margin: 10px 0 20px 0;
}

.nijanse + .package-wrapper {
    margin: 20px 0 0 0;
}


/*prikaz boja proizvoda na stranii*/
.product-colours {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}

.product-colours > li {
    display: inline-block;
    margin-bottom: 5px;
}

.product-colours > li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid transparent;
    border: 2px solid transparent;
    border-radius: 100%;
    padding: 2px;
    overflow: hidden;
    line-height: 0;
}


.product-colours > li a[disabled] {
    opacity: 0.3;
    cursor: default;
}

.product-colours > li a span {
    display: inline-block;
}


.product-colours > li a:first-of-type:hover {
    border-color: #2092ca;
}

.product-colours > li a[disabled]:first-of-type:hover {
    border-color: transparent;
}

.product-colours > li a img {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
}

.product-colours > li.active a:first-of-type {
    border-color: #2092ca;
}

.product-colours img {
    border-radius: 100%;
}

/*compare*/
.compare-div {
    position: fixed;
    right: 0;
    bottom: 50%;
    font-size: 12px;
    text-align: center;
    z-index: 9;
    transform: translateY(-50%);
}

.compare-div a {
    position: relative;
    display: block;
    color: #fff;
    padding: 5px 10px;
    background: #898479;
}

.compare-div a::before {
    content: '';
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/compare-ico-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.compare-div a:hover {
    background: #898479;
}

.add-to-compare svg {
    position: relative;
    width: 32px;
    height: 24px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.add-to-compare svg .fill-it {
    fill: #000000;
}

.add-to-compare svg .no-fill {
    fill: none;
}

.add-to-compare:hover svg .fill-it,
.add-to-compare:focus svg .fill-it,
.add-to-compare:active svg .fill-it,
.add-to-compare.added svg .fill-it {
    fill: #ffffff;
}

.add-to-compare:hover svg .no-fill,
.add-to-compare:focus svg .no-fill,
.add-to-compare:active svg .no-fill,
.add-to-compare.added svg .no-fill {
    fill: none;
}

.add-to-compare {
    position: absolute;
    width: 40px;
    height: 35px;
    left: 10px;
    bottom: 10px;
    z-index: 3;
    cursor: pointer;
    border-radius: 2px;
    background: #e0e0e0 url(../img/compare-ico-black.svg) 50% 50% no-repeat;
    background-size: 19px auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.add-to-compare.added,
.add-to-compare:hover,
.add-to-compare:focus,
.add-to-compare:active {
    background: #898479 url(../img/compare-ico-white.svg) 50% 50% no-repeat;
    background-size: 19px auto;
}

.remove-from-compare {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
    transition: all 0.5s ease;
    opacity: 0.3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px auto;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 311 311'%3E%3Cpath d='M178.2 155.5L306.4 27.3c6.2-6.3 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L155.6 132.9 27.4 4.7C21.1-1.6 11-1.6 4.8 4.7c-6.2 6.2-6.2 16.4 0 22.6L133 155.5 4.8 283.7c-6.2 6.2-6.2 16.4 0 22.6 3.1 3.1 7.2 4.7 11.3 4.7 4.1 0 8.2-1.6 11.3-4.7l128.2-128.2 128.2 128.2c3.1 3.1 7.2 4.7 11.3 4.7 4.1 0 8.2-1.6 11.3-4.7 6.2-6.2 6.2-16.4 0-22.6L178.2 155.5z' fill='%23000'/%3E%3C/svg%3E");
}

.remove-from-compare:hover {
    opacity: 1;
}

.usporedba_note {
    text-align: center;
}

/*compare end*/

/*compare page*/
/* COMPARE PAGE */
.prod-attributes ul {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
}

.prod-attributes ul li {
    display: block;
    line-height: 32px;
    color: #959A9B;
    padding-left: 20px;
}

.prod-attributes ul li:nth-child(even) {
    background: #F8F8F8;
}

.toggle-fav {
    position: absolute;
    width: 50px;
    height: 48px;
    right: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
    background-image: url(../img/fav.svg);
}

.watch-compare {
    position: relative;
}

.compare-labels {
    /*float: left;*/
    width: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
}

/*.compare-items {
    float: right;
    width: 80%;
}*/

.compare-items .prod-item-inner {
    border: 0;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 2px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.compare-items .prod-item {
    padding-left: 12px;
    padding-right: 12px;
}

.compare-items .prod-item ul {
    padding: 16px 24px 24px 24px;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: column;
}

.compare-items .prod-item .discount,
.compare-items .prod-item .add-to-compare {
    display: none;
}

.compare-items .prod-item .prod-item-add {
    border-top: 0;
}

.compare-items .prod-item .add-to-cart.btn {
    border-radius: 2px;
}

.compare-items .swiper {
    padding-bottom: 0;
}

.compare-items .swiper-button-prev,
.compare-items .swiper-button-next {
    top: 180px;
    width: 40px;
    height: 40px;
    bottom: auto;
}

.compare-items .swiper-button-prev {
    left: 0;
    background: rgba(240, 235, 230,.7);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.compare-items .swiper-button-next {
    right: 0;
    background: rgba(240, 235, 230,.7);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.compare-items .swiper-button-prev:hover,
.compare-items .swiper-button-prev:focus,
.compare-items .swiper-button-prev:active,
.compare-items .swiper-button-next:hover,
.compare-items .swiper-button-next:focus,
.compare-items .swiper-button-next:active {
    background: rgba(240, 235, 230,1);
}

.prod-item .view-prod-btn a {
    position: relative;
    padding: 10px 15px;
}

.prod-item-remove {
    margin-top: 30px;
}

.prod-item-remove a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prod-item-remove svg {
    max-width: 12px;
    margin-right: 12px;
}

.compare-items .prod-attributes ul li {
    text-align: center;
    font-weight: 100;
    color: #2e2e2e;
    padding-left: 0;
}

.compare-transition-group {
    display: flex;
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
}

.compare-items .prod-item-pic {
    text-align: center;
}

.compare-items .prod-item-pic span.name {
    display: block;
    font-weight: 500;
}

.compare-items .swiper-slide .prod-item img {
    margin-left: auto;
    margin-right: auto;
}

.prod-attributes ul.mobile-prod-layout {
    display: none;
}

.price-before {
    display: block;
    font-size: 13px;
    text-decoration: line-through;
    color: #7f7f7f;
}

.price-new {
    font-weight: 700;
}

/*compare page*/


.lg-next,
.lg-prev {
    background: #898479;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    color: #ffffff;
}

.product-container .path {
    text-align: center;
}

.compare-wrapper {
    position: relative;
}

.compare-wrapper .add-to-compare {
    left: 0;
    bottom: -8px;
}

.compare-label {
    padding: 0 0 0 65px;
}

.compare-wrapper:hover .compare-label {
    color: #898479;
}

.checkout-disable {
    top: 0;
    left: 0;
    position: fixed;
    background: #ff8f8f;
    padding: 5px;
    font-size: 14px;
    z-index: 120;
}

.twitter-btn .label {
    display: none;
}

.accordion-locations .accordion-button {
    padding: 15px 20px;
    background: #efefef;
    border: 1px solid #e0e0e0;
}

.accordion-locations .accordion-header svg {
    width: 16px;
    height: 20px;
    margin: 0 15px 0 0;
}

.accordion-locations .accordion-body {
    padding: 20px;
}

.accordion-locations .accordion-item {
    margin: 0 0 20px 0;
}

.accordion-locations h3 {
    text-transform: none;
    font-size: 22px;
}

.store-item {
    padding: 0 40px 40px 0;
}

.store-info ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
}

.accordion-button {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}

.link-location {
    display: block;
    margin: 10px 0 20px 0;
    font-weight: 700;
    text-decoration: underline;
}

.accordion-button::after {
    width: 15px;
    height: 15px;
    background: url(../img/chevron-down.svg) 50% 50% no-repeat;
    background-size: 15px auto;
    transition: all .3s ease-out;
}

.accordion-button:not(.collapsed)::after {
    width: 15px;
    height: 15px;
    background: url(../img/chevron-down.svg) 50% 50% no-repeat;
    background-size: 15px auto;
    transform: rotate(180deg);
    transition: all .3s ease-out;
}

.prijava-wrapper {
    padding: 80px 0 0 0;
    height: 100%;
}

.prijava-wrapper h2 {
    margin: 0 0 30px 0;
    font-size: 34px;
}

.prijava-wrapper .half-wrapper {
    max-width: 450px;
}

.prijava-wrapper .new-customer-registration-wrapper {
    margin: 40px 0 0 0;
}

.half-wrapper .single-signin-wrapper.login-card,
.half-wrapper .new-customer-registration-wrapper {
    background: #fff;
    border: 1px solid #dfcec3;
    border-radius: 10px;
    padding: 40px;
    text-align: center;
}

.half-wrapper .single-signin-wrapper.login-card form {
    text-align: left;
}

.half-wrapper .signin-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    background: #F4ECEA;
    color: #9F8574;
    display: flex;
    align-items: center;
    justify-content: center;
}

.half-wrapper .signin-icon svg {
    width: 26px;
    height: 26px;
}

.half-wrapper h2 {
    font-size: 22px;
    margin: 0 0 20px 0;
}

.half-wrapper .new-customer-registration-wrapper ul {
    list-style: none;
    text-align: left;
    margin: 0 0 25px 0;
    padding: 0;
}

.half-wrapper .new-customer-registration-wrapper ul li {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 0 10px 0;
}

.half-wrapper .new-customer-registration-wrapper ul li .icon-checkmark {
    color: #9F8574;
    font-size: 12px;
}

.half-wrapper .btn-holder .btn {
    position: relative;
}

.half-wrapper .btn-holder .btn .icon-chevron-right {
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 11px;
    transform: translateY(-50%);
}

.half-wrapper .btn-outline-primary {
    background: #fff;
    border: 1px solid #9F8574;
    color: #9F8574;
}

.half-wrapper .btn-outline-primary:hover {
    background: #7f624f;
    border: 1px solid #7f624f;
    color: #fff;
}

.prijava-wrapper .btn {
    width: 100%;
}

.prijava-wrapper .login-3rd-party .btn {
    width: 47%;
    margin: 0;
}

.half-wrapper,
.signin-img-holder {
    position: relative;
}

.signin-img-holder {
    width: 40%;
    background: url(../img/sign-in-holder.jpg) 50% 50% no-repeat;
    background-size: cover;
    margin: 0 0 0 60px;
    border-radius: 10px;
}

.signin-img-holder::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
}

.signin-img-holder img {
    width: 100%;
}

.signin-content {
    position: relative;
    top: 45%;
    width: 100%;
    padding: 0 20px;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    font-size: 25px;
    text-shadow: 0 5px 5px rgba(0,0,0,.2);
}

.signin-content ul {
    list-style-type: none;
}

.cart-inner-wrapper {
    margin: 50px 0 0 0;
}

.summary-right-wrapper {
    width: 100%;
    background: #e1d5d4;
    padding: 35px;
    max-width: 30%;
}

.summary-right-wrapper h2 {
    font-size: 28px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f4ecea;
    margin: 0 0 20px 0;
}

.summary-right-wrapper h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 30px 0 0 0;
}

.total-sum-wrapper {
    margin: 20px 0 0 0;
}

.summary-right-wrapper .btn-basket-order {
    width: 100%;
    margin: 30px 0 0 0;
}

.attr-name {
    display: block;
    font-weight: 700;
    width: 100%;
    margin: 10px 0;
}

.product-note {
    background: #ffe8e8;
    border-radius: 6px;
    padding: 5px 10px;
    display: none;
    font-size: 14px;
    border: 1px solid #ffc8c8;
}

.product-note:not(:empty) {
    display: block;
}

.change-pass {
    max-width: 800px;
    margin: 0 auto;
    display: block;
}

.change-pass h1 {
    margin-bottom: 20px;
}

.swiper-nav {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
    position: static;
}

.swiper-pagination {
    width: auto !important;
    line-height: 0;
}

.swiper-button-next,
.swiper-button-prev {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(240,240,240,.5);
    backdrop-filter: blur(4px);
    margin-top: 0;
}

.tab-content .swiper-button-prev,
.tab-content .swiper-button-next {
    position: absolute;
    top: 50% !important;
    left: 4px;
    transform: translateY(-50%);
}

.tab-content .swiper-button-next {
    left: auto;
    right: 4px;
}

.plp-nav,
.beh-nav {
    position: absolute;
    height: 0;
    top: 35%;
    left: 0;
    right: 0;
    z-index: 9;
    height: 0;
}

.beh-nav {
    top: 40%;
}

.plp-nav > .container,
.beh-nav > .container {
    height: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.plp-nav .swiper-button-prev,
.plp-nav .swiper-button-next {
    position: static;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #fff;
}

.pseudo-slider {
    width: 100%;
    height: 500px;
    background-color: green;
}

.hb-cols {
    display: flex;
    margin-right: calc((100% - 1664px) / 2);
}

.hero-box-wrap {
    position: relative;
    background-color: #A69D8E;
}

.hero-box-inverted .hb-cols {
    flex-direction: row-reverse;
    margin-right: 0;
    margin-left: calc((100% - 1664px) / 2);
}

.hb-col:first-child {
    min-width: 0;
    flex: 1 0 0;
}

.hero-box-inverted .hb-col:first-child {
    width: calc(50% - ((100% - 1664px) / 2));
    display: flex;
    align-items: center;
    flex: 0 1 auto;
}

.hb-col:last-child {
    width: calc(50% - ((100% - 1664px) / 2));
    display: flex;
    align-items: center;
    padding-left: 75px;
    padding-right: 12px;
}

.hero-box-inverted .hb-col:last-child {
    width: auto;
    min-width: 0;
    flex: 1 0 0;
    padding-right: 75px;
    padding-left: 12px;
}

.hero-box-filo .hb-col {
    align-items: flex-start !important;
}

.hero-box-filo .hb-col:last-child {
    padding-top: 7%;
    padding-bottom: 40px;
}

.hero-box-wrap:first-child,
.filo-wrap > .hero-box-filo:first-child {
    margin-top: 40px;
}

.hb-img {
    display: block;
    width: 100%;
    height: auto;
}

.section-heading {
    position: relative;
    font-size: 44px;
    font-weight: 300;
    color: #383838;
    text-align: center;
}

.section-heading::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    display: block;
    z-index: 1;
    height: 1px;
    width: 100%;
    background: #ccc;
}

.section-heading span {
    position: relative;
    z-index: 2;
    background: #F4ECEA;
    padding: 0 20px;
}

.hero-box-filo .section-heading {
    font-size: 32px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.175;
    text-transform: none;
}

.hero-box-wrap .hb-txt,
.hero-box-wrap .section-heading {
    color: #fff;
}

.hbt-description {
    line-height: 1.625;
    margin-top: 25px;
    max-width: 614px;
}

.hbt-description p {
    margin: 0;
}

.hbt-list {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.hbt-list > li {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}

.hbt-list > li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: black;
}

.hbt-list > li br {
    display: none;
}

.hero-box-wrap .hbt-list > li:before {
    background-color: #fff;
}

.hero-box-filo .hbt-description {
    margin-top: 40px;
}

.hbt-btn {
    margin-top: 45px;
}

.home-heading {
    padding: 100px 0;
    text-align: center;
}

.home-heading.container {
    margin-bottom: 100px;
}

.hh-title {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}

.hero-box-wrap .hh-title {
    color: #fff;
}

.home-section:not(.home-heading):not(.hero-box-filo) {
    margin-top: 60px;
}

.home-heading + .home-section {
    margin-top: 0 !important;
}

.page-header + .home-section {
    margin-top: 40px;
}

.f-heading {
    margin-bottom: 34px;
}

.pb-txt .section-heading {
    margin-bottom: 0;
}

.beh-btn {
    margin-top: 40px;
}

.pi-to-cart {
    position: absolute;
    bottom: 15px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(240,240,240,.5);
    backdrop-filter: blur(4px);
    border-radius: 100%;
    font-size: 19px;
    color: #000;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.pi-to-cart.in-basket {
    opacity: .3;
}

.pi-to-cart:not(.in-basket):hover {
    background-color: #fff;
}

.pi-list {
    margin-top: 20px;
}

.pi-list > li {
    font-size: 20px;
}

.pi-list > li + li {
    position: relative;
    margin-top: 15px;
    font-size: 14px;
}

.price-add-btn-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 20px;
}

.price-add-btn-wrapper .it-add-btn {  
    width: 100%;
}

.price-add-btn-wrapper .btn-add-cart {
    width: 100%;
}

.price-add-btn-wrapper .it-price {
    border-top: 1px solid #ccc;
    padding: 15px 0 0 0;
    font-size: 21px;
    line-height: 1;
    text-align: right;
    margin: 0 0 15px 0;
}

.it-level {
    display: flex;
    padding-left: 42px;
}

.itl-strips {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
}

.itl-strips > span {
    display: flex;
    align-items: center;
    gap: 3px;
}

.itl-strips > span:before,
.itl-strips > span:after {
    content: "";
    display: block;
    width: 5px;
    height: 24px;
    border-radius: 1px;
    background-color: #A69D8E;
}

.itl-strips > span + span {
    margin-left: 3px;
}

.itl-1 > span:first-child:before,
.itl-2 > span:first-child:before,
.itl-2 > span:first-child:after,
.itl-3 > span:first-child:before,
.itl-3 > span:first-child:after,
.itl-3 > span + span:before,
.itl-4 > span:first-child:before,
.itl-4 > span:first-child:after,
.itl-4 > span + span:before,
.itl-4 > span + span:after {
    background-color: #000;
}

.it-time {
    position: relative;
    padding-left: 42px;
    display: flex;
    align-items: center;
}

.it-time > i {
    position: absolute;
    top: 0;
    left: 2px;
    font-size: 24px;
}

.pi-list-product {
    font-size: 16px;
    margin-top: 30px;
}

.it-category {
    font-size: 14px;
}

.it-price {
    font-weight: 600;
}

.f-btn-wrapper > .container {
    text-align: center;
}

.mf-cols {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    gap: 40px;
}

.btn-secondary {
    font-weight: 500;
    color: #9f8574;
    background-color: transparent;
    border: 1px solid #898479;
    border-radius: 0;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    border: 1px solid #9F8574 !important;
    color: #fff !important;
    background-color: #9F8574 !important;
}

.mfm-btn.btn-secondary {
    border: 1px solid #fff !important;
}

.btn-secondary.mfm-btn:hover,
.btn-secondary.mfm-btn:focus,
.btn-secondary.mfm-btn:active {
    border: 1px solid #fff !important;
}

.mf-heading {
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 1;
    font-size: 34px;
}

.newsletter-wrapper p {
    margin: 0;
}

.mf-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mf-bottom-wrapper {
    display: flex;
    width: 33%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.mfi-description {

    line-height: 1.625;
    max-width: 496px;
    margin-top: 15px;
}

.mfm-btn {
    margin-top: 15px;
}

.mf-bottom > .container {
    display: flex;
    justify-content: space-between;
}

.mfb-menu {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 30px;
    padding: 0;
    margin: 0;
}

.mfb-menu a {
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
}

.mfb-copy {
    font-size: 14px;
    text-align: center;
    margin: 30px 0;
}

.mfm-container {
    position: relative;
    width: 341px;
    aspect-ratio: 341 / 270;
    margin-bottom: 15px;
}

.mfm-container > iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.mf-icons {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

.mf-icons i {
    font-size: 20px;
}

.mf-newsletter {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
}

.mf-newsletter-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.mfn-input,
.mfn-btn {
    height: 60px;
}

.mfn-input {
    width: 404px;
    background: #f4ecea;
    height: 60px;
    padding: 0 20px;
    border: 1px solid #9F8574;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.mfn-btn {
    background: #9F8574;
    border: 1px solid #9F8574;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 0 30px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.mfn-btn:hover,
.mfn-btn:focus,
.mfn-btn:active {
    background-color: #7f624f;
    border: 1px solid #7f624f;
    color: #ffffff;
}

.page-header {
    background-color: #e1d5d4;
    padding: 30px 0 25px 0;
}

.page-header-blog {
    padding-bottom: 155px;
    text-align: center;
}

.ph-title {
    margin: 0;
    font-size: 48px;
}

.blog-title {
    text-transform: none;
    margin-top: 35px;
}

.pc-cols-wrap {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.product-pic-inner {
    width: 50%;
    padding: 0 40px 0 0;
}

.product-pic-carousel {
    padding: 0 0 20px 0;
}

.product-general {
    width: 45%;
}

.pcc-cols {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px
}

.pcc-col {
    padding: 0 7px;
    width: 100%;
}

.product-pic-inner {
    position: relative
}

.product-pic-carousel #gallery img {
    width: 100%;
    border-radius: 10px;
}

.product-thumbs

.product-thumbs .swiper-button-prev,
.product-thumbs .swiper-button-next {
    position: absolute;
}

.product-thumbs .swiper-button-prev, .product-thumbs .swiper-button-next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    background-color: #aa9688;
    border-radius: 0;
    width: 20px;
    height: 100%
}

.product-thumbs .swiper-button-prev:hover,
.product-thumbs .swiper-button-next:hover {
    background-color: #9f8574;
}

.product-thumbs .swiper-button-prev {
    left: 0;
}

.product-thumbs .swiper-button-next {
    right: 0;
}

.product-thumbs .swiper-button-prev:after,
.product-thumbs .swiper-button-next:after {
    content: "\e90d";
    color: #fff;
    transform: rotate(-90deg);
    font-size: 15px;
}

.product-thumbs .swiper-button-next:after {
    content: "\e90c";
}

.features-list {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    gap: 40px;
    margin: 40px 0 0 0;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    background: #e5d9d6;
}

.features-list:empty {
    display: none;
}

.features-list li {
    list-style: none;
    display: flex;
    color: #000;
    font-size: 16px;
}

.features-list img {
    margin: 0 10px 0 0;
}


/*.features-list li::before {
    content: "\e90e";
    font-size: 14px;
    margin-right: 15px;
    margin-top: .4em;
    font-family: 'icons';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/
.pd-description {
    margin-top: 35px;
    font-size: 16px;
    line-height: 1.625;
    color: #000;
}

.pd-btn {
    padding: 23px 30px;
    margin-left: 0 !important;
    float: none;
    width: 100%;
    white-space: nowrap;
}

.pa-cols {
    display: flex;
    gap: 35px;
}

.pa-col:first-child {
    flex: 0 0 180px;
}

.pa-col:last-child {
    flex: 1;
}

#pd-accordion {
    margin-top: 30px;
}

.c-accordion .accordion-button {
    font-size: 15px;
    padding: 15px 0;
    font-weight: 400;
    color: #000;
    background: transparent !important;
    box-shadow: none;
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-radius: 0;
}

.c-accordion .accordion-item:first-child {
    border-top: none;
}

.c-accordion .accordion-item:last-child {
    border-bottom: none;
}

.c-accordion .accordion {
    background: transparent;
}

.c-accordion .accordion-button::after {
    content: "+";
    background: none;
    font-weight: 400;
    font-size: 20px;
}

.c-accordion .accordion-button:not(.collapsed)::after {
    content: "-";
    background: none;
    transform: none;
}

.c-accordion .accordion-item {
    border-radius: 0;
    border: none;
    border-top: 1px solid rgba(216,213,205,.42);
    background: transparent;
}

.c-accordion .accordion-item .accordion-header {
    font-family: 'Work Sans', Arial, sans-serif;
}

.c-accordion .accordion-body {
    padding: 0 0 15px 0;
}

.be-btn-wrapper {
    margin-top: 120px;
    text-align: center;
}

.blog-container {
    max-width: 1124px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
}

.blog-share {
    display: flex;
    gap: 15px;
    margin-top: 18px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.blog-share > span {
    color: #3a3937;
}

.blog-share a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #F7F6F6;
    border-radius: 50%;
}

.blog-share a > span {
    font-size: 17px;
    color: #505a6a;
    transition: opacity .3s;
}

.blog-share a:hover > span {
    opacity: .8;
}

.blog-hero img {
    width: 100%;
    border-radius: 10px;
}

.blog-hero {
    margin-top: 40px;
}

.blog-hero:first-child {
    margin-top: -115px;
}

.blog-content {
    margin-top: 40px;
}

.blog-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    gap: 40px;
}

.bn-item {
    width: calc(50% - 40px);
    max-width: 240px;
}

.bn-container,
.bn-btn,
.bn-img,
.bn-img img,
.bn-title {
    display: block;
}

.bn-container {
    color: #000;
    font-size: 16px;
}

.bn-container:hover,
.bn-container:focus,
.bn-container:active {
    color: #000;
}

.bn-btn {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.bn-btn-next {
    text-align: right;
}

.bn-btn-prev:before,
.bn-btn-next:after {
    content: "\e902";
    display: inline-flex;
    margin-right: 14px;
    width: 36px;
    height: 36px;
    background-color: #9F8574;
    color: #fff;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: 'icons';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: background-color .3s;
}

.bn-btn-next:after {
    margin-left: 14px;
    transform: rotate(180deg);
}

.bn-btn-prev:hover:before,
.bn-btn-next:hover:after {
    background-color: #898479;
}

.bn-title {
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.2;
    color: #3a3937;
}

.bn-img img {
    transition: opacity .3s;
}

.bn-img img:hover {
    opacity: .9;
}

.top-tabs {
    background-color: #ECEAE5;
    padding: 20px 0;
}

.program-box,
.page-content-program .featured {
    margin-top: 90px;
}

/*.feature + .program-box {
    margin-top: 0;
}*/

.pb-cols {
    display: flex;
    margin: 0 -12px;
}

.pb-col {
    display: flex;
    align-items: center;
    width: 40%;
    padding: 0 12px;
}

.pb-col:last-child {
    width: 60%;
}

.pb-img-wrap,
.pb-img img {
    display: block;
}

.pb-img-wrap {
    position: relative;
    transition: opacity .3s;
}

.pb-img-wrap:hover {
    opacity: .9;
}

.pb-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.pb-txt {
    max-width: 524px;
}

.pbt-title {
    margin: 0;
    padding: 0;
    font-size: 36px;
    font-weight: 300;
    color: #320C44;
}

.page-content .section-heading {
    font-weight: 300;
    text-transform: none;
}

.pbt-description {
    line-height: 1.625;
    margin-top: 15px;
}

.pbt-btn {
    margin-top: 45px;
    min-width: 365px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.pbt-btn:before,
.pb-img-wrap:after {
    content: "\e90f";
    vertical-align: middle;
    font-size: 27px;
    margin-right: 25px;
    font-family: 'icons';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pb-img-wrap:after {
    margin: 0;
    font-size: 95px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cb-map {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 950 / 741;
}

.cb-map > iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.cb-cols {
    display: flex;
    margin-left: calc((100% - 1664px) / 2);
}

.cb-col {
    display: flex;
    align-items: center;
}

.cb-col:first-child {
    min-width: 0;
    flex: 1 0 0;
    padding-left: 12px;
    padding-right: 75px;
}

.cb-col:last-child {
    width: calc(56.7% - ((100% - 1664px) / 2));
    display: flex;
    align-items: center;
}

.cb-txt {
    max-width: 615px;
    padding: 20px 0;
}

.cbt-title {
    font-size: 32px;
    font-weight: 300;
}

.cbt-icons + .cbt-title {
    margin-top: 75px;
}

.cbt-description {
    line-height: 1.625;
    margin-top: 15px;
}

.cbt-icons {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.cbt-description + .cbt-icons {
    margin-top: 55px;
}

.cbt-title + .cbt-icons {
    margin-top: 35px;
}

.cbt-icons a {
    display: block;
    color: #000;
}

.cbt-icons i {
    font-size: 46px;
}

.cbt-icons span {
    display: block;
    margin-top: 25px;
    line-height: 1;
}

.ch-img img {
    height: auto;
    width: 100%;
}

.ws-item img {
    width: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.ws-item:hover img {
    opacity: .9;
}

.text-bg-danger {
    background-color: #9f7474 !important;
}

.gdc-info-icon-bkg {
    fill: #4F5969;
}

.gdc-options input[type=checkbox]:checked + label:before {
    background: #9F8574;
    border-color: #9F8574;
}

.gdc-button,
#gdc-accept-all {
    border-radius: 0;
    font-weight: 400;
    background: #9F8574;
    border-color: #9F8574;
    color: #fff;
}

.gdc-options .gdc-checkbox:checked + label:after {
    top: 6px;
}

.gdc-button:hover,
#gdc-accept-all:hover,
.gdc-button:focus,
#gdc-accept-all:focus,
.gdc-button:active,
#gdc-accept-all:active {
    background: #898479;
    border-color: #898479;
}

.pdi-mail {
    white-space: nowrap;
}

.mfb-logo {
    text-align: center;
    padding: 10px 0 10px;
}

.mfb-logo img {
    max-width: 80px;
}

.gdc-cookieSettings {
    border-radius: 100%;
    border: 1px solid #e8e8e8;
}

.ai-action {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}



.sparkle {
    position: relative;
    padding-left: 35px; /* prostor za ikonu */
    font-size: 18px;
}

.sparkle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'>\
<g fill='white'>\
<path d='M128 24 C142 60,164 82,200 96 C164 110,142 132,128 168 C114 132,92 110,56 96 C92 82,114 60,128 24 Z'/>\
<path d='M196 140 C204 160,218 174,238 182 C218 190,204 204,196 224 C188 204,174 190,154 182 C174 174,188 160,196 140 Z'/>\
</g></svg>");
    color: #000; /* mijenja� boju ikone ovdje */
    /* pulsate forever */
    animation: sparklePulse 1.2s ease-in-out infinite;
    transform-origin: center;
    will-change: transform, opacity, filter;
}


@keyframes sparklePulse {
    0%, 100% {
        transform: translateY(-50%) scale(1);
        opacity: 0.75;
        filter: drop-shadow(0 0 0px rgba(255,255,255,0));
    }

    50% {
        transform: translateY(-50%) scale(1.18);
        opacity: 1;
        filter: drop-shadow(0 0 10px rgba(255,255,255,0.65));
    }
}


.homepage .home-slider-wrapper .swiper-slide:before {
    background: #ffffff;
    background: linear-gradient(119deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.67) 34%, rgba(255, 255, 255, 0) 61%);
}


.ai-input {
    display: block;
    width: 100%;
    padding: 12px 30px 13px 30px;
    border: 0;
    background: none;
    color: #000;
    border: solid 1px #ddd;
}


header.header-scrolled {
    background: #F4ECEA;
}

header.header-scrolled .header-wrapper {
    background-color: #fff;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}

.homepage .header-wrapper {
    transition: 0.3s all ease;
}

.categories-home {
    margin: 60px 0 0 0;
}

.categories-home .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 0px;
}

.categories-home .category-card {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.categories-home .category-card-image img {
    width: 100%;
    border-radius: 4px;
    transition: all .3s ease-out;
}

.categories-home .category-card:hover img {
    transform: scale(1.05);
}

.categories-home .category-card-overlay {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 2;
    color: #fff;
}

.categories-home .category-card-overlay h3 {
    margin: 0 0 5px 0;
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
}

.footer-about {
    width: 33%;
    line-height: 2;
}

.right-side-links {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 10px;
    width: 33%;
}

.right-side-links li {
    width: 100%;
}

.above-footer-nl {
    margin: 50px 0 0 0;
    padding: 40px 0;
    background: #e1d5d4;
}

.contact-hero {
    display: inline-block;
    width: 100%;
}


#gemini-chatbot-launcher {
    background-color: #4F5969!important;
}

#gemini-chatbot-widget .chat-header,
#gemini-chatbot-widget .chat-input-form button {
    background-color: #9F8574 !important;
}

#gemini-chatbot-widget .chat-input-form button:hover {
    background-color: #7f624f!important;
}

#gemini-chatbot-widget .chat-input-form input[type="text"] {
    border: 1px solid #9f8574!important;
}

#gemini-chatbot-launcher {
    bottom: 15px!important;
    z-index: 100!important;
}

.lg-toolbar .lg-icon:hover {
    color: #9F8574;
}


.it-swatches {
    margin-top: 14px !important;
}

.swatch-label {
    font-size: 11px;
    text-transform: uppercase;
    color: #7f624f;
    margin-bottom: 7px;
}

.swatch-label .swatch-selected-name {
    color: #1a1a1a;
    font-weight: 600;
}

.swatches-row {
    display: flex;
    gap: 7px;
}

.swatch {
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.10);
    flex-shrink: 0;
}

.swatch:hover {
    transform: scale(1.12);
}

.swatch:focus {
    outline: none;
}

.swatch:focus-visible,
.swatch:active {
    outline: none;
}

.product-card-swatch:focus,
.product-card-swatch:focus-visible,
.product-card-swatch:active {
    outline: none;
}

.swatch.selected {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #5a4a3f;
}

.product-card-swatch:not(.selected),
.product-card-swatch:not(.selected):focus,
.product-card-swatch:not(.selected):focus-visible,
.product-card-swatch:not(.selected):active {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.10);
}

.product-card-swatch.selected,
.product-card-swatch.selected:focus,
.product-card-swatch.selected:focus-visible,
.product-card-swatch.selected:active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #5a4a3f;
}

/* --- Odabir debljine --- */
.it-thickness {
    margin-top: 10px !important;
}

.thickness-label {
    font-size: 11px;
    text-transform: uppercase;
    color: #aaa;
    margin-bottom: 7px;
}

.thickness-label .thickness-selected-name {
    color: #1a1a1a;
    font-weight: 600;
}

.pills-row {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.pill {
    padding: 3px 10px;
    border-radius: 20px;
    border: 1.5px solid #c9bdb6;
    font-size: 11px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    transition: all .15s;
    background: transparent;
    font-family: inherit;
}

.pill:hover:not(.unavailable) {
    border-color: #9F8574;
    color: #5a3d2b;
}

.pill.selected,
.pill.selected:hover,
.pill:active {
    background: #9F8574;
    border: 1.5px solid #9F8574;
    color: #fff;
}

.pill.unavailable {
    opacity: 0.35;
    cursor: not-allowed;
    text-decoration: line-through;
}

.btn-add-cart {
    /*width: 100%;*/
    padding: 10px 15px;
    background: #9F8574;
    border: none;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: background .15s, transform .1s;
    text-transform: uppercase;
    display: block;
}

.btn-add-cart:hover {
    background: #7f624f;
}

.btn-add-cart:active {
    transform: scale(0.98);
}

.btn-add-cart.added {
    background: #7f624f;
}

.btn-add-cart:disabled,
.btn-add-cart-disabled {
    cursor: default;
    opacity: .65;
}

.home-blog {
    margin: 60px 0 0 0;
}

.blog-home-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.blog-featured {
    position: relative;
    width: 48%;
    overflow: hidden;
    border-radius: 4px;
}

.blog-featured img {
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    transition: transform 0.6s ease;
}

.blog-featured:hover img {
    transform: scale(1.05);
}

.blog-featured-content {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 30px;
    right: 30px;
    transition: transform 0.4s ease;
}

.blog-featured:hover .blog-featured-content {
    transform: translateY(-12px);
}

.blog-featured::before {
    content: '';
    position: absolute;
    background: #F4ECEA;
    background: linear-gradient(0deg, rgba(244, 236, 234, 1) 0%, rgba(244, 236, 234, 0.85) 41%, rgba(244, 236, 234, 0) 100%);
    bottom: 0;
    left: 0;
    top: 60%;
    right: 0;
    z-index: 1;
    transition: top 0.5s ease, background 0.5s ease;
}

.blog-featured:hover::before {
    top: 0;
    background: linear-gradient(0deg, rgba(244,236,234,0.98) 0%, rgba(244,236,234,0.65) 50%, rgba(244,236,234,0.05) 100%);
}

.blog-list {
    display: flex;
    flex-wrap: wrap;
    width: 48%;
    justify-content: space-between;
}

.blog-featured-content {
    left: 20px;
    right: 20px;
}

.blog-list-item {
    width: 48%;
    margin: 0 0 20px 0;
}

.blog-list-pic {
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

.blog-list-item img,
.blog-list-pic img {
    width: 100%;
    transition: transform 0.5s ease;
}

.blog-list-item:hover img,
.blog-list-pic:hover img {
    transform: scale(1.05);
}

.blog-list-item .article-title {
    font-family: 'Amiri', Georgia, serif;
    font-size: 24px;
    line-height: 1;
    transition: color 0.3s ease;
}

.blog-list-item:hover .article-title {
    color: #9F8574;
}

.f-btn-wrapper {
    text-align: center;
    width: 100%;
}

.post-description {
    line-height: 1.3;
    font-size: 15px;
}

.blog-item-featured {
    position: relative;
    display: flex;
    margin: 40px 0 0 0;
}

.blog-item-featured .blog-item-pic img {
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.blog-item-featured .article-title {
    font-family: 'Amiri', Georgia, serif;
    font-size: 36px;
    margin: 0;
}

.blog-item-featured .post-description {
    line-height: 1.6;
    font-size: 18px;
    margin: 0 0 20px 0;
}

.blog-item-featured .blog-item-pic {
    width: 60%;
}

.blog-featured-list-content {
    padding: 30px;
    background: #f7f6f6;
    width: 50%;
    align-items: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.blog-item-featured .btn,
.blog-entries .btn {
    padding: 10px 30px;
}
.blog-featured-content-inner {
    align-content: center;
    height: 100%;
}

.blog-entries .post-description {
    margin: 0 0 10px 0;
}

.page-content {
    padding: 40px 0 0 0;
}

footer .link-group .raskid-btn, .raskid-btn, footer .link-group .raskid-btn:hover, .raskid-btn:hover, .raskid-note a {
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
}

.raskid-note {
    margin: 0 0 40px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.raskid-note h4,
.newsletter-odjava span {
    margin: 0;
}

.raskid-note a,
.newsletter-odjava a{
    margin: 0 0 0 10px;
    padding: 10px 15px;
}


/* novi footer */

.main-footer .mf-bottom {
    display: grid;
    grid-template-columns: minmax(240px, 0.8fr) minmax(180px, 0.7fr) minmax(190px, 0.8fr) minmax(230px, 1.2fr);
    gap: 40px 80px;
}

.main-footer .footer-about {
    width: auto;
    line-height: normal;
}

.main-footer .footer-about > img {
    display: block;
    width: 100%;
    max-width: 230px;
    height: auto;
    margin-bottom: 18px;
}

.main-footer .mfi-description {
    margin: 0 0 24px;
}

.main-footer .footer-about ul {
    list-style: none;
    margin: 20px 0 30px 0;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.main-footer .footer-about ul li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px;
}

.main-footer .footer-about ul li:last-child {
    margin-bottom: 0;
}

.main-footer .footer-about ul li img {
    flex: none;
    width: 22px;
    height: 22px;
}

.main-footer .footer-about .mf-heading {
    margin: 0 0 5px 0;
    font-size: 13px;
}

.main-footer .footer-about > p:last-child {
    margin: 0;
}

.main-footer .mf-heading {
    font-family: 'Work Sans', Arial, sans-serif;
    margin: 0 0 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: .04em;
}

.main-footer .mf-bottom-wrapper {
    display: block;
    width: auto;
}

.main-footer .mfb-menu {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
    width: auto;
}

.main-footer .mfb-menu a {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 0;
    text-transform: none;
    white-space: normal;
}

.main-footer .mfb-menu a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 18px;
    width: 16px;
    height: 16px;
    display: block;
    background: url(../img/icons/chevron-right-dark.svg) 50% 50% no-repeat;
    background-size: 16px auto;
    transition: all .3s ease-out;
}

.main-footer .mfb-menu a:hover::after {
    background: url(../img/icons/chevron-right.svg) 50% 50% no-repeat;
    background-size: 16px auto;
}


.main-footer .right-side-links {
    width: 100%;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

.main-footer .right-side-links li {
    width: 100%;
    border-top: 1px solid #ccc;
}

.main-footer .right-side-links li:first-child {
    border-top: none;
}

.main-footer .right-side-links li:first-child a,
.mfb-menu li:first-child a {
    padding-top: 0;
}

.main-footer .right-side-links li:last-child {
    border-bottom: none;
}

.main-footer .right-side-links a {
    display: block;
    padding: 12px 0;
}

.main-footer .mf-icons {
    display: block;
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
    gap: 0;
}

.main-footer .mf-icons li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.main-footer .mf-icons li:last-child {
    margin-bottom: 0;
}

.main-footer .mf-icons li img {
    position: relative;
    flex: none;
    width: 22px;
    height: 22px;
    top: 2px;
    /*align-self: center;*/
}

.main-footer .cards {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: auto;
    gap: 18px;
    border-top: 1px solid #ccc;
    padding: 40px 0 0 0;
    margin: 0 0 30px 0;
}

.main-footer .cards li {
    display: block;
    margin: 0;
}

.main-footer .cards li img {
    display: block;
    height: 27px;
    width: auto;
}

.main-footer .mf-secure {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.main-footer .mf-secure img {
    flex: none;
    width: 20px;
    height: 20px;
}

.main-footer .mfb-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 56px;
    padding: 22px 24px;
    border-top: 1px solid #ccc;
    font-size: 14px;
}

.main-footer .mfb-copy {
    margin: 0;
    text-align: left;
}

.main-footer .mfb-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    padding-left: 20px;
    border-left: 1px solid #ccc;
    text-align: left;
    margin: 0;
}

.main-footer .mfb-logo img {
    display: block;
    max-width: none;
    height: 16px;
    width: auto;
    position: relative;
    top: 4px;
}


.product-description .nav-tabs {
    display: inline-flex;
    gap: 30px;
    margin: 0;
    background: #fff;
    padding: 20px 30px 11px 30px;
    border-radius: 20px 20px 20px 0;
}

.product-description .nav-tabs li {
    background: transparent;
}

.product-description .nav-tabs .nav-link {
    position: relative;
    padding: 0 20px;
    margin-right: 0;
    border-bottom: none;
    font-weight: 500;
}

.product-description .nav-tabs .nav-link.active {
    border-bottom: none;
}

.product-description .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    height: 4px;
    border-radius: 4px;
    background: #9F8574;
}

.product-container .tab-content {
    background: #fff;
    padding: 30px;
    border-radius: 0 20px 20px 20px;
}

.product-sheet-cols {
    display: flex;
    align-items: stretch;
    gap: 40px;
}

.product-sheet-cols .product-sheet {
    flex: 1 1 58%;
}

.product-sheet-cols .product-sheet h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 14px 0;
}

.product-sheet-cols .product-sheet > div {
    font-size: 15px;
    line-height: 1.7;
    color: #4a4a4a;
}

.product-sheet-divider {
    flex: 0 0 auto;
    width: 1px;
    background: rgba(0, 0, 0, .1);
}

.product-checklist {
    flex: 1 1 38%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 5px 0;
    font-size: 15px;
    color: #232323;
}

.product-checklist li::before {
    content: '';
    flex: 0 0 auto;
    width: 15px;
    height: 12px;
    margin-top: 6px;
    background: url(../img/checkmark.svg) 50% 50% no-repeat;
    background-size: contain;
}

.newsletter-odjava {
    display: flex;
    align-items: center;
}

.newsletter-odjava-msg:empty {
    display: none;
}

.newsletter-odjava-msg {
    margin: 10px 0 0 0;
    background: #e1d5d4;
    padding: 10px 15px;
    border-radius: 4px;
}

.nl-error {
    position: relative;
    /*display: none;*/
    font-size: 13px;
    color: #cf0400;
    text-align: center;
    width: 100%;
    opacity: 0;
    height: 0;
    transition: all .3s ease-out;
}

.error .nl-error {
    /*display: block;*/
    height: 100%;
    opacity: 1;
}

.gdc-title {
    font-family: 'Amiri', Georgia, serif;
    font-weight: 400;
    font-size: 24px;
}

.gdc-smallTxt-expander {
    position: relative;
    top: -6px;
}