/*
Theme Name: pikaboo

WooCommerce styles override
*/

/**
 * Shop tables
 */
 table.shop_table_responsive thead {
    display: none;
}

table.shop_table_responsive tbody th {
    display: none;
}

table.shop_table_responsive tr td {
    display: block;
    text-align: right;
    clear: both;
}

table.shop_table_responsive tr td::before {
    /*content: attr(data-title) ": ";*/
    content: none;
    float: left;
}

table.shop_table_responsive tr td.product-remove a {
    text-align: left;
}

table.shop_table_responsive tr td.product-remove::before {
    display: none;
}

table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
    display: none;
}

table.shop_table_responsive tr td.download-actions .button {
    display: block;
    text-align: center;
}

@media screen and (min-width: 48em) {

    table.shop_table_responsive thead {
        display: table-header-group;
    }

    table.shop_table_responsive tbody th {
        display: table-cell;
    }

    table.shop_table_responsive tr th,
    table.shop_table_responsive tr td {
        text-align: left;
    }

    table.shop_table_responsive tr td {
        display: table-cell;
    }

    table.shop_table_responsive tr td::before {
        display: none;
    }
}

/**
 * Products
 */
ul.products {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

ul.products li.product {
    list-style: none;
    position: relative;
        width: 25%;
    padding: 15px;
}
.products-container {
    margin: 0 -15px;
}
ul.products li.product img {
    display: block;
}

ul.products li.product .button {
    display: inline-block;
        margin-top: 1rem;
            width: 100%;
    text-align: center;
}


span.onsale,
.oznaka-express {
    position: absolute;
   /* background: #86C109;*/
    background: #005f91;
    color: #fff;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 9px;
    justify-content: center;
    z-index: 1;
    top: 5px;
    left: 5px;
    line-height: initial;
    text-align: center;
    flex-direction: column;
       margin-right: 0.5rem;
}
span.onsale {
    display: none;
}
.oznaka-express {
    position: relative;
}
.oznaka-express img {
       max-width: 20px;
       padding-bottom: 5px;

}
.oznake {
    position: absolute;
    top: 15px;
    left: 10px;
    display: flex;
    z-index: 2;
}
/**
 * Single product
 */
.single-product div.product {
    position: relative;
    overflow: hidden;
}

.single-product div.product .woocommerce-product-gallery {
    position: relative;
    width: 100%;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 2em;
    right: 1em;
    display: block;
    z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    margin: 0;
    padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    cursor: pointer;
    float: left;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    opacity: 0.5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
    width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 30.79667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
    clear: both;
}

.stock:empty::before {
    display: none;
}

.stock.in-stock {
    color: #0f834d;
}

.stock.out-of-stock {
    color: #e2401c;
}
.single-product .stock.out-of-stock {
    color: #e2401c;
    padding: 1rem;
    float: right;
}
.product-woo-item {
    background: linear-gradient(#F5F5F5 40%, #fff);
    border-radius: 0.7rem;
    padding: 1rem;
        display: flex;
    flex-direction: column;
    align-items: center;
        width: 100%;
        height: 100%;
    position: relative;
    justify-content: space-between;
    overflow: hidden;
        background-size: cover;
    background-position: center;
}
.product-woo-item a {
    text-decoration: none;
    color: inherit;
}
.product-woo-item-banner a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.product-woo-item-additional {
    color: #747474;
    font-size: 13px;
    font-size: .8rem;
    padding: 0.5rem 0 1rem 0;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    height: 100%;
        width: 100%;
}
.product-woo-item-vrijeme {
    font-size: 11px;
    font-size: .7rem;
    color: #747474;
        display: flex;
    margin-top: 0.5rem;
        width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.home-istaknuto-item-container .product-woo-item-vrijeme {
    display: none;
}
.product-woo-item-vrijeme span {
        display: flex;
}
.product-woo-item-vrijeme img {
    width: 22px;
    padding-right: 5px;
}
.product .summary {
    width: 100%;
}
h1.product_title.entry-title {
        font-weight: bold;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        font-size: 38px;
    font-size: 2.4rem;
        line-height: initial;
        margin: 0 0 0.5rem 0;
}
.woo-produc-swiper-container {
    margin-top: 1.5rem;
    position: relative;
}
.woo-produc-swiper-container .swiper-slide > a {
    height: 100%;
    display: contents;
}
.woo-produc-swiper-container .swiper-slide > a > img {
    width: auto;
    max-height: 100%;
}

.product {
    margin: 2rem 0;
}

.woo-produc-swiper-container .swiper-button-next, .woo-produc-swiper-container .swiper-button-prev {
    top: 0;
    bottom: 0;
    height: auto;
    padding: 2rem;
}

.woo-produc-swiper-container .swiper-button-next {
background: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%);
right: 0;
}

.woo-produc-swiper-container .swiper-button-prev {
background: linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%);
left: 0;
}

.woo-produc-swiper-container .swiper-button-disabled {
display: none;
}
.woo-produc-swiper-container .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    max-height: 50vh;
    position: relative;
    transition-property: transform;
    display: flex;
    align-items: center;
    justify-content: center;
}
.woo-produc-swiper-container .swiper-thumbs .swiper-slide {
    border: solid 1px #747474;
}
.swiper-thumbs {
    padding-bottom: .5rem!important;
}
.product-jamstvo-dostava, .product-popust {
    font-size: 12px;
    font-size: .75rem;
    color: #FF7600;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
        margin: 0.5rem 0;
}
.product-popust {
    color: #12b13b;
}

.product-popust img {
    padding-right: 0.4rem;
    width: 26px;
    margin-left: -3px;
}
.question-info::before {
    content: "";
    background: url(img/question.jpg);
    width: 22px;
    height: 22px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.product-popust i {
    font-size: 1.3rem !important;
}

.product-jamstvo-dostava img {
padding-right: .5rem;
}
.product-jamstvo-dostava div {
    display: flex;
    align-items: center;
        margin: 0.5rem 0;
}
.product-jamstvo{
padding-right: 1rem;
}

/* Repeater: Dodatne kartice (icon + title). Optional 45deg gradient from 2 colors; icon via mask, title via background-clip:text. */
.product-extra-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin: 0 0 1.5rem 0;
}
.product-extra-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #626262;
    font-size: 0.85rem;
}
.product-extra-card-icon {
    position: relative;
    width: 40px;
    height: 40px;
    margin-bottom: 0.5rem;
    flex-shrink: 0;
}
.product-extra-card-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* When gradient is used: gradient layer fills icon shape via mask; img hidden but kept for a11y */
.product-extra-card-icon-gradient {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.product-extra-card-icon-img-masked {
    position: absolute;
    inset: 0;
    opacity: 0;
}
.product-extra-card-heading {
    font-weight: bold;
    text-transform: uppercase;
}
.product-extra-card-heading-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
    .product-extra-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ikonice-brze-informacije,
.standard-infos {
    display: flex;
    flex-wrap: wrap;
    color:  #626262;
        font-size: 14px;
    font-size: .9rem;
}
.ikonice-brze-informacije {
    margin: 0 0 2rem 0;
}
.ikonica-brze-informacije,
.standard-infos-item {
    width: 33%;
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
}
.ikonica-brze-informacije-text-first {
    text-transform: uppercase;
    font-weight: bold;
}
.ikonica-brze-informacije-img-contain, .standard-infos-img {
    width: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 1rem;
}
.standard-infos {
    color: #005F91;
    background: #e5eef2;
    border-radius: 1.2rem;
    position: relative;
}
.standard-infos:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e5eef2;
    right: -50%;
    z-index: -1;
}
.standard-infos-item {
    justify-content: center;
    align-items: flex-start;
    padding: 1.5rem 1rem;
    transition: .3s;
}
.standard-infos-item a {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    color: inherit;
    transition: .3s;
}
.standard-infos-item a:hover {
    color: inherit;
    scale: 1.03;
}
.standard-infos-img {
    min-width: 35px;
    margin-right: 0.5rem;
}
.standard-infos-img img {
}
.standard-infos-title {
font-weight: bold;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 27px;
    font-size: 1.7rem;
    line-height: initial;
}
.standard-infos-text {
    line-height: initial;
        font-size: 15px;
    font-size: .94rem;
}
.standard-infos-container {
    margin: 3rem 0 0 0;
    background: linear-gradient( to left, #e5eef2 0%, #e5eef2 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100% );
}

.product-description h2,
.related h2 {
    font-weight: bold;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 38px;
    font-size: 2.4rem;
    line-height: initial;
}
section.related.products {
    margin: 4rem 0 0 0;
}
.product-description {
    /*background: #E5EEF2;*/
    background: #fff;
    border-radius: 1.2rem;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #747474;
font-size: 15px;
    font-size: .94rem;
        padding-bottom: 1rem;
        position: relative;
}
     .product-description-container .product-description:before {
         position: absolute;
         content: "";
         width: 100%;
         height: 100%;
        /* background-color: #e5eef2;*/
         background-color: #fff!important;
         left: -50%;
    }
.product-tehnicke-container .product-description {
    background: #fff;
}
.product-description-container {
    background: linear-gradient( to right, #E5EEF2 0%, #E5EEF2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100% );
    margin: 3rem 0 0 0;
}
.product-description h2 {
    font-size: 22px;
    font-size: 1.4rem;
    color: #000;
}
.product-description-picture {
    margin: 2rem 1rem;
    border-radius: 1.2rem;
    overflow: hidden;
    display: flex;
}
.product-description-picture img {
    width: 100%;
}
.product-description-content {
    margin: 2rem 0;
}
ul.specifikacija-container, .specifikacija-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.specifikacija-container ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.specifikacija-container ul li:first-child {
 font-weight: bold;
}
.zaliha {
display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: .8rem;
    color: #ff0000;
    animation: pulse 2s infinite;
    font-weight: bold;
}
.zaliha-mob {
    display: none;
    clear: both;
    text-align: right;
}
@keyframes pulse {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0.6;
            }
            100% {
                opacity: 1;
            }
        }


/* Number scroller */
.quantity {
    color: #fff;
        display: flex;
            font-size: 1rem;
}
.quantity button {
    font-weight: bold;
    font-size: inherit;
    padding: 1.3rem 1.5rem;
    border-radius: 0;
    border-color: #EEEEEE;
    background: #fff;
    min-width: 2.5rem;
    cursor: pointer;
    color: #000!important;
    margin-bottom: 0;
}
.single-product .quantity button {
    padding: 1.3rem 1rem;
min-width: 2.5rem;

}

.quantity button:active, .quantity button:focus, .quantity button:hover {
    background: #1F76CA;
    color: #fff!important;
}
.quantity input {
    background: #fff;
    color: #505050;
    border: solid 1px #EEEEEE;
    margin: 0;
    border-radius: 0;
    text-align: center;
    width: 3rem;
     vertical-align: middle;
  -moz-appearance: textfield;
  box-sizing: content-box;
  font-weight: bold;
}
.single-product .quantity input {
    width: 2rem;
}
.quantity input:focus {
    color: #1F76CA;
}
.quantity {
  display: inline-flex;
  justify-content: stretch;
}

.single-product .quantity {
 margin: 1rem 0;
}

.quantity input::-webkit-inner-spin-button,
.quantity input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.single_add_to_cart_button {
    background-image: linear-gradient(90deg, #D33500 0%, #FF8B35 100%);
    border: 1px solid #D54B00;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    font-size: 1rem;
    padding: 1.25rem 1rem;
        transition: all ease .5s;
        margin: 0 0 0 .5rem;
}
.outofstock > .add_to_cart_button,
.outofstock > .add_to_cart_button:hover,
.outofstock > .add_to_cart_button::before,
.outofstock > .product-woo-item .button,
.outofstock > .product-woo-item .button:hover,
.outofstock > .product-woo-item .button::before,
.single_add_to_cart_button.button.alt.disabled {
    background-image: none!important;
    background: #fff!important;
    color: red!important;
    border: 1px solid red;
    box-shadow: none;
    content: none;
}
.single_add_to_cart_button.button.alt.disabled a::before {
content: none;
}
button.single_add_to_cart_button.button.alt.disabled.wc-variation-is-unavailable,
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    display: none!important;
}
.yith-wcwl-add-button a::before {
    content: "";
    width: 55px;
    height: 55px;
    background: url(img/wish.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all ease .5s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: #f4f4f4;
}
.yith-wcwl-add-button a:hover::before {
    content: "";
   background: url(img/wish-hover.svg);
     width: 55px;
    height: 55px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all ease .5s;
    cursor: pointer;
}
a.add_to_wishlist.single_add_to_wishlist.button.alt i {
    color: #000;
    padding: 0;
    margin: 0;
    display: none;
}
a.add_to_wishlist.single_add_to_wishlist.button.alt:hover i {
    color: #fff;
    padding: 0;
    margin: 0;
}
.yith-wcwl-add-button a {
    color: #FF4200!important;
    text-transform: initial;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
}
.yith-wcwl-add-button a:hover {
    color: #005F91!important;
    text-transform: initial;
    display: flex;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
}
.yith-wcwl-add-button a {
    width: 100%;
    height: 100%;

}
.yith-wcwl-add-to-wishlist {
    margin: 0;
}
.yith-wcwl-wishlistaddedbrowse {}

.yith-wcwl-wishlistaddedbrowse .feedback,
.yith-wcwl-wishlistexistsbrowse .feedback { display: none; }
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
    transition: all ease .5s;
    cursor: pointer;
    display: flex;
    font-size: .87rem;
    text-align: right;
    padding: 1rem 0 0 2rem;
    color: #FF4200;
        align-items: center;
}


.yith-wcwl-wishlistexistsbrowse a::before,
.yith-wcwl-wishlistaddedbrowse a::before {
    content: url(img/heart-regular.svg);
    width: 25px;
    height: 25px;
display: block;
    transition: all ease .5s;
    cursor: pointer;
    align-items: center;
    justify-content: flex-end;
    margin-right: 8px;
    border: #f4f4f4;
    color: #FF4200;
    fill: blue;
}
.yith-wcwl-wishlistexistsbrowse a:hover,
.yith-wcwl-wishlistaddedbrowse a:hover {
 color: #005F91;
}

.yith-wcwl-wishlistexistsbrowse a:hover::before,
.yith-wcwl-wishlistaddedbrowse a:hover::before {
       content: url(img/heart-solid.svg);

}

form.cart {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.container-add-to-and-wish {
display: flex;
    align-items: center;
    justify-content: flex-end;
        margin: 0rem 0rem 0 1rem;
}
.product .entry-summary .price {
    display: inline-flex;
    flex-direction: row;
    margin: 0 0.5rem 0 0;
    align-items: center;
    flex-grow: 1;
    justify-content: space-around;
}
span.price {
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.product-type-variable span.price {
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
span.price bdi {
    padding-right: 0.5rem;
}

.product .entry-summary .price ins, .product .entry-summary .price mark, .product .woocommerce-Price-amount bdi, .product .woocommerce-Price-amount .wapf-grand-total  {
    background: none;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #FF4200;
}
.product .entry-summary .price bdi {
    font-size: 24px;
    font-size: 1.5rem;
}
.product .entry-summary .price del bdi,
.product .woocommerce-Price-amount del bdi,
.product .woocommerce-Price-amount del .woocommerce-Price-amount {
    color: rgb(0 0 0 / 40%);
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
}
del span.woocommerce-Price-amount.amount.amount-eur small {
    color: rgb(0 0 0 / 40%);
}
.single-price-and-discount-container {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: -14px;
}
.popust-perc {
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/wp-content/uploads/2026/02/gradient-circle.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 50%;
    margin-right: 1rem;
    font-weight: bold;
        font-size: 24px;
    font-size: 1.5rem;
}
.single-price-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.2rem 0;
    float: left;
}
.single-price-container small {
    font-size: 65%;
}
.single-price-container del {
    text-decoration: none;
    padding-right: 0.5rem;
}
.single-price-container del small,
.single-price-container del bdi {
    text-decoration: line-through!important;
}
small.woocommerce-price-suffix {
    display: none;
}
.tc-extra-product-options .tmcp-field-wrap .price.tc-price .woocommerce-Price-amount bdi {
    color: #000;
font-size: 1rem;
font-weight: normal;
}
.usporedilica-btn-contain {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #005f91;
    color: #fff;
    border-radius: 0.7rem;
    margin: 0rem 15px 0 15px;
    padding: 1.5rem 1rem;
}
.usporedilica-btn-contain span {
    padding-right: 1rem;
}
.usporedilica-btn {
background: #005f91;
    border-radius: 30px;
    border: solid 1px #fff;
    color: #fff;
    padding: 0.8rem 2rem;
    margin: 0.5rem 0 0 0;
    font-size: 13px;
    font-size: .82rem;
    text-transform: uppercase;
    transition: all ease .5s;
    cursor: pointer;
    fill: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.usporedilica-btn svg {
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
}
.usporedilica-btn:hover {
    background: #fff;
    color: #005f91;
    transition: all ease .5s;
    fill: #005f91;
}
.overlay {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    backdrop-filter: blur(4px);
}
#usporedilica {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    display: none;
    overflow: auto;
}
.usporedilica-container {
    background: #fff;
    padding: 2rem 1rem 1rem 1rem;
    border-radius: 1rem;
    z-index: 1;
    position: relative;
    width: 70%;
    max-width: 780px;
    margin: 2rem 0 2rem 0;
}

.usporedilica-close {
    position: absolute;
    right: 0.7rem;
    top: 0.4rem;
    cursor: pointer;
    width: 1rem;
}
.naslov-usporedilice {
    margin-top: 0;
}
.usporedilica-container input[type="text"], .usporedilica-container input[type="email"], .usporedilica-container input[type="tel"], .usporedilica-container input[type="url"] {
    width: 100%;
}
.wapf-product-totals {
    display: none!important;
}
.wapf-field-description {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    font-size: 1rem;
    padding: 1rem 0;
    color: #000;
}
.wapf-field-label, .wapf-checkboxes input, .create-account .input-checkbox, .checkable-input input {
    display: none;
}
.wapf-checkable,
.woocommerce-checkout .create-account,
.checkable-input,
.woocommerce-shipping-methods li,
.wc_payment_method_box,
.tmcp-field-wrap {
    background: #E1F6FF;
    border-radius: 20px;
    margin: 0.4rem 0;
    padding: 0.5rem 1rem;
    color: #000;
     font-size: 15px;
    font-size: .95rem;
    cursor: pointer;
    font-weight: normal;
    text-transform: initial;
        display: flex;
}
.tmcp-field-wrap {
    cursor: initial;
}
.wapf-label-text {
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 22px;
}
.wapf-checked .wapf-label-text {
padding-right: 10px;
}
.wapf-checked {
background: #35A0CD!important;
color: #fff!important;
    display: flex;
    justify-content: space-between;
}
.wapf-input-label,
.woocommerce-checkout .create-account label,
.checkable-input label {
    width: 100%;
    cursor: pointer;
}
.wapf-checked::after {
    content: url(img/check.svg);
    width: 13px;
    height: 13px;
}
#tm-extra-product-options {
    margin: 0 0 1.5rem 0;
}

.product .tc-tooltip {
    color: #bbb;
    padding: 0.6rem 0;
}
.tm-epo-style {
    border: none!important;
}
.tc-hidden-variation {
    display: none;
}
.mini_cart_item .tc-value {
    margin: 0;
    padding: 0;
}
.single-product .tmcp-field-wrap {
    margin: 0 0 0.5em 0;
    order: 3;
}
.tc-price-wrap {
    padding: 0.5rem 0.5rem;
    min-width: 80px;
    text-align: right;
    order: 3;
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
}
.single-product .tmcp-field-wrap {
    padding: 0 60px 0 0 !important;
}
label.tm-epo-field-label {
   /* flex-grow: 1;*/
}
.woocommerce-product-details__short-description {
    margin-bottom: 2rem;
}
/*
#tm-epo-totals {display: none;}
*/

.tm-epo-style-wrapper input[type="checkbox"]:checked + .tm-epo-style::after, .product .tm-epo-style-wrapper input[type="radio"]:checked + .tm-epo-style::after
{
    content: "";
    background-image: url(img/togle-on.png);
    opacity: 1;
    width: 40px!important;
    background-size: 40px;
    height: 22px!important;
}
.tm-epo-style::after {
    content: "";
    background-image: url(img/togle-off.png);
    opacity: 1;
    width: 40px!important;
    background-size: 40px;
    height: 22px!important;
}
.tm-epo-style-wrapper {
    position: absolute;
        right: 2rem;
}
.tc-label-wrap {
display: flex;
    padding: 0rem 1rem;
    text-align: left;
    height: 100%;
    align-items: center;
      flex-direction: row-reverse;
}
.tm-extra-product-options .tc-active .tc-label-wrap,
.tm-extra-product-options li.tmcp-field-wrap.tc-active .tc-label.tm-label {
    font-weight: normal!important;
}
/* TM Product options update  */
.tc-label-inner:not(.tc-mode-text .tc-label-inner) {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
}
.tm-epo-style {
    border: none!important;
    width: initial;
}
.single-product .tmcp-field-wrap {
    padding: 0 0 0 0 !important;
}

.tm-epo-style:hover::after {
    opacity: 1;
}

.tc-active .tm-epo-style::after {
    background-image: url(img/togle-on.png);
}
.product .tc-tooltip {
    color: #bbb;
    padding: 0.6rem 0;
    cursor: help;
    font-size: 1.25em;
    margin-right: 0.5em;
    margin-left: 0.5em;
}
.tm-extra-product-options .tc-active .tc-label-text, .tm-extra-product-options li.tmcp-field-wrap.tc-active .price.tc-price .amount, .tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio li.tmcp-field-wrap label input[type="radio"]:checked ~ .tc-label, .tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-checkbox li.tmcp-field-wrap label input[type="checkbox"]:checked ~ .tc-label {
    font-weight: normal;
    background: none !important;
}
.cat_landing_desk img,
.cat_landing_mob img {
    width: 100%;
}
.opcije-autici {
    display: none;
}
.product_cat-vozila-na-akumulator .opcije-autici,
.product_cat-auti-na-akumulator .opcije-autici {
    display: initial;
}
.accordion {
    font-weight: bold;
    padding: .3rem 0;
    cursor: pointer;
}
.accordion:before {
    content: '\002B';
    color: inherit;
    font-weight: bold;
    float: left;
    margin-right: 5px;
}
.accordion.active:before {
    content: "\2212";
}
.panel {
    display: none;
    padding: 0 0 1rem .9rem;
}
.cesta-pitanja {
    color: #000;
        margin-top: 2rem;
}



/* Product banner  */
.product-banner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f5f5f5;
    z-index: 1;
}
.product-banner a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.product-banner img {
        object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

/**
 * Checkout
 */
@media screen and (min-width: 768px) {

    .col2-set .form-row-first {
        float: left;
        margin-right: 3.8%;
    }

    .col2-set .form-row-last {
        float: right;
        margin-right: 0;
    }

    .col2-set .form-row-first,
    .col2-set .form-row-last {
        width: 48.1%;
    }
}

/**
 * General WooCommerce components
 */

/**
 * Header cart
 */
.site-header-cart {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-header-cart .cart-contents {
    text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
    display: none;
}

.site-header-cart .product_list_widget {
    margin: 0;
    padding: 0;
}
.site-header-cart .cart-contents .amount {
    display: none;
}
.site-header-cart .cart-contents .count,
.wishlist-count {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
}
.wishlist-count {
    top: -8px;
    right: -15px;
}
.woocommerce-mini-cart li {
    list-style: none;
}
.site-header-cart:hover .widget.woocommerce.widget_shopping_cart {
   /* background: #fff;
    width: 170px;
    right: 0;
    position: absolute;
    border-radius: 0.7rem;
    left: auto;
    padding: 0.5rem;
    font-size: .8rem;*/
    position: absolute;
    right: 0;
    left: auto;
    padding-top: 2rem;
}

li.woocommerce-mini-cart-item.mini_cart_item {
    margin-top: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
}
li.woocommerce-mini-cart-item.mini_cart_item a {
    color: #006193;
    text-decoration: none;
    font-weight: bold;
}
a.remove.remove_from_cart_button {
    position: absolute;
    right: 0;
    top: -5px;
    background: #000;
    color: #fff!important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.2rem;
}
.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
.woocommerce-mini-cart__buttons.buttons a {
    text-decoration: none;
    padding: 0.5rem;
    background: #0a689d;
    color: #fff;
    margin: 0.3rem 0;
    border-radius: 0.7rem;
    text-align: center;
    text-transform: none;
    font-size: .8rem;
    border: none!important;
}
.woocommerce-mini-cart__buttons.buttons a:hover {
    background: #ff7600;
    border: none!important;
}
.woocommerce-mini-cart__buttons.buttons a:after {
    background: #ff7600;
    content: none!important;
}

.woocommerce-mini-cart__buttons a.button.checkout.wc-forward {
background-image: linear-gradient(90deg, #D33500 0%, #FF8B35 100%);
}
.woocommerce-mini-cart__buttons a.button.checkout.wc-forward:hover {
background-image: linear-gradient(270deg, #D33500 0%, #FF8B35 100%);
}
/**
 * Star rating
 */
.star-rating {
    overflow: hidden;
    position: relative;
    height: 1.618em;
    line-height: 1.618;
    width: 5.3em;
    font-family: star;
    font-weight: 400;
}

.star-rating::before {
    content: "\53\53\53\53\53";
    opacity: 0.25;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    color: #ffba00;
}

p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    margin-right: 1px;
    font-weight: 400;

}

p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: star;
    content: "\53";
    color: #404040;
    text-indent: 0;
    opacity: 0.25;
}

p.stars a:hover ~ a::before {
    content: "\53";
    color: #404040;
    opacity: 0.25;
}

p.stars:hover a::before {
    content: "\53";
    color: #ffba00;
    opacity: 1;
}

p.stars.selected a.active::before {
    content: "\53";
    color: #ffba00;
    opacity: 1;
}

p.stars.selected a.active ~ a::before {
    content: "\53";
    color: #404040;
    opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
    content: "\53";
     color: #ffba00;
    opacity: 1;
}

.custom-rating {
    font-size: 20px;
    color: #ffba00; /* Gold */
}

.custom-rating .star.empty {
     color: #404040;
    opacity: 0.25;
}

.custom-rating .rating-number {
    margin-left: 5px;
    font-size: 14px;
    color: #555;
}
.rating-number-listing {
    display: block;
    margin-left: 0 !important;
}
ol.commentlist {
    margin: 1rem 0;
        padding-inline-start: 0;
}
.review {
    width: fit-content;
    padding: 1rem;
    border-radius: 1rem;
   /* box-shadow: 0 0 5px 0px #0000005e;*/
    margin: 1rem 0;
}
.review::marker {
    display: none;
    visibility: hidden;
    content: "";
}

.comment_container {
    display: flex;
}
.comment_container img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 1rem;
}
.woocommerce-review__dash, .woocommerce-review__published-date {
    color: #868686;
    font-size: .8rem;
}
#review_form_wrapper {
    margin: 2rem 0 0 0;
}
.comment-reply-title {
    font-size: 1.2rem;
    font-weight: bold;
}
#commentform {
    margin: 1rem 0 0 0;
}
textarea#comment {
    margin-top: 1rem;
}
.comment-form-author label, .comment-form-email label {
    display: block;
    margin: 1rem 0;
}
#reviews {
    margin: -2rem 0 3rem 0;
}


.woocommerce-rating-breakdown {
    margin: 20px 0;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
    max-width: 400px;
}
.rating-row {
    display: flex;
    align-items: center;
    margin: 6px 0;
}
.star-label {
    width: 32px;
    text-align: center;
    font-weight: bold;
    color: #444;
}
.star-icon {
    color: #ffba00;
}
.bar {
    flex: 1;
    background: #ddd;
    height: 10px;
    margin: 0 10px;
    border-radius: 10px;
    overflow: hidden;
}
.bar-fill {
    height: 100%;
    background: #0074e4; /* WooCommerce blue */
}
.count {
    min-width: 32px;
    text-align: right;
        color: #767676;
}
.woocommerce-review__verified {
    display: none!important;
}
/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.woocommerce-tabs ul.tabs li {
    display: block;
    margin: 0;
    position: relative;
}

.woocommerce-tabs ul.tabs li a {
    padding: 1em 0;
    display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
    margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
    text-align: right;
}

.woocommerce-password-strength.strong {
    color: #0f834d;
}

.woocommerce-password-strength.short {
    color: #e2401c;
}

.woocommerce-password-strength.bad {
    color: #e2401c;
}

.woocommerce-password-strength.good {
    color: #3d9cd2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
    box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
    box-shadow: inset 2px 0 0 #e2401c;
}

.required {
    color: #f00;
}

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
    background-color: #0f834d;
    clear: both;
    margin: 2rem 0;
    padding: 1rem;
    border-radius: 0.7rem;
    color: #fff;
    display: block;
    z-index: 1;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a {
color: #fff;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
.single-product .woocommerce-message a {
    float: left;
    margin-right: 1rem;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
    background-color: #3d9cd2;
}

.woocommerce-error {
    background-color: #e2401c;
}

.demo_store {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 1em;
    background-color: #3d9cd2;
    z-index: 9999;
}

@media screen and (min-width: 48em) {

    /**
     * Header cart
     */
    .site-header-cart .widget_shopping_cart {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 999999;
        left: -999em;
        display: block;
    }

    .site-header-cart:hover .widget_shopping_cart,
    .site-header-cart.focus .widget_shopping_cart {
        left: 0;
        display: block;
    }
}

/**
 * WooCommerce widgets
 */

/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
    margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
    float: left;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: ew-resize;
    outline: none;
    background: #4169e1;
    box-sizing: border-box;
    margin-top: -0.25em;
    opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: #4169e1;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
    height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 100%;
}
/* Shop page */
#header-bkg-img .woocommerce-products-header h1 {
    text-align: center;
    line-height: initial;
    color: #fff;
    margin: 0;
    padding: 2rem 0 5rem 0;
    font-size: 70px;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
/*.post-type-archive-product #header-bkg-img,*/
.tax-product_cat #header-bkg-img,
.page #header-bkg-img
 {
    clip-path: polygon(0% 0, 100% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%, 0% 75%);
}
.woocommerce-checkout #header-bkg-img,
.woocommerce-cart #header-bkg-img,
.page-template-page-mojracun #header-bkg-img
 {
    clip-path: initial;
}

.header-bkg-img-overlay {
    background-blend-mode: multiply;
    background-color: rgb(14 43 53 / 82%)!important;
}
.woocommerce-result-count {
    float: left;
    padding: 0;
    margin: 2rem 0;
    font-size: 14px;
    font-size: .88rem;
    color: #747474;
}
form.woocommerce-ordering {
    float: right;
}
form.woocommerce-ordering select,
.select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    font-size: .88rem;
    color: #747474;
    border: 1px solid #ccc;
    padding: 0.5rem 1rem!important;
    border-radius: 3rem;
    height: 100%;
            background-color: #fff;

    }

span.select2-selection.select2-selection--single {
    height: 100%;
    border: none;
        background-color: transparent;
}

.select2-container--default .select2-results>.select2-results__options {
            font-size: 14px;
    font-size: .88rem;
    color: #747474;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px!important;
    right: 10px!important;
    width: 20px;
}
span.select2-selection__clear {
display: none;}
 /* SELECT*/
    /* The container must be positioned relative: */
.woocommerce-ordering {
  position: relative;
        font-size: 14px;
    font-size: .88rem;
    margin: 1.5rem 0;
}

.select-selected:after {
  position: absolute;
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='6px' viewBox='0 0 11 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Kategorija/shop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Pikabooshop-kategorija---orange-CTA-20220825-VP' transform='translate(-1255.000000, -1046.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='Group-32' transform='translate(0.000000, 900.000000)'%3E%3Cg id='Group-15' transform='translate(1034.000000, 130.000000)'%3E%3Cg id='chevron-down' transform='translate(221.000000, 16.000000)'%3E%3Cpath d='M0.104562521,0.16092388 C0.18169805,0.0698608169 0.287246761,0.000224356559 0.393090164,0.000224356559 C0.488643918,0.000224356559 0.584173115,0.0378816116 0.65978607,0.114053186 L5.50009575,4.96450048 L10.3404054,0.114053186 C10.5000301,-0.0466463379 10.7490445,-0.0366026176 10.8956535,0.138324171 C11.0429993,0.312415321 11.0330289,0.582658354 10.8737825,0.743357878 L5.76579462,5.88574264 C5.61461782,6.03808579 5.38367783,6.03808579 5.23240281,5.88574264 L0.124414912,0.743357878 C-0.0328128843,0.605525896 -0.0427832837,0.335015031 0.104562521,0.16092388 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    top: 8px;
    right: 15px;
}


/* Product  */
.woocommerce-archive_description-contain {
    margin: 2rem 0;
}

/* Category pages  */
.kategorije_cta {
    background: linear-gradient( to left, #ff7600 0%, #ff7600 39%, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0) 100% );
    margin: 1rem 0;
    font-family: 'Bebas Neue Book', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 33px;
    font-size: 2.1rem;
}
.kontakt_cta {
    background: linear-gradient( to left, #006193 0%, #006193 39%, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0) 100% );
    margin: 3rem 0;
    font-family: 'Bebas Neue Book', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 33px;
    font-size: 2.1rem;
        margin-top: -1rem;
}
.kategorije_cta b {
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.kategorije_cta img {
padding-left: .5rem;
}
.kategorije_cta a {
float: right;
    padding: 1rem 2rem .5rem 2rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #ff7600;
    border-radius: 5rem;
}
.kontakt_cta a {
    padding: 1rem 1.5rem 0.5rem 1.5rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #006193;
    border-radius: 5rem;
    text-align: right;
}

.kategorije_cta a:hover {
    background: #006193;
}

.kontakt_cta_contain {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
        z-index: 0;
}
.kontakt_cta_contain_inner {
    display: flex;
    align-items: center;
    background: #006193;
    border-radius: 5rem;
    flex-wrap: wrap;
    justify-content: end;
        padding: 1rem 0rem 1rem 2rem;
        position: relative;
            z-index: 0;
}
.kontakt_cta_contain_inner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #006193;
    right: -50%;
    z-index: -1;
}
.kontakt_cta_contain .kontakt_cta_email a,
.kontakt_cta_contain .kontakt_cta_telefon a {
font-size: 15px;
font-size: .9rem;
    text-transform: none;
    opacity: .8;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    padding: 1rem;
font-weight: bold;
}
.kontakt_cta_contain .kontakt_cta_email svg,
.kontakt_cta_contain .kontakt_cta_telefon svg {
margin-right: .5rem;
}
.kontakt_cta a:hover {
    background: #ff7600;
    opacity: 1;
}
.kontakt_cta_contain_telandmail {
    display: flex;
}
.istaknute_ikonice_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12.5%;
    padding: 15px;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
.istaknute_ikonice_item:nth-child(8),
.istaknute_ikonice_item:nth-child(16),
.istaknute_ikonice_item:nth-child(23) {
border-right: none;
}
.istaknute_ikonice_item:nth-child(n+17) {
border-bottom: none;
}
.istaknute_ikonice_item:nth-child(n+24) {
border-bottom: none;
border-top: solid 1px #ccc;
}
.istaknute_ikonice {
    padding: 4rem 0 1rem 0;
}
.kategorije-filter-content {
align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    background: #e5eef2;
    border-radius: 5rem;
}
.kategorije-filter-container {
margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.kategorije-filter-container .widget {
    margin: .5rem 0;
    width: 25%;
    padding: 15px;
}
.kategorije-filter {
    background: linear-gradient( to right, #E5EEF2 0%, #E5EEF2 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100% );
}
.podkategorije-meni-container {
    margin: 0 0 4rem 0;
    width: 100%;
}
/* Desktop: when Swiper is not initialized, keep grid layout and hide carousel pagination/arrows */
@media (min-width: 769px) {
    .podkategorije-meni-container .podkategorije-swiper {
        overflow: visible;
    }
    .podkategorije-meni-container .podkategorije-swiper-pagination,
    .podkategorije-meni-container .podkategorije-swiper-prev,
    .podkategorije-meni-container .podkategorije-swiper-next,
    .podkategorije-meni-container .swiper-button-prev,
    .podkategorije-meni-container .swiper-button-next {
        display: none !important;
    }
}
/* Mobile: podkategorije carousel – single row, no wrap, no horizontal margin */
@media (max-width: 768px) {
    .podkategorije-meni-container .podkategorije-swiper {
        overflow: hidden;
        width: 100%;
        margin-top: -50px;
        margin-bottom: -75px;
    }
    .podkategorije-meni-container .podkategorije-swiper-next{
        right:-5px !important;
    }
    .podkategorije-meni-container .podkategorije-swiper-prev{
        left:-5px !important;
    }
    .podkategorije-meni-container .podkategorije-swiper .podkategorije-list.swiper-wrapper {
        flex-wrap: nowrap !important;
        margin: 2rem 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: flex-start;
    }
    .podkategorije-meni-container .podkategorije-swiper .swiper-slide {
        flex-shrink: 0;
        box-sizing: border-box;
        /* width set by Swiper via inline style */
    }
    .podkategorije-meni-container .podkategorije-swiper-prev,
    .podkategorije-meni-container .podkategorije-swiper-next {
        color: white;
        width: 36px;
        height: 36px;
        margin-top: 0;
        transform: translateY(-50%);
        background: #00000050;
        border-radius: 100px;
    }
    .podkategorije-meni-container .podkategorije-swiper-prev::after,
    .podkategorije-meni-container .podkategorije-swiper-next::after {
        font-size: 20px;
    }
}
.podkategorije-list {
    list-style: none;
    display: flex;
    margin: 2rem 0;
    padding: 0;
    flex-wrap: wrap;
        align-items: center;
    justify-content: center;
}
.podkategorije-list li {
    display: flex;
    width: 12.5%;
    position: relative;
    overflow: hidden;
    margin-top: -1.2%;
}
.podkategorije-list li:nth-child(9n) {

}
.podkategorije-list a {
    margin: 2px;
background-color:rgb(14 43 53 / 82%)!important;
    font-weight: bold;
    width: 100%;
}
.podkategorije-list a:hover {
background-color: rgba(255,117,0,1)!important ;
    transition: all ease .5s;
}


.podkategorije-list .active a{
    background: rgb(0,95,145);
background: radial-gradient(circle, rgb(14 43 53 / 0%) 55%, rgba(255,117,0,1) 83%);
    transition: all ease .5s;
}

/* Podkategorije sa slikom */
.podkategorije-link {
       padding: .5rem;
    margin: .5rem;
    color: #fff!important;
    background-color: #285281D6;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    aspect-ratio: 1;
        clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%);
        position: relative;
}
.podkategorije-list li:nth-child(-n+8) .podkategorije-link  {
    clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%);
}
.total-cat-count-9 li:nth-last-child(-n+1) .podkategorije-link ,
.total-cat-count-11 li:nth-last-child(-n+3) .podkategorije-link ,
.total-cat-count-13 li:nth-last-child(-n+5) .podkategorije-link ,
.total-cat-count-15 li:nth-last-child(-n+7) .podkategorije-link  {
    clip-path: polygon(0% 10%, 50% 0%, 100% 10%, 100% 90%, 50% 100%, 0% 90%, 0% 75%);
}


.podkategorije-ime {
    z-index: 1;
    text-align: center;
    word-break: break-word;
}
.podkategorije-img {
    background-size: cover !important;
    background-position: center !important;
    aspect-ratio: 1;
    position: absolute;
    background-blend-mode: luminosity;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .3;
    background-color: #285281D6;
}
.podkategorije-list a:hover .podkategorije-img {

}




.podkategorije-meni-naslov {
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 30px;
    font-size: 1.85rem;
    font-weight: bold;
    padding: 0 0.5rem;
    cursor: pointer;
}

.podkategorije-meni-naslov img {
    padding: 0.3rem 0.5rem;
}
.sakrij .podkategorije-list {
    display: none;
}
.sakrij .podkategorije-meni-naslov img {
     transform: rotate(180deg);
}

@media screen and (max-width: 1200px) {
    .product-woo-item-vrijeme {
    flex-direction: column;
}
.podkategorije-list li {
    display: flex;
    width: 16.6%;
    position: relative;
    overflow: hidden;
    margin-top: -1.7%;
}
.podkategorije-list li:nth-child(9n) {
    margin-left: initial!important;
}
.podkategorije-list li:nth-child(7) {

}
.podkategorije-link {
        clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}
.podkategorije-list li:nth-child(-n+6) .podkategorije-link  {
    clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}
.total-cat-count-7 li:nth-last-child(-n+1) .podkategorije-link,
.total-cat-count-9 li:nth-last-child(-n+3) .podkategorije-link,
.total-cat-count-11 li:nth-last-child(-n+5) .podkategorije-link,
.total-cat-count-13 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-15 li:nth-last-child(-n+3) .podkategorije-link  {
    clip-path: polygon(0% 10%, 50% 0%, 100% 10%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}


}
@media screen and (max-width: 992px) {
    ul.products.columns-4 li.product {
    width: 33%;
}
.related ul.products.columns-4 li.product {
    width: 50%;
}
.product-woo-item-vrijeme {
    flex-direction: column;
}
.product-jamstvo-dostava {
    align-items: baseline;
    margin: 0.5rem 0;
    flex-direction: column;
}
.ikonica-brze-informacije {
    width: 50%;
}
.standard-infos-item {width: 50%;}
.podkategorije-list li {
    display: flex;
    width: 25%;
    position: relative;
    overflow: hidden;
    margin-top: -2.5%!important;
}
.podkategorije-link {
    font-size: .9rem;
}


}

@media screen and (max-width: 768px) {
.istaknute_ikonice_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    padding: 15px;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
.istaknute_ikonice_item:nth-child(7), .istaknute_ikonice_item:nth-child(14), .istaknute_ikonice_item:nth-child(21) {
    border-right: solid 1px #ccc;
}
.istaknute_ikonice_item:nth-child(4),
.istaknute_ikonice_item:nth-child(8),
.istaknute_ikonice_item:nth-child(12),
.istaknute_ikonice_item:nth-child(16),
.istaknute_ikonice_item:nth-child(20),
.istaknute_ikonice_item:nth-child(24),
.istaknute_ikonice_item:nth-child(28) {
border-right: none;
}

.istaknute_ikonice_item:nth-child(n+15) {
border-bottom: solid 1px #ccc;
}
.istaknute_ikonice_item:nth-child(n+21) {
border-bottom: none;
}


    ul.products.columns-4 li.product, .related ul.products.columns-4 li.product {
    width: 50%;
}

.product-woo-item-vrijeme {
    flex-direction: column;
}
.kategorije-filter-container .widget {
    margin: 0.5rem 0;
    width: 50%;
    padding: 15px;
}
.kategorije-filter {
    background: #E5EEF2;
}
.podkategorije-link {
    font-size: .8rem;
}
}
@media screen and (max-width: 576px) {
    ul.products.columns-4 li.product, .related ul.products.columns-4 li.product {
    width: 50%;
}

.product-woo-item-vrijeme {
    flex-direction: row;
}
.single_add_to_cart_button {
    padding: 1.25rem .8rem;
    margin: 0 0.5rem;
}
.quantity button {
    padding: 1.3rem .8rem;
}

.quantity input {
    width: 2rem;
}
.kontakt_cta_contain_telandmail {
    display: flex;
    flex-direction: column;
}

.popust-perc {
    margin-right: .5rem;
}
span.onsale, .oznaka-express {
        width: 40px;
    height: 40px;
    font-size: 7px;
    line-height: 7px;
}
.oznaka-express img {
    max-width: 18px;
    padding-bottom: 3px;
}
}
@media screen and (max-width: 389px) {
        ul.products.columns-4 li.product, .related ul.products.columns-4 li.product {
    width: 50%;
    padding: 5px;
}
.single-price-container {
    flex-direction: column;
}
form.cart {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
}
.quantity {
margin: .5rem 0;
}
}


/*
Checkout
*/
.checkout-progress {
    padding: 3rem 0;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        font-size: 22px;
    font-size: 1.4rem;
        font-weight: 600;
}
.woocommerce-order-received .checkout-progress {
  display: none;
}
.checkout-progress-inner {
    background: #ebf0f2;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}

.checkout-progress-contain {
    background: linear-gradient( to right, #ebf0f2 0%, #ebf0f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100% );
}
.checkout-status-no {
    background: #fff;
    padding: 0;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 1rem;
    margin-top: 5px;
    margin-bottom: 5px;
}
.checkout-status {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
        position: relative;
}
a.checkout-status,
button.checkout-status {
    border: none;
    background: none;
    font: inherit;
    font-weight: inherit;
    text-transform: uppercase;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    text-align: inherit;
    width: auto;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none;
}
a.checkout-status:hover,
a.checkout-status:focus,
a.checkout-status:active,
button.checkout-status:hover,
button.checkout-status:focus,
button.checkout-status:active {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: inherit !important;
    transform: none;
    outline: none;
}
button.checkout-status.checkout-status-disabled,
button.checkout-status.checkout-status-disabled:hover,
button.checkout-status.checkout-status-disabled:focus {
    cursor: not-allowed;
    pointer-events: none;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.checkout-status::before,
.checkout-status::after {
    display: none !important;
    content: none !important;
}
.checkout-status-podaci,
button.checkout-status.checkout-status-podaci,
a.checkout-status.checkout-status-podaci {
    margin-left: 20px;
    margin-right: 20px;
}
.checkout-progress-inner .checkout-status-txt {
    padding: 0;
}
.checkout-status {
    opacity: .4;
}


.checkout-status-active,
.woocommerce-cart .checkout-status-kosarica {opacity: 1;}
.woocommerce-MyAccount-navigation .is-active a:after {
    content: "";
    width: 30px;
    height: 13px;
    background: #ebf0f2;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: 0;
    display: block;
    clip-path: polygon(0% 0, 0% 0%, 0% 0%, 100% 0%, 50% 100%, 0% 0%, 0% 0%);
}
.wc-proceed-to-checkout {
position: relative;
    background: #ebf0f2;
    border-radius: 0 1.5rem 1.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0 0 0;
}
.wc-proceed-to-checkout::before {
    background: #ebf0f2;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: -100%;
        top: 0;
}
.checkout-progress-inner::after,
.wc-proceed-to-checkout::after {
    background: #ebf0f2;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    right: -1rem;
    top: 0;
    border-radius: 0 1.5rem 1.5rem 0;
    z-index: -1;
}
.wc-forward::after,
#place_order::after {
    content: url(img/chevron-right.svg);
    padding-left: 0.5rem;
}
.wc-back {
    background: #525252;
    border: solid 1px #525252;
}
.wc-back::before {
    content: url(img/chevron-left.svg);
    padding-right: 0.5rem;
}

.cart_totals h2 {display: none;}
.cart_totals .cart-subtotal td,
.cart_totals .cart-shipping-summary td,
.cart_totals .order-total td {text-align: right;}

/* Cart totals: keep real table layout so rows stay Subtotal → Shipping → Total (global shop_table_responsive uses block TDs and hides TH) */
.woocommerce-cart .cart_totals table.shop_table_responsive tbody th {
    display: table-cell;
    vertical-align: top;
}
.woocommerce-cart .cart_totals table.shop_table_responsive tr td {
    display: table-cell;
    text-align: right;
}
.woocommerce-cart .cart_totals table.shop_table_responsive tr td::before {
    display: none !important;
    content: none !important;
}

/* Cart totals: one consistent label style (shipping row was matching oversized checkout rule below) */
.woocommerce-cart .cart_totals table.shop_table th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.7rem;
    letter-spacing: 0.02em;
    width: 40%;
    min-width: 11rem;
    box-sizing: border-box;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total th {
    font-size: 1rem;
    font-weight: 700;
}
/* Cart shipping: pill rows + TM EPO–style toggles (radio = only one on; same img as single product) */
.woocommerce-cart .cart_totals .shipping-methods-panel-inner ul.woocommerce-shipping-methods {
    width: 100%;
    max-width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li {
    position: relative;
    display: flex;
    align-items: stretch;
    margin: 0.4rem 0;
    padding: 0;
    color: #000;
    font-weight: 400;
    font-size: 0.95rem;
    text-transform: none;
    cursor: pointer;
    box-sizing: border-box;
}
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li input.shipping_method[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li input.shipping_method:focus-visible + label {
    outline: 2px solid #005f91;
    outline-offset: 2px;
    border-radius: 20px;
}
/* Pill + toggle sits on the label (e.g. #shipping_method_0_flat_rate6), not the whole shipping row */
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li:has(input.shipping_method) label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    margin: 0;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: normal;
    background: #E1F6FF;
    border-radius: 20px;
    min-height: 44px;
}
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li:has(input[type="hidden"]) label {
    cursor: default;
}
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li label::after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 40px;
    height: 22px;
    background-image: url(img/togle-off.png);
    background-repeat: no-repeat;
    background-size: 40px 22px;
    background-position: center;
}
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li input.shipping_method:checked + label::after,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li:has(input.shipping_method[type="hidden"]) label::after {
    background-image: url(img/togle-on.png);
}

/* Cart: shipping row (Dostava) — card wraps th + td */
.woocommerce-cart .cart_totals table.shop_table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}
.woocommerce-cart .cart_totals table.shop_table tbody.cart-totals-rows {
    display: table-row-group;
}
.woocommerce-cart .cart_totals table.shop_table tbody.cart-totals-rows tr {
    display: table-row;
}
/* Stable two-column widths so labels (e.g. Trošak dostave) don’t collapse */
.woocommerce-cart .cart_totals table.shop_table td {
    width: 60%;
    min-width: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.woocommerce-cart tr.shipping{
    text-align: right;
    vertical-align: top;
    box-sizing: border-box;
    vertical-align:middle;
}
.woocommerce-cart tr.shipping th{
    padding:25px !important
}
.woocommerce-cart tr.shipping th:has(.shipping-options-th-heading) {
    padding-bottom: 0 !important;
    border-top: 1px solid #00000025;
}
.woocommerce-cart tr.shipping th .shipping-options-th-heading {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}
.woocommerce-cart tr.shipping th .shipping-options-th-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
}
.woocommerce-cart #shipping_method li{
    justify-content: end;
}
/* Cart totals shipping list: single full-width row (override end-align from rule above) */
.woocommerce-cart .cart_totals #shipping_method li {
    justify-content: flex-start;
}
.woocommerce-shipping-totals th{
    vertical-align:middle !important;
}

@media screen and (max-width: 768px) {
    .woocommerce-cart #shipping_method{
        margin-left:0 !important;
        padding-left: 0 !important;
    }
    .woocommerce-cart .cart-totals-rows{
        display:block !important;
    }
    .woocommerce-shipping-totals th{
        text-align:left !important;
        padding:10px !important;
    }
    .woocommerce-shipping-totals th:has(.shipping-options-th-heading) {
        padding-bottom: 0 !important;
    }
    .woocommerce-shipping-totals{
        display: flex !important;
        flex-direction: column !important;
    }
    .woocommerce-shipping-totals td, .woocommerce-shipping-totals th{
        width:100% !important;
        min-width:100% !important;
    }
}
.woocommerce-cart .cart_totals tr.cart-shipping-summary td {
    padding: 0.75rem 0;
    text-align: right !important;
}
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td {
    padding: 25px;
    text-align: right !important;
}
.woocommerce-shipping-calculator{
    text-align:right !important;
}
.woocommerce-shipping-destination {
    display: none !important;
}
.woocommerce-cart .cart_totals .shipping-methods-details {
    margin: 0;
    text-align: right;
}
.woocommerce-cart .cart_totals .shipping-methods-panel-inner {
    text-align: left;
    padding-top: 0.5rem;
}
.woocommerce-cart .cart_totals tr.shipping th {
    border-radius: 15px 0 0 15px;
}
.woocommerce-cart .cart_totals tr.shipping td {
    border-radius: 0 15px 15px 0;
}
.woocommerce-cart .cart_totals tr.shipping + tr td,
.woocommerce-cart .cart_totals tr.shipping + tr th {
    padding-top: 25px;
}
.woocommerce-cart .woocommerce-shipping-calculator {
    text-align: left;
}
a.shipping-calculator-button {
    display: none !important;
}
.woocommerce-cart .woocommerce-shipping-calculator button.button[type="submit"] {
    display: inline-block;
    background-image: linear-gradient(90deg, #D33500 0%, #FF8B35 100%);
    background-color: #FF7600;
    color: #fff !important;
    border: solid 1px transparent;
    text-decoration: none;
    padding: 0.45em 1em;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.35;
    cursor: pointer;
}
.woocommerce-cart .woocommerce-shipping-calculator button.button[type="submit"]:hover {
    background-image: linear-gradient(270deg, #D33500 0%, #FF8B35 100%);
    color: #fff !important;
    border: solid 1px #fff;
}

.woocommerce-cart .woocommerce-shipping-calculator .select2-container {
    height: 50px;
}
.woocommerce-cart .woocommerce-shipping-calculator .select2-container .select2-selection--single {
    height: 50px;
    min-height: 50px;
}
.woocommerce-cart .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 35px !important;
}

.woocommerce-cart th {
    text-transform: uppercase;
        font-size: 11px;
    font-size: .7rem;
}
.woocommerce-cart .order-total th {
    text-transform: uppercase;
    font-size: 1rem;
}
.woocommerce-cart td.product-subtotal {
    font-weight: bold;
}
/* Mobile-only "Nastavi na naplatu" button at top of cart form – hidden on desktop */
.cart-proceed-to-checkout-mobile-top {
    display: none;
}

.woocommerce-cart-form__contents th,
.woocommerce-cart-form__cart-item td,
.woocommerce-checkout td {
    border-bottom: solid 1px #E1E1E1;
    padding: 0 0 1rem 0;
}
.woocommerce-cart-form__cart-item td {
    padding: 1rem 0;
}
.woocommerce-cart-form__cart-item td.product-quantity {
    padding: 1rem 0.5rem;
}
.woocommerce-cart-form__contents td.product-thumbnail {
    width: 130px;
    padding: 1rem 1rem 1rem 0;
        min-width: 80px;
}
.woocommerce-cart-form__contents .product-name {
/* width: 100%;
  /*  display: flex; */
    /* flex-direction: column; */
   /* flex-wrap: wrap;*/
}
.product-name-container {
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
}

.woocommerce-cart-form__contents .product-subtotal {
    text-align: right;
}
.woocommerce-cart-form__contents .product-quantity,
.woocommerce-cart-form__contents .product-price {
    text-align: center;
}
.woocommerce-cart-form__contents .product-name a,
.wishlist-items-wrapper .product-name a,
td.product-name a.tm-cart-edit-options, .tm-cart-edit-options {
    text-decoration: none;
    color: #006193;
    font-weight: bold;
    display: flex;
    order: 1;
}
.woocommerce-cart-form__contents .product-name a {
    width: 100%
}
.woocommerce-cart-form__contents .product-name .tm-cart-edit-options,
.woocommerce-cart-form__contents .product-name .remove {
    width: initial;
}
.wishlist_view .product-name h3 a  {
    text-decoration: none;
    color: #006193;
    font-weight: bold;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
    display: none;
}
.wishlist_table.mobile {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
}
a.remove.remove_from_wishlist {
    background: #000;
    color: #fff;
    padding: 0.5rem;
    font-size: 1.5rem;
    text-decoration: none;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    line-height: 0;
    justify-content: center;
}
.wishlist-title-container {
    display: none;
}
.woocommerce-cart-form__contents .product-name .remove {
    font-weight: initial;
    color: #D50000;
    margin: 0;
    font-size: .8rem;
    display: flex;
    order: 4;
}
.woocommerce-cart-form__contents .product-name .remove:hover {
    font-weight: bold;
    color: #006193;
}
.woocommerce-cart-form__contents dl.variation,
.woocommerce-checkout dl.variation {
    font-size: .8rem;
    display: flex;
    flex-direction: column;
    order: 2;
    width: 100%;
}
td.product-name a.tm-cart-edit-options, .tm-cart-edit-options {
    display: flex;
    font-size: .8rem;
    font-style: normal;
    font-weight: normal;
    order: 3;
    padding: 0 0.5rem;
    border-right: solid 1px #006193;
    margin-right: 0.5rem;
}
.woocommerce-checkout td.product-name a.tm-cart-edit-options, .woocommerce-checkout  .tm-cart-edit-options {
    border:none;
}

.woocommerce-cart-form__contents dl.variation p,
.woocommerce-checkout dl.variation p {
    margin: 0;
}
.woocommerce-cart-form__contents dd,
.woocommerce-checkout dd {
    margin: 0 0.5rem 0.5rem;
}
.woocommerce-cart-form__contents .quantity button {
    padding: 0.9rem 1rem;
    font-size: .9rem
}
.woocommerce-cart-form__contents .quantity input {
    width: 2rem;
    font-size: .9rem;
}

.wo-actions-contain {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 2rem 0 0 0;
}
.button-update-cart {
    background: #FE7E34;
    border: #FE7E34;
    opacity: 1;
        margin: 0;
}
.button-update-cart:disabled,
.button-update-cart[disabled] {
    background: #525252;
    border: #525252;
    opacity: .2;
        margin: 0;
}
.button-update-cart:hover {
    background: #006193;
    border: #006193;
    opacity: 1;
}.button-update-cart:disabled:hover,
.button-update-cart[disabled]:hover {
    background: #525252;
    border: #525252;
    opacity: .2;
}
.button-update-cart {
    display: none;
}
.coupon {
    color: #006193;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
input#coupon_code {
    border: none;
    font-weight: bold;
    color: #006193;
    min-width: 250px;
    padding: 0.5rem 1rem;
    cursor: pointer;
}
input#coupon_code:hover {
    border: solid 1px;
}
input#coupon_code::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #006193;
  opacity: 1; /* Firefox */
}

input#coupon_code:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #006193;
}

input#coupon_code::-ms-input-placeholder { /* Microsoft Edge */
  color: #006193;
}
#coupon-submit {display: block;}
.korisnicka-podrska {
    position: absolute;
    top: 3rem;
    right: 0;
    background: #ebf0f2;
    width: 25%;
    border-radius: 0 0 0 1.5rem;
    background-image: url(img/korisnicka-bkg.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.podrska-img {
    max-width: 177px;
}
.korisnicka-podrska-content {
    padding: 1rem;
}
.korisnicka-podrska-content h2,
.woocommerce-thankyou-order-received,
.woocommerce-order-details__title,
.woocommerce-column__title {
       font-weight: bold;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 34px;
    font-size: 2.2rem;
    margin: 0;
}
.korisnicka-podrska-tel a,
.korisnicka-podrska-mail a {
           font-weight: bold;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 font-size: 54px;
    font-size: 3.4rem;
    text-decoration: none;
    color: #0081B9;
    line-height: initial;
}
.korisnicka-podrska-mail a {
        font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 font-size: 18px;
    font-size: 1.2rem;
}
.korisnicka-podrska-tekst {
    font-size: 14px;
    font-size: .85rem;
}
.korisnicka-podrska-tekst p {
margin: 1rem 0 0 0;
}

.korisnicka-podrska-tekst ul {
    margin: 0 0 1rem 0;
}
.korisnicka-podrska-tekst li {
    margin: 0.5rem 0;
}
@media screen and (max-width: 992px) {
.korisnicka-podrska {
    position: relative;
    top: 3rem;
    background: #ebf0f2;
    width: 100%;
    border-radius: 0 0 0 1.5rem;
    background-image: url(img/korisnicka-bkg.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.korisnicka-podrska-content {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
}
.shop-menu-mob .korisnicka-podrska {
        display: flex;
            top: 0;
            border-radius: 0px 0px 10px 10px;
}

.shop-menu-mob .korisnicka-podrska h2 {
    color: #000;
}

.shop-menu-mob .korisnicka-podrska .korisnicka-podrska-mail {
    text-transform: lowercase;
}

.shop-menu-mob .korisnicka-podrska .podrska-img {
    border-radius: 0px 0px 0px 10px;
}


/* Checkout  */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    width: 100%;
    max-width: 100%;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none;
}
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-form input,
.woocommerce-form textarea,
.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content textarea {
    background: #F4F4F4;
    border: none;
    padding: 0.8rem 1rem;
}
.woocommerce-checkout .input-text,
.woocommerce-form .input-text,
.woocommerce-MyAccount-content .input-text {
    width: 100%;
}
.woocommerce-checkout label,
.woocommerce-MyAccount-content label {
    display: block;
}
.order-checkout-review-container, .woocommerce-billing-fields h3, #pck-checkout-cashback-slot {display: none;}
.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {padding: 0;}
#place_order {
    background: #12B900;
    border: #12B900;
}
#place_order:hover {
    background: #1F76CA;
    border: #1F76CA;
}

.woocommerce-checkout th.product-name {
    width: 90%;
    display: none;
}
.woocommerce-checkout th.product-total {
    width: 10%;
    display: none;
}
.woocommerce-checkout td.product-name {
    width: 90%;
}
.woocommerce-checkout td.product-total {
    width: 10%;
    text-align: right;
}
.order-checkout-review-container h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
}
.woocommerce-checkout td {
    padding: 1rem 0;
}
.woocommerce-checkout tr.woocommerce-shipping-totals.shipping {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: calc(100% + 100px);
        margin-top: 1rem;
}
.woocommerce-checkout ul#shipping_method,
.wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-size: .75rem;
    color: #747474;
}
.woocommerce-checkout ul#shipping_method li,
.wc_payment_method_box {
    display: flex;
    align-items: center;
}
.woocommerce-checkout ul#shipping_method li label,
.wc_payment_method label {
    width: 100%;
        padding: 0 0.5rem;
}
.woocommerce-checkout span.woocommerce-Price-amount.amount {
    float: right;
}
.woocommerce-checkout .order-total th {
    text-align: left;
}
.woocommerce-checkout .order-total td {
border: none;
}
/* Checkout only — same class exists on cart; cart labels use .cart_totals rules above */
.woocommerce-checkout .woocommerce-shipping-totals,
.title-placanje {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
        padding: 1rem 0;
}

.page-template-page-blagajna .home-newsletter,
.woocommerce-cart .home-newsletter {
    display: none;
}

.page-template-page-blagajna main,
.woocommerce-cart main {
    padding: 0rem 0rem 1rem 0;
  }

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: 0;
    background-color: #f4f4f4;
    border: none;
    font-size: 1rem;
    padding: 0.8rem 1rem!important;
}
.title-opcije {
    font-weight: bold;
    margin: 3rem 0 1rem 0;
    text-align: left;
    float: left;
    width: 100%;
}
.woocommerce-billing-fields {
    width: 100%;
    display: inline-block;
}
/* Hide local-pickup green bubble when cart has no products on the 5% pickup tier */
#shipping_method_0_local_pickup3:after,
#shipping_method_0_local_pickup3:before {
    content: none !important;
    display: none !important;
}
body.cart-has-personal-pickup-discount-products #shipping_method_0_local_pickup3:after {
    content: 'Odabrani artikli: 5% · ostali 3% pri preuzimanju' !important;
    display: block !important;
    padding: 5px 10px;
    background: #12b13b;
    color: #fff;
    position: relative;
    bottom: -1.5rem;
    font-size: 1rem;
    font-weight: bold;
    width: max-content;
    border-radius: 3rem;
}
body.cart-has-personal-pickup-discount-products #shipping_method_0_local_pickup3:before {
    content: '' !important;
    display: block !important;
    position: relative;
    bottom: -1.5rem;
    left: 20px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #12b13b transparent;
    transform: rotate(0deg);
}
.cijena-prije {
color: #8c8c8c;
text-decoration: line-through;
font-size: .8rem;
}
.cijena-popust {
    font-weight: bold;
}
.cijena-popust-container {

}
del.original-price {
    color: rgb(0 0 0 / 40%);
}
.discounted-price {
    background: none;
}
/* Order complete  */
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    list-style: none;
    margin: 1rem 0 3rem 0;
    padding: 0;
    text-align: left;
    line-height: 1.8rem;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details
span.woocommerce-Price-amount.amount {
    float: initial;
}
.woocommerce-checkout td.product-name a {
color: #006193;
text-decoration: none;
font-weight: bold;
}

.woocommerce-checkout td.product-name .product-quantity,
.woocommerce-checkout .amount-eur {
font-weight: normal!important;
}
.woocommerce-checkout .woocommerce-table--order-details .amount-eur {
    display: block;
}

.woocommerce-checkout span.woocommerce-Price-amount.amount {
font-weight: bold;
}
.woocommerce-checkout .woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.woocommerce-checkout .woocommerce-customer-details .col2-set .col-1, .woocommerce-checkout .woocommerce-customer-details .col2-set .col-2 {
display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.woocommerce-checkout address {
    font-style: normal;
}

.woocommerce-checkout tfoot {
    text-align: right;
}

.woocommerce-checkout tfoot td {
    border: none;
}
.woocommerce-checkout .woocommerce-customer-details {
    margin: 4rem 0;
}


.woocommerce-order-received td.product-name {
    width: 30%;
}
.woocommerce-order-received span.woocommerce-Price-amount.amount {
    float: initial;
}
.woocommerce-order-received ul.wc-item-meta {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
    font-size: .8rem;
}
.woocommerce-order {
    margin: 3rem 0;
}
.order-total small.includes_tax {
    display: inline-grid;
}
.checkout .order-total bdi {
    color: #12B900;
    font-size: 1.5rem;
}
.order-total-discounts td {
    color: #12B900;
    font-size: .7rem;
    padding: 0;
}
.order-total-before-discounts td {
    padding: 0;
}
.fee td {
    text-align: right!important;
}

/* My account */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.woocommerce-MyAccount-navigation a {
    color: #000;
    text-decoration: none;
    padding: 1rem;
    display: block;
    text-transform: uppercase;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 22px;
    font-size: 1.4rem;
    font-weight: 600;
    opacity: .4;
    position: relative;
    border-radius: 0 1.5rem 1.5rem 0;
    background: #ebf0f2
}
.woocommerce-MyAccount-navigation-link {
    border-radius: 0 1.5rem 1.5rem 0;
    background: #ebf0f2
}

.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover {
    opacity: 1;
}
.woocommerce-MyAccount-navigation:after {
    background: #ebf0f2;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    right: -1rem;
    top: 0;
    border-radius: 0 1.5rem 1.5rem 0;
    z-index: -1;
}
.woocommerce-MyAccount-navigation {
    position: relative;
    margin: 3rem 0;
}
.woocommerce-MyAccount-navigation .is-active a:after {
    left: 40%;
}
.woocommerce-MyAccount-navigation:before {
    background: #ebf0f2;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: -100%;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2,
.u-columns .col-1,
.u-columns .col-2 {
        width: 50%;
    max-width: 100%;
        flex: initial;
            margin: 0;
    padding: 0;
}
.woocommerce-MyAccount-content .col-1,
.u-columns .col-1 {
padding-right: 1rem;
}
.woocommerce-MyAccount-content .col-2,
.u-columns .col-2 {
padding-left: 1rem;
}
.woocommerce-MyAccount-content .u-columns,
.u-columns {
    display: flex;
}

th.woocommerce-orders-table__header {
        text-transform: uppercase;
    padding: 1rem 0;
}

td.woocommerce-orders-table__cell {
    padding: 1rem 0;
    border-top: solid 1px #E1E1E1;
}
.woocommerce-orders-table__cell-order-number a {
    font-weight: bold;
}
td.woocommerce-orders-table__cell {
    color: #626262;
}

.woocommerce-form label {
    display: block;
}

@media screen and (min-width: 768px) {
#billing_city_field,
#billing_postcode_field,
#shipping_city_field,
#shipping_postcode_field,
#billing_phone_field,
#billing_email_field {
    width:48.1%
}
#billing_city_field,
#shipping_city_field,
#billing_phone_field {
        float: left;
    margin-right: 3.8%;
}
#billing_postcode_field,
#shipping_postcode_field,
#billing_email_field {
    float: right;
    margin-right: 0;
}
}
#mx_custom_checkout_field p:first-of-type {
    font-weight: bold;
}

/* Tooltip container */
.tm-tooltip {
    position: relative;
    cursor: pointer;
}

/* Tooltip text (hidden by default) */
.tm-tooltip::after {
content: attr(data-tooltip-html);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 8px 12px;
    font-size: 1rem;
    border-radius: 4px;
    display: none;
    z-index: 100;
    text-align: center;
    width: 250px;
    line-height: 1.4!important;
    font-size: .8rem!important;
    font-style: normal!important;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: normal!important;
}

/* Show tooltip on hover */
.tm-tooltip:hover::after {
    display: block;
}

/* Show tooltip on click */
.tm-tooltip.active::after {
    display: block;
}



@media screen and (max-width: 768px) {
.cart-proceed-to-checkout-mobile-top {
    display: block;
    margin-bottom: 1rem;
}
.cart-proceed-to-checkout-mobile-top .button {
    width: 100%;
    text-align: center;
    display:block;
}
.woocommerce-cart-form__contents .product-name {
    width: 60%;
    text-align: left;
}
.woocommerce-cart-form__contents .product-quantity, .woocommerce-cart-form__contents .product-price {
        width: 50%;
    clear: none;
}
.woocommerce-cart-form__contents .product-price {
float: right;
    text-align: right;
    padding: 2rem 0;
    /*display: none;*/
}
.woocommerce-cart-form__cart-item td.product-quantity {
    float: left;
    text-align: left;
}
.woocommerce-cart-form__contents .product-subtotal {
    text-align: right;
}
table.shop_table_responsive tr td {

}
.woocommerce-cart-form__contents td.product-thumbnail {
    /*display: none;*/
    width: 40%;
}
.woocommerce-cart-form__cart-item td {
    border: none;
}
.wc-proceed-to-checkout {
    flex-direction: column;
}
td.product-subtotal {
    border-bottom: solid 1px #E1E1E1;
    border: none;
}
/* Cart mobile: hide subtotal column (avoids duplicating line price); Cijena = strikethrough + sale like desktop, only sale/final amount bold */
.woocommerce-cart .woocommerce-cart-form__contents thead th.product-subtotal,
.woocommerce-cart .woocommerce-cart-form__contents tbody td.product-subtotal {
    display: none !important;
}
.woocommerce-cart .woocommerce-cart-form__contents tbody td.product-price ins.discounted-price {
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #000;
}
.woocommerce-cart .woocommerce-cart-form__contents tbody td.product-price ins.discounted-price .woocommerce-Price-amount {
    font-weight: bold;
}
/* Non-sale: single price in cell — bold that amount only */
.woocommerce-cart .woocommerce-cart-form__contents tbody td.product-price:not(:has(del.original-price)) .woocommerce-Price-amount {
    font-weight: bold;
}
tr.woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo {
    /*display: table-row;*/
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 1px #E1E1E1;
}
.usporedilica-container {
    width: 95%;
    max-width: 780px;
}
.woocommerce-MyAccount-navigation {
    background: #ebf0f2;
}
/* Horizontal tab strip + always-on horizontal scrollbar (desktop-style track where supported) */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 44, 93, 0.45) rgba(0, 44, 93, 0.12);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    height: 8px;
    -webkit-appearance: none;
    appearance: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-track {
    background: rgba(0, 44, 93, 0.12);
    border-radius: 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb {
    background: rgba(0, 44, 93, 0.45);
    border-radius: 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link {
    flex: 0 0 auto;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
        width: 100%;
    max-width: 100%;
}
.woocommerce-MyAccount-content .u-columns {
    display: flex;
    flex-direction: column;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2,
.u-columns .col-1,
.u-columns .col-2 {
        max-width: 100%;
        width: 100%;
        padding: 0;
}
.u-columns {
    display: flex;
    flex-direction: column;
}
.checkout-progress {
    padding: 1.5rem 0;
}
.checkout-progress-inner {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 44, 93, 0.45) rgba(0, 44, 93, 0.12);
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0.35rem;
}
.checkout-progress-inner::-webkit-scrollbar {
    height: 8px;
    -webkit-appearance: none;
    appearance: none;
}
.checkout-progress-inner::-webkit-scrollbar-track {
    background: rgba(0, 44, 93, 0.12);
    border-radius: 4px;
}
.checkout-progress-inner::-webkit-scrollbar-thumb {
    background: rgba(0, 44, 93, 0.45);
    border-radius: 4px;
}
.checkout-status {
    flex: 0 0 auto;
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}
.checkout-status-txt {
    white-space: nowrap;
    padding-top: 0;
}
}
@media screen and (max-width: 576px) {
    .single-product .woocommerce-message a {
width: 100%;
display: block;
}
.usporedilica-btn-contain {
    flex-direction: column;
    text-align: center;
}
.usporedilica-btn-contain span {
margin: 0 0 1rem 0 }

}




/* Mega menu & blog post - ex custom-styles.css */

/*mega menu css*/
#mobile_menu {
    padding: 0.5rem 0.7rem;
    color: #006193;
    fill: #006193;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: initial;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    font-size: .82rem;
    cursor: pointer;
}

#mobile_menu .menu_active{
    display: block;
}
#mobile_mega_menu:not(.menu_active){
    display: none;
}
#cat-btn .mega_menu_wrapper{
    /* position: relative; */
}
#mobile_menu .mega_menu_wrapper .mega_menu{
    position: absolute;
    min-width: 98%;
    width: 98%;
    padding: 0;
    background: transparent;
    border-radius: 4px;
    left: 0;
    right: 0;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    z-index: 10;
    top: 37px;
    margin: 0 auto;
    padding-top: 30px;
}
#cat-btn .mega_menu_wrapper .mega_menu{
    position: absolute;
    min-width: 98%;
    width: 98%;
    padding: 0;
    background: transparent;
    border-radius: 4px;
    left: 0;
    right: 0;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    z-index: 10;
    display:none;
    top: 37px;
    margin: 0 auto;
    padding-top: 30px;
}
#cat-btn .mega_menu_wrapper .shop-category-contain, #mobile_menu .mega_menu_wrapper .shop-category-contain {
    background: #fff;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 16%);
    /* max-height: 420px; */
    border-radius: 10px;
}
#cat-btn .mega_menu_wrapper .shop-menu , #mobile_menu .mega_menu_wrapper .shop-menu{
    position: relative;
   /* box-shadow: 0px 13px 20px 10000px rgb(0 0 0 / 20%);*/
    border-radius: 10px 10px 10px 10px;
    height: 100vh;
}
#cat-btn .mega_menu_wrapper .shop-menu ul , #mobile_menu .mega_menu_wrapper .shop-menu ul{
    margin: 0;
}
#cat-btn .mega_menu_wrapper .shop-menu .shop-category ,#mobile_menu .mega_menu_wrapper .shop-menu .shop-category{
    /* max-height: 400px; */
    overflow-x: hidden;
    width: 240px;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    border-radius: 10px 0px 0px 10px;
    background-color: #ebf0f2;
}
#mobile_menu .mega_menu_wrapper .shop-menu .shop-category{ display: none;}

#cat-btn .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu ,#mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu{
    position: relative;
    background-color: #fff;
    padding: 10px 20px 10px;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 9;
    overflow-x: hidden;
    display: -ms-flexbox;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    width: calc(100% - 240px);
    top: 0px;
    right: 0;
    height:100%;
    gap: 15px;
    border-radius: 0px 10px 10px 0px;
}
#cat-btn .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu .menu_close,#mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu .menu_close {
    display: none;
}
#cat-btn .shop-mega-menu ul , #mobile_menu .shop-mega-menu ul{
    width: calc(100% / 2);
    padding: 15px;
    float: left;
    max-height: 100%;
    overflow: initial;
}
#cat-btn:hover .mega_menu{
    display:block;
}
#cat-btn .shop-mega-menu ul li, #mobile_menu .shop-mega-menu ul li{
    list-style: none;
}
#cat-btn .shop-mega-menu ul li a, #mobile_menu .shop-mega-menu ul li a{
    color :#2e71b3 ;
    text-decoration: none;
}
#cat-btn .mega_menu_wrapper .shop-menu > ul > li, #mobile_menu .mega_menu_wrapper .shop-menu > ul > li{
    display: flex;
    align-items: center;
    padding: 15px 10px 15px 15px;
    background-color: #ebf0f2;
    color: #000;
    border-right:1px solid gray;
}
#cat-btn .mega_menu_wrapper .shop-menu > ul > li > img, #mobile_menu .mega_menu_wrapper .shop-menu > ul > li > img{
    margin-right: 5px;
}
#cat-btn .mega_menu_wrapper .shop-menu > ul > li:not(:last-child), #mobile_menu .mega_menu_wrapper .shop-menu > ul > li:not(:last-child){
    border-bottom: 1px solid gray;
}
/* #cat-btn .mega_menu_wrapper .shop-menu > ul > li:first-child > .shop-mega-menu {
    display: flex;
} */
#cat-btn .mega_menu_wrapper .shop-menu .shop-category li:hover , #mobile_menu .mega_menu_wrapper .shop-menu .shop-category li:hover {
    background-color: #fff;
    border-right-color: transparent;
}
#cat-btn .mega_menu_wrapper .shop-menu .shop-category li:hover .shop-mega-menu, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category li:hover .shop-mega-menu{
    display: flex;

}
#cat-btn .mega_menu_wrapper .shop-menu .shop-category li.active .shop-mega-menu, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category li.active .shop-mega-menu{
    display: flex;
}
#cat-btn .mega_menu_wrapper .shop-menu .shop-category li.active, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category li.active {
    background-color: #fff;
    border-right-color: transparent;
}
.shop-mega-menu .shop_categories {
    display: flex;
    flex-direction: row;
    flex: 0 0 47%;
}

 #cat-btn .shop-mega-menu .shop_categories > ul,  #mobile_menu .shop-mega-menu .shop_categories > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px;
}

#cat-btn .shop-mega-menu .shop_categories > ul > div > ul, #mobile_menu .shop-mega-menu .shop_categories > ul > div > ul {
    width: 100%;
    padding: 15px 0px ;
}
#cat-btn .shop-mega-menu .shop_categories > ul > div, #mobile_menu .shop-mega-menu .shop_categories > ul > div  {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 15px;
}
#cat-btn .shop-mega-menu .shop_categories > ul:has(div + div) > div:first-child, #mobile_menu .shop-mega-menu .shop_categories > ul:has(div + div) > div:first-child {
    border-right: 1px solid #cdcdcd;
    padding: 15px 25px 15px 15px;
}

#cat-btn .shop-mega-menu .shop_categories > ul:has(div + div) > div:nth-child(2), #mobile_menu .shop-mega-menu .shop_categories > ul:has(div + div) > div:nth-child(2) {
    padding: 15px 10px 15px 25px;
}

#cat-btn .shop-mega-menu .shop_categories > ul > div > ul > li , #mobile_menu .shop-mega-menu .shop_categories > ul > div > ul > li {
    margin-bottom: 10px;
    letter-spacing: 0.4px;
}
#cat-btn .shop-mega-menu .shop_categories > ul > div > h5,  #mobile_menu .shop-mega-menu .shop_categories > ul > div > h5{
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}
#cat-btn .shop-mega-menu .shop_categories > ul > li , #mobile_menu .shop-mega-menu .shop_categories > ul > li {
    margin-bottom: 10px;
}
#cat-btn .shop-mega-menu .shop_categories p a , #mobile_menu .shop-mega-menu .shop_categories p a {
    color :#2e71b3 ;
    text-decoration: none;
    padding: 15px 0px ;
    font-weight: 300;
 }

#cat-btn .shop-mega-menu .popular_product, #mobile_menu .shop-mega-menu .popular_product {
    text-align: center;
    flex:  0 0 25%;
    padding: 15px;
    border-radius: 10px;
    /* background: transparent linear-gradient(0deg, #f73900 0%, #ffb205 100%) 0% 0% no-repeat padding-box; */
    background-image: linear-gradient(0deg, #f73900 0%, #fb8c29 47%, #ffc107 100%);
    height: 438px;
}
#cat-btn .shop-mega-menu .popular_product.sec_prod_div, #mobile_menu .shop-mega-menu .popular_product.sec_prod_div {
    /* background: transparent linear-gradient(0deg, #1c1c1c 0%, #8b8b8b 100%) 0% 0% no-repeat padding-box; */
    background: transparent linear-gradient(0deg, #1c1c1c 0%, #8b8b8b 100%) 0% 0% no-repeat padding-box;
}

#cat-btn .shop-mega-menu .popular_product p.pro_title, #mobile_menu .shop-mega-menu .popular_product p.pro_title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
#cat-btn .shop-mega-menu .popular_product .pro_reg_price_div p.regular_price, #mobile_menu .shop-mega-menu .popular_product .pro_reg_price_div p.regular_price {
    font-size: 16px;
    color: #fff;
    text-decoration: line-through;
margin-bottom: -10px;
}
#cat-btn .shop-mega-menu .popular_product .pro_sale_price_div p.sale_price,  #mobile_menu .shop-mega-menu .popular_product .pro_sale_price_div p.sale_price{
    font-size: 28px;
    color: #fff;
    margin-bottom: 40px;
}
#cat-btn .shop-mega-menu .popular_product p, #mobile_menu .shop-mega-menu .popular_product p {
    margin: 0px 0px 0px;
}
#cat-btn .shop-mega-menu .popular_product .pro_button_div a, #mobile_menu .shop-mega-menu .popular_product .pro_button_div a {
    display: block;
    margin-top: 20px;
    color: #fff;
    padding: 15px 30px ;
    border: 2px solid #fff;
    border-radius: 5px;
    text-decoration: none;
}
#cat-btn .shop-mega-menu .popular_product .pro_button_div a:hover, #mobile_menu .shop-mega-menu .popular_product .pro_button_div a:hover {
  background: #fff;
    color: #000;
   transition: all ease .5s;
}
.mega-menu-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .5;
    z-index: -1;
}
.pro_title_div {
    min-height: 6rem;
}

.menu-skriveno .shop-mega-menu-kategorija-stavke-container {
display: none;
}

.menu-skriveno .shop-mega-menu-kategorija-naslov:after {
  content: '';
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23000000%7D%3C/style%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
position: absolute;
    right: 0;
           transform: rotateX(0deg);
        transition: all ease .5s;
width: 20px;
height: 20px;
}

.menu-otvoren .shop-mega-menu-kategorija-naslov:after,
.menu-zatvoren .shop-mega-menu-kategorija-naslov:after {
  content: '';
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23000000%7D%3C/style%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
position: absolute;
    right: 0;
        transform: rotateX(-190deg);
        transition: all ease .5s;
        width: 20px;
height: 20px;
}

.menu-zatvoren .shop-mega-menu-kategorija-naslov:after {
  content: '';
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23000000%7D%3C/style%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
position: absolute;
    right: 0;
               transform: rotateX(0deg);
        transition: all ease .5s;
        width: 20px;
height: 20px;
}
.menu-skriveno .shop-mega-menu-kategorija-naslov {
position: relative;
}
#mobile_mega_menu .menu-otvoren .shop-mega-menu-kategorija-naslov a {
    color: #FE7E34;
}

/*mega menu css*/

/* Custom Blog listing page css start here */

.ctm-blog-listing-section {
    padding-top: 150px;
    display: block;
}
.ctm-blog-listing-section {
    padding-top: 3rem   ;
}
.ctm-blog-listing-section .ctm-blog-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items {
    padding: 30px;
    border-radius: 10px;
    background-color: #ededed;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article {
    display: flex;
    height: 100%;
    margin: 0;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-header,
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-footer {
    display: none;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article a img{
    display: block;
    height: 100%;
    object-fit: cover;
    max-width: 250px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-content {
    min-height: auto;
    margin: 0;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-content p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    margin-bottom: 10px;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-content p:not(:nth-of-type(1)){
    display: none;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items:has(img) {
    padding: 0px;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items:has(img) article .entry-content {
    padding: 30px;
}
.ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-content a {
    text-decoration: none;
    color: #1d6e9d;
}
/* Custom Blog listing page css end here */

/* Custom single Blog page css start here */

.single-blog-inner-section {
    display: flex;
    align-items: flex-start;
}

.single-blog-listing-section .single-blog-list {
    max-width: 70%;
}
.single-blog-listing-section .single-blog-list article .entry-meta {
    display: none;
}
.single-blog-listing-section .single-blog-list article .entry-content p {
    font-size: 14px;
    line-height: 18px;
}
.single-blog-listing-section .single-blog-list .ctm-blog-items .post-thumbnail,
.single-blog-listing-section .single-blog-list .ctm-blog-items .post-thumbnail img  {
    border-radius: 15px;
}
.single-blog-listing-section .sidebar {
    padding: 30px;
    width: 100%;
    max-width: 30%;
    padding-top: 95px;
}
.single-blog-listing-section .sidebar .latest_post {
    padding: 20px;
    border-radius: 15px;
    background-color: #ebf0f2;
    margin-bottom: 30px;
}
.single-blog-listing-section .sidebar .latest_post h4 {
    font-size: 18px;
    color: #033349;
    color: #07072c;
    margin: 0;
    margin-bottom: 15px;
}

.single-blog-listing-section .sidebar .latest_post p {
    color: #1d6e9d;
    margin: 10px 0px;
}
.single-blog-listing-section .sidebar .latest_post a {
    color: #1d6e9d;
    text-decoration: unset;
}
.single-blog-listing-section .popular_product {
    text-align: center;
    flex:  0 0 25%;
    padding: 30px 50px;
    border-radius: 10px;
    background: transparent linear-gradient(0deg, #ffb60b 100%, #ffb201 0%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(0deg, #f73900 0%, #ffb205 100%) 0% 0% no-repeat padding-box;
}
.single-blog-listing-section .popular_product.sec_prod_div {
    background: transparent linear-gradient(0deg, #1c1c1c 0%, #8b8b8b 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(0deg, #1c1c1c 0%, #8b8b8b 100%) 0% 0% no-repeat padding-box;
}

.single-blog-listing-section .popular_product p.pro_title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.single-blog-listing-section .popular_product p.regular_price {
    font-size: 16px;
    color: #fff;
    text-decoration: line-through;
    margin-bottom: 5px;
}
.single-blog-listing-section .popular_product  p.sale_price {
    font-size: 18px;
    color: #fff;
    margin-bottom: 40px;
}
.single-blog-listing-section .popular_product p {
    margin: 0px 0px 0px;
}
.single-blog-listing-section .popular_product a {
    display: block;
    margin-top: 20px;
    color: #fff;
    padding: 15px 30px ;
    border: 2px solid #fff;
    border-radius: 5px;
    text-decoration: none;
}
.navigation.post-navigation {
    padding: 30px 40px 30px 20px;
    max-width: 75%;
    background-color: #ebf0f2;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.navigation.post-navigation .nav-links:has(.nav-next) .nav-previous {
    border-right: 1px solid #8b8b8b;
}
.navigation.post-navigation a {
    text-decoration: none;
}
.navigation.post-navigation a span {
    display: block;
}
.navigation.post-navigation a span.nav-subtitle {
    font-size: 14px;
    color: #0000009e;
}
.navigation.post-navigation a span.nav-title {
    font-size: 24px;
    color: #2e71b3;
    line-height: 30px;
}
#mobile_menu{
    display: none;
}

 /* Custom single Blog page css end here  */

 /* Responsive Design CSS start */

 @media screen and (max-width: 1199px) {
    .single-blog-listing-section .popular_product {
        padding: 30px 15px;
    }
 }

 @media screen and (max-width: 1024px) {
    #cat-btn .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu .menu_close,
    #mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu .menu_close{
        display: block;
        font-size: 20px;
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 50;
        padding: 5px;
    }
    .shop-mega-menu .shop_categories {
        flex:  0 0 65%;
    }
    #cat-btn .shop-mega-menu .popular_product ,#mobile_menu .shop-mega-menu .popular_product {
        flex: 0 0 271px;
    }
    .ctm-blog-listing-section .ctm-blog-list {
        grid-template-columns: repeat(1,1fr);
    }
}

 @media screen and (max-width: 992px) {
    #cat-btn .mega_menu_wrapper .header-top > span ,#mobile_menu .mega_menu_wrapper .header-top{
        font-size: 0;
    }
    #cat-btn span, #mobile_menu span{
        padding: 0px;
    }
    .ctm-blog-listing-section {
        padding-top: 75px;
    }
    .header-cat-search-contain {
        display: flex;
        order: 3;
        flex: 0 0 auto;
    }
    #header-search ,
    #header-mob-menu-icon,#cat-btn {
        display: none;
    }
    #mobile_menu{
        display: block;
    }
    .header-ribon-icons-container {
        flex-grow:1 ;
        justify-content: right;
        gap: 10px;
    margin-right: 10px;
    }
    .shop-mega-menu .shop_categories {
        flex: 0 0 100%;
    }
    #cat-btn .shop-mega-menu .popular_product , #mobile_menu .shop-mega-menu .popular_product{
        flex: 0 0 47%;
    }
    .header-cat-search-contain, #mobile_menu {
    /*border: solid 1px #EBEBEB;*/
    border: solid 1px #fff;
  }
    #mobile_menu>span svg {
    opacity: 0;
 }
 .mobile_btn {
    border: solid 1px #EBEBEB!important;

 }
 .mobile_btn svg {
    opacity: 1!important;
 }
 }
 @media screen and (max-width: 991px) {
    .single-blog-inner-section {
        flex-direction: column;
        gap: 15px;
    }
    .single-blog-listing-section .single-blog-list {
        max-width: 100%;
    }
    .single-blog-listing-section .sidebar {
        padding-top: 20px;
        max-width: 385px;
        /* width: 40%; */
    }
    .single-blog-listing-section .popular_product {
        padding: 30px;
    }
 }

 @media screen and (max-width: 768px) {

    .shop-mega-menu .shop_categories {
        padding-top: 30px;
    }
    #cat-btn .shop-mega-menu .shop_categories > ul > div, #mobile_menu .shop-mega-menu .shop_categories > ul > div{
        width: 100%;
    }
    #cat-btn .shop-mega-menu .popular_product, #mobile_menu .shop-mega-menu .popular_product{
        display: none;
    }
    #cat-btn .shop-mega-menu .shop_categories > ul > div , #mobile_menu .shop-mega-menu .shop_categories{
        padding: 5px;
    }
    #cat-btn .shop-mega-menu .shop_categories > ul > div > ul, #mobile_menu .shop-mega-menu .shop_categories > ul > div > ul {
        padding: 5px 0px;
    }
    #cat-btn .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu {
        padding: 10px;
    }
    #cat-btn .shop-mega-menu .shop_categories > ul:has(div + div) > div:first-child , #mobile_menu .shop-mega-menu .shop_categories > ul:has(div + div) > div:first-child {
        padding: 10px;
        border-right: 0px;
        border-bottom: 1px solid #cdcdcd;
    }
    #cat-btn .shop-mega-menu .shop_categories > ul:has(div + div) > div:nth-child(2), #mobile_menu .shop-mega-menu .shop_categories > ul:has(div + div) > div:nth-child(2) {
        padding: 10px;
    }
    .ctm-blog-listing-section {
        padding-top: 80px;
    }
    .ctm-blog-listing-section .ctm-blog-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .ctm-blog-listing-section .ctm-blog-list .ctm-blog-items {
        padding: 15px;
    }
    .ctm-blog-listing-section .ctm-blog-list .ctm-blog-items:has(img) article .entry-content {
        padding: 15px;
    }
    .ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-content p:nth-child(1) {
        font-size: 13px;
    }
    .single-blog-listing-section {
        padding-top: 20px;
    }
    .single-blog-listing-section .single-blog-list {
        max-width: 100%;
    }
    .navigation.post-navigation {
        max-width: 100%;
        padding: 20px 40px 20px 20px;
    }
    .navigation.post-navigation a span.nav-title {
        font-size: 20px;
        line-height: 25px;
    }
    .ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-content h3 {
        font-size: 15px;
    }
    .ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-content p {
        font-size: 14px;
    }
    .ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article a img {
        max-width: 180px;
    }
    .ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article .entry-content a {
        font-size: 14px;
    }
}


@media screen and (max-width: 576px) {
    .header-ribon-icon {
        margin: 0.5rem;
    }
    .header-cat-search-contain {
        margin:  0 0.5rem;
    }
    #cat-btn .mega_menu_wrapper .shop-menu .shop-category, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category {
        width: 190px;
    }
    #cat-btn .mega_menu_wrapper .shop-menu > ul > li, #mobile_menu .mega_menu_wrapper .shop-menu > ul > li {
        font-size: 12px;
    }
    #cat-btn .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu {
        width: calc(100% - 190px);
    }
    #cat-btn .shop-mega-menu .shop_categories > ul > div > h5 , #mobile_menu .shop-mega-menu .shop_categories > ul > div > h5 {
        font-size: 13px;
    }
    #cat-btn .shop-mega-menu .shop_categories > ul > div > ul > li , #mobile_menu .shop-mega-menu .shop_categories > ul > div > ul > li {
        margin-bottom: 5px;
        letter-spacing: 0.1px;
    }
    #cat-btn .shop-mega-menu .shop_categories > ul > div > ul > li a, #mobile_menu .shop-mega-menu .shop_categories > ul > div > ul > li a {
        font-size: 12px;
    }
    .navigation.post-navigation a span.nav-title {
        font-size: 17px;
        line-height: 20px;
    }
    .ctm-blog-listing-section .ctm-blog-list .ctm-blog-items article a img {
        max-width: 150px;
    }
}

 /* Responsive Design CSS end */

/* END Mega menu & blog post - ex custom-styles.css */


#page {
    display: contents;
}
/* Filteri */
.filteri-toggle-contain {
    float: right;
    z-index: 1;
}
.filteri-continer {
    max-width: 300px;
    background: #FFF;
    position: fixed;
    top: 0;
    z-index: 99999;
    padding: 1rem 1rem;
    box-shadow: 0px 0px 5px;
    bottom: 0;
    left: -320px;
    transition: all ease .5s;
        bottom: 0;
    overflow: auto;
    visibility: hidden;
            height: 100%;
            height: 100dvh;
}
.filter-active {
    left: 0;
    visibility: visible;
}
.filteri-zatvori {
    float: right;
    cursor: pointer;
}
.filteri-zatvori img {
    width: 1rem;
}
.filteri-continer .widget {
    margin-top: 2rem;
}
.filteri-toggle svg {
 width: 26px;
 margin: 0 .5rem 0 0;
}

.filteri-toggle {
display: inline-flex;
    align-items: center;
    font-size: .9rem;
    border: solid 1px #ccc;
    border-radius: 1rem;
    padding: 0.5rem 0.7rem;
    cursor: pointer;
    transition: all ease .2s;
    background: #fff;
    z-index: 1;
}
.filteri-toggle:hover {
    transition: all ease .2s;
    border: solid 1px #e95500;
    box-shadow: 0 2px 10px rgb(233 85 0 / 41%);
    background: #e95500;
    color: #fff;
    fill: #fff;
}
.filteri-toggle-row {
        position: sticky;
    top: 1rem;
    z-index: 9;
}
.filter-filtriraj .wcpf-button {
    background: #006193;
    color: #fff;
}
.filter-filtriraj .wcpf-button:hover, .filter-ponisti .wcpf-button:hover {
    background: #e95500;
}
.filter-ponisti .wcpf-button {
    margin-bottom: 0;
}
.filter-ponisti {
    padding-bottom: 0!important;
    display: none;
}
.box-toggle {
    font-size: 1.2rem!important;
}
.box-toggle:hover {
    box-shadow: none!important;
}
.filter-aktiv {
    display: block;
}
.filteri-continer button {
    border: solid 1px #006193;
}
.wcpf-field-color-list .wcpf-color-list .wcpf-color-item.selected:after {
    position: absolute;
    top: 0;
    display: block;
    content: "";
    height: 3px;
    width: 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 8px 0 0 7px;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.wcpf-color-item {
    border: solid 1px #fff!important;
}
.wcpf-color-item:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    background: #fff;
    z-index: -1;
    top: -3px;
    left: -3px;
    border-radius: 28px;
    border: solid 1px #ccc;
}
.wcpf-color-item.selected {
    border: solid 1px #e95500!important;
}

.wcpf-color-item.selected:before {
    background: #e95500!important;
    border: solid 1px #e95500!important;
}
.wcpf-field-price-slider .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-color: #006193;
}
.wcpf-field-price-slider .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.21em;
    background-color: #006193;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    cursor: ew-resize;
    outline: none;
    top: -0.4em;
    margin-left: -0.5em;
    border: 3px solid #fff;
    box-shadow: 0 0 5px #006193;
}
.wcpf-field-price-slider .wcpf-price-slider .ui-widget-content {
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-color: #00619338;
    border: 0;
}
.wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-max-input, .wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-min-input {
    box-sizing: border-box;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: calc(45% - 4px);
    -webkit-border-radius: 22px;
    border-radius: 22px;
    position: relative;
    padding: .6rem 1rem;
    border: solid 1px #ccc;
    background: #fff;

}

.wcpf-field-button .wcpf-button {
    border-radius: 1rem;
}
/*
.filter-fix {
position: fixed;
    top: 1rem;
    right: 1rem;
    transition: all ease .5s;
}*/
.wcpf-field-item.wcpf-front-element {
    border-bottom: solid 1px #cccccc;
    padding-bottom: 12px;
}
.wcpf-field-button {
    border-bottom: none!important;
}
.wcpf-filter {
    min-width: 270px;
        font-size: .9rem;
}
.wcpf-heading-label {
    font-weight: normal!important;
}

/* Vinko style */

.post, .page {
     margin: 0;
}
td a, th a {
    margin-bottom: 0 !important;
}
a {
    transition: .3s;
}
span.password-input {
    display: block;
    position: relative;
}
.woocommerce-ResetPassword input[type="text"], .woocommerce-ResetPassword input[type="email"], .woocommerce-ResetPassword input[type="url"], .woocommerce-ResetPassword input[type="password"], .woocommerce-ResetPassword input[type="search"], .woocommerce-ResetPassword input[type="number"], .woocommerce-ResetPassword input[type="tel"], .woocommerce-ResetPassword input[type="range"], .woocommerce-ResetPassword input[type="date"], .woocommerce-ResetPassword input[type="month"], .woocommerce-ResetPassword input[type="week"], .woocommerce-ResetPassword input[type="time"], .woocommerce-ResetPassword input[type="datetime"], .woocommerce-ResetPassword input[type="datetime-local"], .woocommerce-ResetPassword input[type="color"], .woocommerce-ResetPassword textarea {
    width: 100%;
}
form.woocommerce-ResetPassword.lost_reset_password {
    max-width: 700px;
}
.woocommerce-address-fields > p:last-of-type {
    clear: both;
}
#header-bkg-img {
    margin-bottom: 60px;
}
 .menu-menu-u-zaglavlju-container a:hover {
     background: none;
     color: #9dc3ff;
}
 p:last-of-type {
     margin-bottom: 0;
}
 *:focus {
     outline: none;
}

.woocommerce-mini-cart-item.mini_cart_item a {
    font-size: 12px;
    padding-right: 20px;
}
.accordion {
padding-left: 20px !important;
position: relative;
}
.accordion:before {
position: absolute;
left: 0;
}
.panel {
display: none;
padding: 0 0 1rem 20px;
}
.page-template-page-faq #primary > .container:nth-of-type(1) {
    min-height: 100px;
}
.cesta-pitanja {
    margin-top: 1rem;
}
.hide-on-price-available {
    display: none!important;
}

.woocommerce-breadcrumb, .breadcrumbs {
    padding: 20px 0;
     font-size: 13px;
}
table.shop_table_responsive .cart-discount td {
    text-align: right;
}
.single_add_to_cart_button {
    border: 1px solid #D54B00;
    transition: all ease .2s;
}
button:hover, .button:hover, .wpcf7-submit:hover, .usporedilica-container input[type="submit"]:hover, #searchsubmit:hover {
    transition: all ease .2s;
    border: solid 1px #e95500;
    box-shadow: 0 2px 10px rgb(233 85 0 / 41%);
    background: #e95500;
    transition: all ease .2s;
    border: solid 1px #e95500;
    box-shadow: 0 2px 10px rgb(233 85 0 / 41%);
    background: #e95500;
}
.woocommerce-mini-cart__buttons .wc-forward.wp-element-button:first-of-type:hover {
    box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
}
place_order:hover {
    background: #12B900;
    box-shadow: 0 4px 10px rgb(18 185 0 / 41%);
}
.page-template-page-mojracun #primary {
    min-height: 600px;
}
.woocommerce-MyAccount-navigation a {
    border-radius: 0;
    transition: .2s;
}
.woocommerce-MyAccount-navigation a:hover {
    color: #000;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    padding: 10px;
}
 .footer-banner-item {
     opacity: .6;
}
 .site-header-cart:hover .widget.woocommerce.widget_shopping_cart {
     right: -8px;
}
.widget_shopping_cart_content {
        background: #fff;
    width: 300px;
    right: 0;
    position: absolute;
    border-radius: 0.7rem;
    left: auto;
    padding: 1rem;
    font-size: .8rem;
box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}
 .woocommerce-mini-cart img.attachment-woocommerce_thumbnail {
     max-width: 60px;
     float: left;
     margin-right: 15px;
}
 .woocommerce-mini-cart .quantity {
     color: inherit;
     display: inline-block;
     margin: 4px 0 0 0;
     border-bottom: 1px solid #bababa;
     padding-bottom: 12px;
     font-size: .8rem;
     padding-left: 75px;
}
 .woocommerce-mini-cart__buttons.buttons a {
     padding: 1rem;
     border-radius: 4px;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .woocommerce-mini-cart__buttons .wc-forward.wp-element-button:first-of-type {
     background-color: #e7e7e7;
     color: #000 !important;
}
 .woocommerce-mini-cart__buttons .checkout.wc-forward.wp-element-button {
     background-color: #FF7600;
}
.remove.remove_from_cart_button,
a.remove.remove_from_cart_button {
    background: transparent;
    color: red !important;
    width: 20px;
    padding: 0;
    font-size: 38px !important;
    line-height: 15px !important;
    height: 20px;
    margin: 0;
}
#order_comments_field {
    clear: both;
}
 .woocommerce-cart .woocommerce-message a.button.wc-forward {
     display: none;
}
 td.product-name a.tm-cart-edit-options, .tm-cart-edit-options {
     padding: 0 0.5rem 0 0;
}
.title-opcije {
    font-weight: bold;
    margin: 3rem 0 1rem 0;
    text-align: left;
    clear: both;
}
 .woocommerce-cart-form__contents dd, .woocommerce-checkout dd {
     margin: 0 0 0.5rem;
}
 .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
     background-color: #EBF0F2;
     padding: 2rem;
     color: #000000;
     max-width: 1440px;
     margin-right: auto;
     margin-left: auto;
     list-style: none;
}
 button.woocommerce-button.button.woocommerce-form-login__submit {
     margin-top: 2rem;
     min-width: 200px;
}
 .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a {
     color: #FF7600;
}
.woocommerce-message .button {
     color: #fff!important;
}
 #wfspb-top-bar {
     padding: 20px 0;
}
 #wfspb-top-bar #wfspb-main-content {
     font-size: 13px !important;
     text-transform: uppercase;
}
 table.wishlist_table th, table.wishlist_table td {
     border-bottom: 1px solid #aaa;
}
 table.wishlist_table thead th {
     border-top: none;
     text-transform: uppercase;
     font-size: 11px;
     letter-spacing: 0.6px;
}
 table.wishlist_table {
     font-size: 100%;
}
 .wishlist_table .product-add-to-cart a {
     display: inline-block!important;
     margin: 0 auto 5px 10px!important;
     text-align: center;
}
 .wishlist_table .product-add-to-cart span.dateadded {
     display: none;
     color: #a1a1a1;
}
 .wishlist_table del {
     opacity: .4;
     font-weight: normal;
}
 .wishlist_table mark, .wishlist_table ins {
     background-color: transparent;
}
 .wishlist_table th, .wishlist_table tr td, .wishlist_table tr th.product-checkbox, .wishlist_table tr th.wishlist-delete {
     text-align: left;
}
 .wishlist_table tr td.product-add-to-cart {
    text-align: right;
    width: 20%;
}
 a.remove.remove_from_wishlist {
     background: transparent;
     color: red;
     font-size: 2.5rem;
     width: 2.5rem;
     height: 2.5rem;
}
 .woocommerce-orders-table a.woocommerce-button.wp-element-button.button.view {
     padding: 5px 20px;
     min-width: 100px !important;
     display: inline-block;
}
 .woocommerce-EditAccountForm fieldset {
     width: 100%;
     padding: 0;
     border: none;
     margin: 0;
     position: relative;
     float: left;
}
 .woocommerce-EditAccountForm fieldset:before {
     width: 100%;
     height: 1px;
     border-top: 1px solid #ddd;
     top: -40px;
     content: "";
     float: left;
     margin-top: 60px;
     padding-top: 60px
}
 legend {
     display: block;
     font-family: "Bebas Neue";
     font-size: 32px;
     font-weight: bold;
     float: left;
     width: 100%;
     margin-bottom: 30px;
}
 .woocommerce-checkout label, .woocommerce-MyAccount-content label, .usporedilica-container label {
     display: block;
     font-size: 12px;
     margin-bottom: 2px;
     font-weight: 500;
}
 .woocommerce-EditAccountForm em {
     font-size: 12px;
     color: #666;
}
 .woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
     font-family: "Bebas Neue";
     font-size: 32px;
     font-weight: bold;
     margin-top: 0;
}
.my_account_orders th {
    font-size: 12px;
    text-transform: uppercase;
    padding: 1rem 0;
}
.my_account_orders td {
    padding: 1rem 0;
    border-top: solid 1px #E1E1E1;
    color: #626262;
}
.woocommerce-table--order-details th.woocommerce-table__product-table.product-total {
     width: 340px;
     text-align: left;
     max-width: 100%;
     min-width: auto;
}
 .woocommerce-order-details th.woocommerce-table__product-name.product-name {
     text-align: left;
}
 .woocommerce-order-details tfoot th {
     text-align: right;
     padding-right: 10px;
}
 .woocommerce-order-details th, .woocommerce-order-details td {
     padding-top: .3rem;
     padding-bottom: .3rem;
}
 .woocommerce-order-details tfoot tr:first-child th, .woocommerce-order-details tfoot tr:first-child td {
     padding-top: 40px;
     border-top: 1px solid #ddd
}
 section.woocommerce-customer-details {
     margin-top: 100px;
}
 .order-again {
     display: none;
}
 section.woocommerce-order-details {
     margin-top: 4em;
}
 .naslov-usporedilice {
     font-family: "Bebas Neue";
     font-size: 42px;
     font-weight: bold;
}
 .usporedilica-container > div:nth-of-type(2) {
     margin-bottom: 2em;
}
 .wc-proceed-to-checkout {
     margin: 80px 0;
}
 .usporedilica-container input[type="text"], .usporedilica-container input[type="email"], .usporedilica-container input[type="tel"], .usporedilica-container input[type="url"], .usporedilica-container textarea {
     background: #F4F4F4;
     border: none;
     padding: 0.8rem 1rem;
}






 @media (min-width: 1025px) {
     .usporedilica-close {
         right: 20px;
         top: 20px;
    }
     .usporedilica-container {
         padding: 60px;
         border-radius: 20px;
         width: 70%;
         max-width: 800px;
    }
     body:not(.home) .home-newsletter {
         margin-top: 7rem;
    }
     .error404 .home-newsletter {
         margin-top: 15rem!important;
    }
     .woocommerce-columns--addresses .woocommerce-column--billing-address {
         padding-right: 1rem;
         float: left;
         border-right: 1px solid #ddd;
    }
     .woocommerce-columns--addresses .woocommerce-column--shipping-address {
         float: left;
    }
     .woocommerce-EditAccountForm .clear:nth-of-type(2) {
         display: none;
    }
     .woocommerce-EditAccountForm p.woocommerce-form-row {
         width: 48%;
         float: left;
         margin: 0 2% 2% 0;
    }
     .woocommerce-EditAccountForm fieldset p.woocommerce-form-row {
    float: none;
}
     .u-column1.col-1.woocommerce-Address {
         border-right: 1px solid #E1E1E1;
    }
     .woocommerce-MyAccount-content .col-2, .u-columns .col-2 {
         padding-left: 4rem;
    }
     .u-columns.woocommerce-Addresses.col2-set.addresses {
         margin-top: 5rem;
    }
     .u-column1.col-1, .u-column2.col-2 {
         border: 1px solid #d7d7d7;
         padding: 40px;
         margin: 10px;
         border-radius: 20px;
    }
     #customer_login {
         margin-top: 40px;
    }
     #customer_login h2 {
         margin-top: 0;
         font-family: 'BEBAS NEUE';
         font-size: 40px;
         font-weight: bold;
    }
     .home-istaknuto-item-featured .home-istaknuto-item-txt-title {
         margin-bottom: 40px;
    }
     .home-istaknuto-item-txt {
         padding-left: 2.5rem;
    }
     .header-white-bkg {
         padding: 12px 0.5rem;
    }
     .product-jamstvo-dostava {
         margin: 0.5rem 0 1.5rem;
    }
     #tm-extra-product-options {
         margin: 0 0 1.5rem 0;
    }
     .single-price-container {
         margin: 1.2rem 0 2.5rem;
    }
     .standard-infos {
         position: relative;
    }
     .standard-infos:before {
         position: absolute;
         content: "";
         width: 100%;
         height: 100%;
         background-color: #e5eef2;
         right: -100%;
    }
     .product-description-container .product-description {
         position: relative;
    }
     .product-description-container .product-description:before {
         position: absolute;
         content: "";
         width: 100%;
         height: 100%;
         background-color: #e5eef2;
         left: -100%;
    }
     .kontakt_cta_contain_inner {
         border-radius: 100px 0 0 100px;
         padding: 1rem 1rem 1rem 2rem;
         margin-right: -15px;
    }
     .kontakt_cta_contain_inner {
         position: relative;
    }
     .kontakt_cta_contain_inner:before {
         position: absolute;
         content: "";
         width: 100%;
         height: 100%;
         background-color: #006193;
         right: -100%;
    }
     .home-newsletter-content-txt {
         padding-bottom: 4rem;
    }
}








@media (max-width: 576px) {
     .header-cat-search-contain {
         margin: 0 0 0 0.5rem;
    }
     .header-white-bkg {
         padding: 0.5rem 0;
    }
     .woocommerce-MyAccount-navigation:after {
         right: 0;
    }
}














/* IFLARE fixes */
 #cat-btn .mega_menu_wrapper .shop-menu > ul > li:not(:last-child), #mobile_menu .mega_menu_wrapper .shop-menu > ul > li:not(:last-child) {
     border-bottom: 1px solid #B3B3B3;
     transition: .3s;
}
 #cat-btn .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu {
     padding: 20px 20px 20px 40px;
     flex-wrap: nowrap;
     gap: 20px;
}
 #cat-btn .mega_menu_wrapper .mega_menu {
     min-width: 0;
     width: calc(100% - 30px);
     top: 55px;
}
 #cat-btn .mega_menu_wrapper .shop-menu, #mobile_menu .mega_menu_wrapper .shop-menu {
     height: auto;
}
 #cat-btn .mega_menu_wrapper .shop-menu .shop-category li.active .shop-mega-menu, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category li.active .shop-mega-menu {
     display: flex;
     justify-content: space-between;
     align-items: stretch;
}
 #cat-btn .shop-mega-menu .popular_product {
     border-radius: 10px;
     height: auto;
     position: relative;
     justify-items: stretch;
     display: flex;
     justify-content: space-between;
     flex-direction: column;
     flex-wrap: nowrap;
}
 #cat-btn .shop-mega-menu .popular_product .pro_button_div a {
     display: block;
     margin-top: 20px;
     padding: 18px 30px;
     border-radius: 8px;
     font-size: 18px;
     width: 100%;
}
 #cat-btn .mega_menu_wrapper .shop-menu > ul > li {
     padding: 20px 10px 20px 22px;
     color: #000;
     border-right: 1px solid #B3B3B3;
}
 #mobile_menu .mega_menu_wrapper .shop-menu > ul > li {
     padding: 14px 10px 14px 10px;
}
 #cat-btn .mega_menu_wrapper .shop-menu > ul > li > img {
     margin-right: 18px;
     transform: scale(1.7);
}
 #cat-btn .shop-mega-menu .shop_categories > ul > div > ul, #mobile_menu .shop-mega-menu .shop_categories > ul > div > ul {
     padding: 0 0 10px;
}
 #cat-btn .shop-mega-menu .shop_categories > ul > div, #mobile_menu .shop-mega-menu .shop_categories > ul > div {
     padding: 0;
}
 .pro_title a {
     color: #fff;
}
 #cat-btn .shop-mega-menu .shop_categories > ul:has(div + div) > div:first-child, #mobile_menu .shop-mega-menu .shop_categories > ul:has(div + div) > div:first-child {
     border-right: 1px solid #B3B3B3;
     padding: 0 25px 0 0;
}
 #cat-btn .shop-mega-menu .shop_categories > ul:has(div + div) > div:nth-child(2), #mobile_menu .shop-mega-menu .shop_categories > ul:has(div + div) > div:nth-child(2) {
     padding: 0 0 0 25px;
}
 #cat-btn .shop-mega-menu .shop_categories > ul > div > h5, #mobile_menu .shop-mega-menu .shop_categories > ul > div > h5 {
     font-size: 22px;
     letter-spacing: 0;
     margin-bottom: 30px;
     font-family: "Bebas Neue";
}
 #cat-btn .shop-mega-menu .shop_categories p a, #mobile_menu .shop-mega-menu .shop_categories p a {
     font-weight: 500;
     letter-spacing: 1px;
}
 .popular_product p.pro_title {
     max-height: 2.7em;
     overflow: hidden;
}
 .popular_product .pro_reg_price_div p.regular_price {
     font-size: 14px;
     margin-bottom: 0;
     font-weight: normal;
     opacity: .6;
}
 .popular_product > div {
     display: flex;
     align-content: stretch;
     justify-content: space-around;
}
 .popular_product .sale_price, .popular_product .pro_title, .popular_product .regular_price, .popular_product .sale_price {
     margin-bottom: 0;
}
 #cat-btn .shop-mega-menu .shop_categories > ul > div > ul > li, #mobile_menu .shop-mega-menu .shop_categories > ul > div > ul > li {
     margin-bottom: 20px;
     letter-spacing: 0;
}
 .single-blog-listing-section .popular_product :not(.pro_button_div) a {
     display: inline;
     margin-top: 0;
     color: #fff;
     padding: 0;
     border: none;
     text-decoration: none;
}
 .single-blog-listing-section .popular_product .pro_button_div a {
     font-weight: bold;
     width: 100%;
     margin-top: 40px;
}
 .single-blog-listing-section .popular_product {
     padding: 30px;
}
 .single-blog-listing-section .popular_product p.pro_title {
     font-size: 18px;
     margin-bottom: 20px;
     font-weight: bold;
     text-transform: uppercase;
}
 .single-blog-listing-section .popular_product p.regular_price {
     font-size: 14px;
     margin-bottom: 0;
     opacity: .6;
}
 .single-blog-listing-section .single-blog-list {
     width: 100%;
}
 .entry-title {
     font-family: "Bebas Neue";
     font-size: 42px;
     font-weight: bold;
     margin-top: 0;
     margin-bottom: 40px;
}
 .single-blog-listing-section .sidebar {
     padding: 0;
     max-width: 100%;
}
 .navigation.post-navigation {
     margin-top: 60px;
     background-color: #E5EEF2;
     max-width: 960px;
}
 .popular_product .pro_price_div {
     display: block;
}
 .navigation.post-navigation a span.nav-title {
     font-size: 18px;
     line-height: 1.4;
     font-weight: bold;
}
 .navigation.post-navigation a span.nav-subtitle {
     font-size: 14px;
     color: #626262;
}
 @media (min-width: 1025px) {
     .single-blog-listing-section .single-blog-list {
         width: calc(100% - 330px);
             max-width: 100%;
    }
     .single-blog-listing-section .sidebar {
         max-width: 330px;
    }
     .navigation.post-navigation {
         position: relative;
    }
     .navigation.post-navigation:before {
         position: absolute;
         content: "";
         width: 100%;
         height: 100%;
         background-color: #E5EEF2;
         left: -100%;
         top: 0;
    }
     .single-blog-listing-section .sidebar {
         margin-top: 104px;
    }
     .single-blog-listing-section .single-blog-list {
         padding-right: 100px;
    }

}
 @media (max-width: 1024px) {
     #cat-btn .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu .menu_close, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu .menu_close {
         right: 10px;
         top: 5px;
    }
     #mobile_menu .mega_menu_wrapper .shop-menu > ul > li > img {
         margin-right: 8px;
         transform: none;
    }
     #mobile_menu .shop-mega-menu .shop_categories > ul > div, #mobile_menu .shop-mega-menu .shop_categories {
         padding: 0;
    }
     #mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu {
         padding: 50px 15px 15px 15px;
    }
     #mobile_menu .mega_menu_wrapper .mega_menu {
         min-width: 96%;
         width: 96%;
         padding: 0;
         top: 70px;
         padding-top: 0;
    }
     #cat-btn .shop-mega-menu .shop_categories > ul:has(div + div) > div:first-child, #mobile_menu .shop-mega-menu .shop_categories > ul:has(div + div) > div:first-child {
         border-bottom: 1px solid #B3B3B3;
         padding: 0 0 10px 0;
         border-right: none;
         margin-bottom: 30px;
    }
     #cat-btn .shop-mega-menu .shop_categories > ul:has(div + div) > div:nth-child(2), #mobile_menu .shop-mega-menu .shop_categories > ul:has(div + div) > div:nth-child(2) {
         padding: 0 0 10px;
    }
}
 @media (max-width: 576px) {
     #cat-btn .mega_menu_wrapper .shop-menu .shop-category, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category {
         width: 140px;
    }
     #cat-btn .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu, #mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu {
         width: calc(100% - 140px);
    }
     #cat-btn .shop-mega-menu .shop_categories p a, #mobile_menu .shop-mega-menu .shop_categories p a {
         letter-spacing: 0;
    }
}
/* END IFLARE */
#cat-btn .mega_menu_wrapper .shop-menu > ul > li {
    color: #535d65;
}
#cat-btn .mega_menu_wrapper .shop-menu > ul > li > img {
    opacity: .6;
}

/* END Vinko style */



/* Menu kategorija Mario */
.shop-mega-menu-kategorija-naslov {
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0.5rem 0;
    font-weight: 100;
    color: #535d65;
}.shop-mega-menu-kategorija-naslov a {
    color: #535d65;
    transition: all ease .5s;
}
.shop-mega-menu-kategorija-naslov a:hover {
    color: #e95500;
    transition: all ease .5s;
}
.shop-mega-menu-kategorija-stavke {
    padding: .25rem 0;
    color: #2e71b3;
}
.shop-mega-menu-kategorija-stavke a {
    color: #2e71b3;
    transition: all ease .5s;
}
.shop-mega-menu-kategorija-stavke a:hover,
.shop-mega-menu-kategorija-svi a:hover {
    color: #e95500;
    transition: all ease .5s;
}
.shop-mega-menu-kategorije-contain {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.shop-mega-menu-kategorije {
    display: flex;
    flex-wrap: wrap;
}
.shop-mega-menu-kategorija {
    width: 50%;
    padding: 0 .6rem 1rem 0;
}
.menu-sirina-kfull{
    width: 100%;
}
.shop-mega-menu-kategorija-svi {
    padding: .5rem 0 0 0;
    font-weight: 500;
    letter-spacing: 1px;
    margin: -10px 0 0 0;
}
.shop-mega-menu-kategorija-stavke-two {
        column-count: 2;
}
/* Ostatak */
#mobile_close_btn {
    position: absolute;
    right: 10px;
    top: 5px;
    display: block;
    font-size: 20px;
    position: absolute;
    z-index: 50;
    padding: 5px;
    color: #000;
}
.mega-menu-overlay-x {
    position: absolute;
    top: -60px;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mega-menu-overlay-x #mobile_close_btn {
    position: relative;
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    border-radius: 50%;
}


.shop-menu-mob {
    position: absolute;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: inherit;
    z-index: 99;
    display: flex;
    flex-direction: column;
    height: fit-content;
}
.shop-menu-mob-glavni {
    list-style: none;
    margin: 0;
    padding: .5rem 0 0 0;
    width: 100%;
}

.shop-menu-mob-glavni li {
    padding: .5rem 1rem .5rem 1rem;
    border-bottom: solid 1px #ccc;
        display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    color:#3a3e4e;
}
.shop-menu-mob-glavni li a {
color: inherit;
align-items: center;
    justify-content: center;
    display: flex;
}
.shop-menu-mob-sporedni {
    list-style: none;
    margin: 0;
    padding: .5rem;
    column-count: 2;
    text-transform: initial;
}
.shop-menu-mob-sporedni li {
    padding: .5rem;
}

.shop-menu-mob-sporedni a {
    color: #535d65;
}

.search-close {display: none;}
@media screen and (max-width: 992px) {
    .shop-mega-menu-kategorija {
    width: 100%;
}
form.cart {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    clear: both;
    width: 100%;
}
.single-price-container {
    /*float: right;*/
}
/* Responsive search  */
#header-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 4px;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    background: #fff;
}
form#searchform {

}
.search-close {
font-size: 2rem;
    padding: 0 1rem;
    display: block;
    cursor: pointer;
    }

 .zaliha {
    display: none;
}
 .zaliha-mob {
    display: block;
}
}

/* Frame tag  */
.frame-tag {
    position: absolute;
    top: -2px;
    z-index: 3;
    background: rgb(0,97,147);
background: linear-gradient(180deg, rgba(0,97,147,1) 0%, rgba(69,133,169,1) 100%);
    text-transform: uppercase;
    color: #fff;
    font-style: italic;
    font-size: .8rem;
    padding: 0 0.5rem 2px 0.5rem;
    border-radius: 0 0 15px 15px;
}
[class*="product_tag-"] > .product-woo-item {
    border: solid 2px #006193;
}

.product_tag-preporucamo > .product-woo-item {
    border: solid 2px #d2a946;
}

.product_tag-preporucamo .product-woo-item .frame-tag {
background: rgb(210,169,70);
background: linear-gradient(180deg, rgba(210,169,70,1) 0%, rgba(219,213,92,1) 100%);
}

/* Variable products */
.single-product.product-type-variable .single-price-container,
.product-type-variable .single-price-container {
    display: none !important;
}
form.variations_form.cart {
    clear: both;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
}
form.variations_form.cart > table.variations,
form.variations_form.cart > .tc-styled-variations,
form.variations_form.cart > .reset_variations_alert {
    flex: 1 1 100%;
    width: 100%;
}
form.variations_form.cart > .single_variation_wrap {
    flex: 1 1 100%;
    width: 100%;
}
table.variations {
    text-align: left;
}
.single_variation_wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.75rem;
    width: 100%;
}
.single_variation_wrap.pikaboo-variation-wrap--hidden {
    display: none !important;
}
.single_variation_wrap .woocommerce-variation-add-to-cart.variations_button {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    gap: 0.5rem;
}
.woocommerce-variation.single_variation {
    align-items: center;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1 auto;
    justify-content: flex-start;
    min-width: 0;
    width: auto !important;
    max-width: 100%;
}
.woocommerce-variation.single_variation .woocommerce-variation-description:empty {
    display: none !important;
}
.woocommerce-variation.single_variation .woocommerce-variation-description:not(:empty) {
    flex: 1 1 100%;
    width: 100%;
}
.woocommerce-variation.single_variation .popust-perc-contain {
    flex-shrink: 0;
}
.woocommerce-variation.single_variation .popust-perc,
.woocommerce-variation.single_variation .popust-perc-contain .popust-perc {
    flex-shrink: 0;
}
.woocommerce-variation.single_variation .woocommerce-variation-price {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
}
@media (min-width: 1367px) {
    .single_variation_wrap {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }
}
.woocommerce-variation.single_variation ins,
.woocommerce-variation.single_variation .price ins,
.woocommerce-variation.single_variation .woocommerce-variation-price ins {
    background: transparent;
}
.product-type-variable  .entry-summary .price {
    display: flex;
    flex-direction: row;
    margin: 0px 0.5rem 0px -.5rem;
}
.entry-summary .price small {
display: none;
}
.product-type-variable  .entry-summary span.woocommerce-Price-amount.amount {
    padding: 0 0 0 0.5rem;
}

.product-type-variable  .woocommerce-Price-amount bdi {
    padding: 0 .5rem 0 .5rem
}
.product-type-variable  span.woocommerce-Price-amount.amount.amount-eur {
    padding: 0 .5rem 0 0;
}

a.reset_variations {
        position: absolute;
    bottom: -30px;
    right: 0;
}
.wcwl_intro {
    display: none;
}

.single-product span.select2.select2-container.select2-container--default {
    width: 100%!important;
    margin: 0.5rem 0;
    color: #000;
}
.single-product .select2-selection__rendered {
    color: #000!important;
}
.variations td.value{
    position:relative;
    width: 70%
}
.woocommerce-shipping-methods small {
    padding-right: .5rem;
}

/* Vinko dodatno */
a.reset_variations {
    display: none !important;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: none !important;
}
.wpcsb-wrapper .quantity {
    margin: 0;
}
.wpcsb-wrapper .quantity button {
    padding: 8px;
    min-width: 34px;
}
.wpcsb-wrapper .quantity input {
    width: 2rem;
    padding: 0;
}
.wpcsb-wrapper button {
    margin: 0;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product-action {
    margin-top: 0;
}
.wpcsb-wrapper button.alt {
    margin: 0 0 0 10px;
    padding: 10px 30px;
    background-image: linear-gradient(90deg, #D33500 0%, #FF8B35 100%);
    border-radius: 8px
}
.wpcsb-wrapper .wpcsb-add-to-cart > div {
    margin-left: 0;
}

.guaven_woos_init_text {
    display: none !important;
}
.guaven_woos_suggestion {
    z-index: 98!important;
    margin-left: 0!important;
    margin-top: 23px!important;
    left: 0 !important;
    width: 100% !important;
    background-color: transparent!important;
    overflow-y: auto!important;
    height: 600px!important;
}

.guaven_woos_suggestion ul, .guaven_woos_suggestion p {
    background-color: #fff!important;
    box-shadow: 0 17px 26px rgba(0,0,0,.2)!important;
    margin: 0 auto!important;
    width: calc(100% - 30px) !important;
    border-radius: 10px!important;
    overflow: hidden!important;
    max-width: 1410px!important;
    padding: 18px !important;
}
.guaven_woos_suggestion .guaven_woos_pinnedtitle {
    padding-top: 10px!important;
    border-radius: 10px 10px 0 0 !important;
    padding-bottom: 20px !important;
    margin-bottom: -10px !important;
}
.guaven_woos_suggestion_list a {
    display: flex!important;
}
.guaven_woos_showallli {
    padding: 18px 0 2px!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    width: 100%!important;
    display: none!important;
}
#searchsubmit {
    background: #FF7600;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border: none!important;
    padding: 0.5rem 1rem;
    cursor: pointer;
    display: none;
}


.popular_product p.pro_title {
    max-height: unset;
}
#cat-btn .shop-mega-menu .popular_product .pro_sale_price_div p.sale_price, #mobile_menu .shop-mega-menu .popular_product .pro_sale_price_div p.sale_price {
    margin-bottom: 20px;
}
.home-istaknuto-item-txt-category, .woocommerce-loop-product__kategorija {
    font-size: 10px;
    font-size: .6rem;
}
.payment_box .kartice,
.payment_method_paypal img, .payment_method_paypal .about_paypal{
    display: none;
}
.outofstock .tc-extra-product-options,
.stock.in-stock {
    display: none;
}
.wcwl_elements.bound {
    clear: both;
    padding: 30px;
    background-color: #e6eef1;
    border-radius: 20px;
}
.wcwl_email {
    width: 100%;
    margin: 14px 0;
    background-color: #fff !important;
}
.wcwl_elements .wcwl_control button {
    margin: 10px 0;
    width: 100%;
}

#header-notice a {

}

.home-istaknuto-item-featured {
    padding: 0;
    align-items: center;
}
.popular_product > .pro_image_div {
    display: flex;
    align-content: stretch;
    justify-content: space-around;
    height: 180px;
    width: 180px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
}
.pro_image_div img {
    width: 180px;
        height: 18opx;
        object-fit: cover;
        border-radius: 50%;
}
.single-product .woocommerce-message a {
    float: left;
    margin-right: 1rem;
    margin-top: -0.75rem;
}
.page-template-page-blagajna main, .woocommerce-cart main {
    padding: 0rem 0rem 10rem 0;
}
.woocommerce-checkout label, .woocommerce-MyAccount-content label, .usporedilica-container label {
    font-size: 16px;
}
.wc_payment_methods li,
.woocommerce-checkout ul#shipping_method li {
    margin-bottom: 1rem;
}


.shop-mega-menu-kategorija {
    padding: 0 2rem 1rem 0;
}
.shop-mega-menu-kategorija-stavke {
    padding: 0.4rem 0;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    color: var(--wc-form-color-text, #000);
    cursor: pointer;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: absolute;
    right: .7em;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
}
.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');
    content: "";
    display: block;
    height: 22px;
    width: 22px;
}

/* RESPONZIVA */

@media (min-width: 1025px) {
    .home-istaknuto-item-txt {
    padding-left: 1.5rem;
}
    .home-istaknuto-item-img {
    max-width: 136px;
}
}

@media (min-width: 993px) {
    .woocommerce-cart article.page {
    min-height: 400px;
}
}

@media (max-width: 992px) {
    .podkategorije-list li {
    display: flex;
    width: 25%;
    position: relative;
    overflow: hidden;
    margin-top: -2.5%!important;
}
.podkategorije-list li:nth-child(9n),
.podkategorije-list li:nth-child(12n)
 {
    margin-left: initial!important;
}
    .podkategorije-list li:nth-child(5),
    .podkategorije-list li:nth-child(12) {

    }
    .podkategorije-list li:nth-child(7),
    .podkategorije-list li:nth-child(9),
    .podkategorije-list li:nth-child(14) {
        margin-left: 0%!important;
    }
.podkategorije-link,
.podkategorije-list li:nth-child(-n+6) .podkategorije-link {
        clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}
.podkategorije-list li:nth-child(-n+4) .podkategorije-link  {
    clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}


.total-cat-count-5 li:nth-last-child(-n+1) .podkategorije-link,
.total-cat-count-7 li:nth-last-child(-n+3) .podkategorije-link,
.total-cat-count-9 li:nth-last-child(-n+3) .podkategorije-link,
.total-cat-count-11 li:nth-last-child(-n+5) .podkategorije-link {
    clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}

.total-cat-count-5 li:nth-last-child(-n+1) .podkategorije-link,
.total-cat-count-7 li:nth-last-child(-n+3) .podkategorije-link,
.total-cat-count-9 li:nth-last-child(-n+1) .podkategorije-link,
.total-cat-count-11 li:nth-last-child(-n+3) .podkategorije-link,
.total-cat-count-13 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-15 li:nth-last-child(-n+3) .podkategorije-link {
    clip-path: polygon(0% 10%, 50% 0%, 100% 10%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}




    .shop-mega-menu-kategorija-stavke-two {
    column-count: 1;
}
    .shop-mega-menu-kategorija {
    padding: 0 0 1rem 0;
}
    .shop-mega-menu-kategorija-stavke {
    padding: 0.6rem 0;
}
    #mobile_menu .mega_menu_wrapper .shop-menu .shop-category .shop-mega-menu {
    padding: 20px;
}
    .home-istaknuto-ribon-nav::after {
    content: "";
    width: 30px;
    height: 13px;
    background: #006193;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -15px;
    display: block;
    clip-path: polygon(0% 0, 0% 0%, 0% 0%, 100% 0%, 50% 100%, 0% 0%, 0% 0%);
}
    .footer-banners .col-6 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
    .footer-banners .justify-content-between {
    justify-content: center !important;
    -webkit-box-pack: center !important;
}
    .footer-banner-text {
            font-size: 16px;
    }
    .korisnicka-podrska-content {
            align-items: flex-start;
            justify-content: center;
    }
    .shop-menu-mob .korisnicka-podrska h2 {
            font-size: 1.6rem;
            margin-bottom: 8px;
    }
    .korisnicka-podrska-tel a, .korisnicka-podrska-mail a {
            font-size: 2.4rem;
    }
    .korisnicka-podrska-mail a {
            font-size: .9rem;
    }
    .shop-mega-menu-kategorija-svi {
            padding: 0.5rem 0 2rem;
    }
    .standard-infos-item {
            width: 33.3333%;
            padding: 10px;
    }
    .standard-infos-item a {
            flex-wrap: wrap;
    }
    .standard-infos-txt {
    text-align: center;
}
    .standard-infos-img {
    min-width: 35px;
    margin-right: 0;
    margin-bottom: 10px;
    min-height: 40px;
}
    .standard-infos-title {
            font-size: 16px;
            min-height: 33px;
    }
    .standard-infos-text {
            font-size: 11px;
    }




}


@media (max-width: 767px) {
    .home-kategorije-podnatpis {
    text-align: left;
        padding: 0;
}
    .wpcsb-product-info {
    display: none !Important;
}
    .logo-img {
    padding-right: 24px;
}
.product-type-variable .single-price-container {
    float: none;
    flex-direction: row;
}
    .usporedilica-btn-contain {
        margin-top: 0rem;
    }
    .product-type-variable .entry-summary .price {
    display: flex;
    flex-direction: row;
    margin: 0 0 0.5rem;
    text-align: center;
}
    .single_variation_wrap {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;
    gap: 0.75rem;
}
    form.cart {
    justify-content: space-evenly;
}
    .single_add_to_cart_button {
    width: auto;
    margin: 0 0 0 1rem;
    flex-grow: 1;
}
    .single-price-container {
    float: none;
}
    .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled,
    .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: flex;
        align-items: center;
}
    .container-add-to-and-wish {
    display: block;
    justify-content: flex-start;
}
    #yith-wcwl-popup-message {
    line-height: 1.7rem;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,.3);
    box-shadow: 0 5px 15px rgba(0,0,0,.3);
    padding: 20px 40px;
    margin-left: -40% !important;
    width: 80%;
}
    .podrska-img {
    max-width: 130px;
}
.zaliha {
    align-items: flex-start;
    padding-bottom: .5rem;
}
   .podkategorije-list li {
    display: flex;
    width: 33%;
    position: relative;
    overflow: hidden;
    margin-top: -3.3%!important;
}
.podkategorije-list li:nth-child(5n),
.podkategorije-list li:nth-child(9n),
.podkategorije-list li:nth-child(12n)
 {
    margin-left: initial!important;
}
    .podkategorije-list li:nth-child(4),
    .podkategorije-list li:nth-child(9),
    .podkategorije-list li:nth-child(14) {
    }
.podkategorije-link,
.podkategorije-list li:nth-child(-n+6) .podkategorije-link,
.podkategorije-list li:nth-child(-n+4) .podkategorije-link  {
        clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}
.podkategorije-list li:nth-child(-n+3) .podkategorije-link  {
    clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}

.total-cat-count-17 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-17 li:nth-last-child(2) .podkategorije-link,
.total-cat-count-14 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-14 li:nth-last-child(2) .podkategorije-link,
.total-cat-count-11 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-11 li:nth-last-child(2) .podkategorije-link,
.total-cat-count-8 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-8 li:nth-last-child(2) .podkategorije-link,
.total-cat-count-5 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-5 li:nth-last-child(2) .podkategorije-link {
    clip-path: polygon(0% 10%, 50% 0%, 100% 10%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}

.total-cat-count-7 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-9 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-11 li:nth-last-child(3) .podkategorije-link,
.total-cat-count-13 li:nth-last-child(1) .podkategorije-link,
.total-cat-count-15 li:nth-last-child(-n+3) .podkategorije-link  {
    clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 75%)!important;
}


}

@media (max-width: 576px) {
    a.added_to_cart.wc-forward {
    background: #e2401c;
    font-size: .8rem;
    letter-spacing: -0.02rem;
}
    #searchsubmit {
    display: none;
}
.guaven_woos_suggestion {
    margin-top: 21px;
}
.guaven_woos_suggestion ul,
    .guaven_woos_suggestion p{
    width: calc(100% - 16px) !important;
    overflow: hidden;
    max-width: 1410px;
    padding: 5px !important;
}
    .guaven_woos_suggestion p {
        padding-left: 15px !important;
    }

.guaven_woos_showallli {
    padding: 18px 0 2px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}
    .tax-product_cat #header-bkg-img, .page #header-bkg-img {
    clip-path: polygon(0% 0, 100% 0%, 100% 0%, 100% 86%, 50% 100%, 0% 86%, 0% 75%);
}
    .istaknute_ikonice {
    padding: 0 0 1rem 0;
}
    ul.products.columns-4 li.product, .related ul.products.columns-4 li.product {
    width: calc(50% - 5px);
    padding: 0;
}
    ul.products {
    padding: 10px;
    gap: 10px;
    column-gap: 10px;
}
    .product {
    margin: 0;
}
    .product-woo-item-vrijeme {
    flex-direction: column;
}
    .kategorije_cta .col {
    padding-left: 0;
}
    .kategorije_cta {
    font-size: 1.2rem;
        margin: 0 0 3rem 0;
}
    .kategorije_cta img {
    padding-left: 0.2rem;
    max-width: 24px;
    margin-bottom: 2px;
}

    .kategorije_cta {
    font-size: 1.2rem;
    margin: 1rem 0 2rem;
}
    .kategorije_cta a {
    padding: 1rem 0rem 0.5rem 1.5rem;
}
    .kontakt_cta_contain_inner {
    justify-content: center;
        border-radius: 30px 0 0 30px;
}
    .kontakt_cta a {
    text-align: center;
    padding: 10px;
}
    .kontakt_cta_contain .kontakt_cta_email a, .kontakt_cta_contain .kontakt_cta_telefon a {
    padding: 5px 15px;
    float: none;
    display: block;
    text-align: center;
}

    .coupon {
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
        width: 100%;
}
    .coupon-input {
    width: 100%;
}
.coupon-input label {
    width: 100%;
    display: block;
    margin: 0 0 1rem;
    text-align: center;
}
    input#coupon_code {
    width: 100%;
    margin: 0 0 1rem;
}
    #coupon-submit {
    display: block;
    width: 100%;
}
    .standard-infos {
        flex-wrap: nowrap;
    }
    .standard-infos-item {
        width: 33.3333%;
        padding: 10px;
        flex: 0 0 33.3333%;
        box-sizing: border-box;
    }
    .standard-infos-item a {
        flex-wrap: wrap;
        justify-content: center;
    }
    .standard-infos-item a div {
        width: 100%;
    }
    .standard-infos-txt {
        text-align: center;
    }
    .standard-infos-img {
        min-width: 35px;
        margin-right: 0;
        margin-bottom: 10px;
        min-height: 40px;
    }
    .standard-infos-title {
        font-size: 16px;
        min-height: 33px;
    }
    .standard-infos-text {
        font-size: 11px;
    }
    .wc-back, .wc-forward, #place_order {
    width: 100%;
}
    #header-bkg-img {
    margin-bottom: 30px;
}
    .checkout-progress {
    padding: 0 15px 1rem 0;
}
    .wc-proceed-to-checkout {
    margin: 40px 0;
    padding-right: 15px;
}
.wc-proceed-to-checkout::after {
    right: 0;
}
    .checkout-progress-inner {
    align-items: center;
    padding: 0.75rem 0;
}
    .korisnicka-podrska {
    width: calc(100% - 15px);
    margin-left: 15px;
}
    .checkout-status {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
    .checkout-status-no {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    font-size: 0.9rem;
}
    .checkout-progress {
    font-size: 1.1rem;
}
    .add_to_cart_button, .add_to_cart_button a, .add_to_cart_button:visited, a.added_to_cart.wc-forward, .product-woo-item .button {
    padding: 0.6rem 0;
        width: 100%;
}
    .home-istaknuto-item-txt-addtocart-contain {
    margin-top: 0.5rem;
    width: 100%;
}
    .home-istaknuto-item-txt-addtocart-contain .add_to_cart_button {
    background-image: linear-gradient(90deg, #D33500 0%, #FF8B35 100%);
    margin-bottom: 0;
}
    .home-istaknuto-item {
    margin: 0;
}
    .home-istaknuto-item-container {
    height: auto;
}
    .home-istaknuto-items-content .swiper-slide {
    padding: 0 15px;
}
    .home-istaknuto-item-others {
    padding: 1rem 0 4rem;
}
    .home-istaknuto-items-content {
    padding: 3rem 0 0.5rem;
}
    .home-s-terena-content h2 {
        font-size: 2rem;
    }
    .home-blog-naslov {
    font-size: 6rem;
    line-height: 2.3rem;
}
    .home-s-terena-intro .home-blog-banner {
    margin-bottom: 0;
}
    .home-s-terena-counter {
    padding: 2rem 0.1rem;
}


}
/* END Vinko dodatno */

.woocommerce-order-overview-container {
        display: flex;
    align-items: center;
        justify-content: space-between;
}
.woocommerce-order-overview-container-img {
    max-width: 50%;
}

/* Archive/card add-to-cart: adding state (spinner + Dodavanje..) */
.add_to_cart_button.adding-to-cart {
    pointer-events: none;
}
/* Spinner replaces cart icon during adding (hide ::before) */
.add_to_cart_button.adding-to-cart::before,
.single_add_to_cart_button.adding-to-cart::before {
    content: none !important;
    display: none !important;
}
/* Single product: hide WooCommerce’s "Vidi košaricu" link (we use in-button state only; avoids flicker) */
form.cart .added_to_cart.wc-forward {
    display: none !important;
}
/* Single product: loading state */
.single_add_to_cart_button.adding-to-cart {
    pointer-events: none;
}
/* Single product: spinner in orange (white background during Dodavanje) */
.single_add_to_cart_button .pikaboo-atc-spinner {
    border-color: rgba(250, 93, 12, 0.25);
    border-top-color: #FA5D0C;
}
/* Single product: fade transition between states */
.single_add_to_cart_button {
    transition: opacity 0.2s ease;
}
.single_add_to_cart_button.pikaboo-atc-fadeout {
    opacity: 0;
}
/* Single product: success state – checkmark + "Dodano u košaricu" (same button style) */
.single_add_to_cart_button.pikaboo-atc-success::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") center/contain no-repeat;
}
.pikaboo-atc-check {
    display: none; /* text state uses ::before check above */
}
.pikaboo-atc-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: pikaboo-atc-spin 0.6s linear infinite;
}
@keyframes pikaboo-atc-spin {
    to { transform: rotate(360deg); }
}
.wooac-wrapper.wooac-popup.mfp-with-anim {
    border-radius: 30px;
    box-shadow: 0px 0px 25px #000000b5;
}
.wooac-popup .wooac-action a {
    font-weight: normal;
    margin: 5px;
    height: initial;
    line-height: 1.2rem;
    border: solid 1px;
}
.wooac-popup .wooac-action {
    display: block;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
/* Reorder buttons: Završi narudžbu first, then Nastavi kupovinu */
.wooac-popup .wooac-action #wooac-cart {
    order: 1;
}
.wooac-popup .wooac-action #wooac-continue {
    order: 2;
}
.wooac-popup .wooac-action #wooac-share {
    order: 3;
}
.wooac-popup .wooac-action #wooac-checkout {
    order: 4;
}
.mfp-close:hover {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.mfp-close {
display: none!important;
}

.wooac-popup {
    position: relative;
    width: 90%;
    max-width: 300px;
    margin: 0 auto;
    padding: 15px;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: center;
    display: none;
}
.mfp-bg {
    background: none;
}
/* Popup open: keep scrollbar (plugin JS sets overflow hidden on html/body – override with !important) */
html{
    overflow:auto !important;
    overflow-x:hidden !important;
    margin:0 !important;
}
/* Popup close: 0.3s fadeout (theme patches wooac_hide to add .wooac-closing first) */
.wooac-wrapper.wooac-popup.wooac-closing,
.wooac-popup.wooac-closing,
.mfp-wrap.wooac-closing .wooac-popup {
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
.wooac-popup .wooac-image img {
    width: 80%;
}

@media (max-width: 768px) {
.woocommerce-order-overview-container {
        flex-direction: column;
            align-items: flex-start;
}
.woocommerce-order-overview-container-img {
    max-width: 100%;
    margin: 0rem 0 1rem 0;
}
.woocommerce-message {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.single-product .woocommerce-message a {
    float: left;
    margin-right: 1rem;
    margin-top: 1.25rem;
}
.product .woocommerce-Price-amount bdi {
    font-size: 1.1rem;
}
.product-type-variable span.price {
font-size: 1.1rem;

}
#shipping_method_0_local_pickup3:before,
#shipping_method_0_local_pickup3:after {
    bottom: -2.5rem;
}
body.cart-has-personal-pickup-discount-products #shipping_method_0_local_pickup3:after {
    font-size: 10px;
}

.filteri-toggle {
position: fixed;
        z-index: 8;
        right: 5px;
        top: 0px;
        transition: all ease .5s;
}
.filteri-toggle-move {
    top: 70px;
}
.filteri-continer {
    max-width: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: -100%;
    padding: 1rem 1rem;
    box-shadow: 0px 0px 5px;
    bottom: 120%;
    left: 0;
    transition: all ease .5s;
    overflow: auto;
    visibility: hidden;
    z-index: 98;
}
.filter-active {
        max-width: 100%;
        width: 100%;
        background: #FFF;
        position: fixed;
        padding-top: 80px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        visibility: visible;
        height: 100dvh;

}
.header-notice-hide {
    display: none!important;
}

}

@media (max-width: 400px) {

.mega-menu-overlay-x {
    top: -63px;
    right: 5px;

}
.product .woocommerce-Price-amount bdi {
    font-size: .9rem;
}
.product-type-variable span.price {
font-size: .7rem;

}
}

.step_controls_details .step_next.is-disabled {
	pointer-events: none;
	opacity: 0.45;
	cursor: not-allowed;
}

/* Checkout button styling - only on mobile */
@media (max-width: 768px) {
	.step_controls_pay, .step_controls_details, .wc-proceed-to-checkout{
		display: flex;
		flex-direction: column-reverse !important;
	}

	.wc-proceed-to-checkout .wc-back, .step_controls_pay .step_back_to_customer_details, .step_controls_details .step_back_to_basket, .wooac-popup .wooac-action #wooac-continue {
		background: none;
		border: 0;
		color: grey !important;
	}

	.wc-proceed-to-checkout .wc-back:before, .step_controls_pay .step_back_to_customer_details:before, .step_controls_details .step_back_to_basket:before, .wooac-popup .wooac-action #wooac-continue:before {
		filter: brightness(0.6);
	}
}

/* COD payment method label styling */
label[for="payment_method_cod"] {
	display: flex;
	justify-content: space-between;
}

label[for="payment_method_cod"] span:last-child {
	font-weight: 600;
}

/* Hide availability element when it only shows simple "in stock" message (Na zalihi) */
.woocommerce-variation-availability:has(.stock.in-stock p:only-child) {
	display: none !important;
}

/* Show it when out of stock */
.woocommerce-variation-availability:has(.stock.out-of-stock) {
	display: block !important;
}

.woocommerce-variation-availability:empty {
	display: none !important;
}

/* Valentine Landing Pages CSS */
.valentine-landing-page {
    padding-top: 0;
}

/* Hero Section */
.valentine-hero {
    background: linear-gradient(180deg, #FFE5E5 0%, #FFF8E5 100%);
    padding: 250px 0 80px;
    position: relative;
    overflow: hidden;
}

.valentine-hero-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 300px;
}

.valentine-hero-left,
.valentine-hero-right {
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.valentine-hero-center {
    flex: 1;
    text-align: center;
    padding: 0 40px;
}

.valentine-graphic-left,
.valentine-graphic-right {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.valentine-heart {
    max-width: 200px;
    height: auto;
    margin: 20px auto;
    display: block;
}

.valentine-title {
    font-family: 'TANSONGBIRD', serif;
    font-size: 64px;
    font-weight: normal;
    color: #5C2E1F;
    margin: 0 0 20px;
    line-height: 1.2;
}

.valentine-subtitle {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    font-weight: normal;
    color: #5C2E1F;
    margin: 25px 0 0 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Products Section */
.valentine-products {
    padding: 0;
}

.valentine-product-row {
    padding: 80px 0;
    position: relative;
}

/* Wave dividers for product sections */
.valentine-product-row::after {
    z-index: 912412;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-size: 100% 100px;
    background-repeat: no-repeat;
    background-position: bottom;
    pointer-events: none;
}

/* Pink background wave divider */
.valentine-bg-creme::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23FFE5E5' d='M0,50 Q360,0 720,50 T1440,50 L1440,100 L0,100 Z'/%3E%3C/svg%3E");
}

/* Creme background wave divider */
.valentine-bg-pink::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23FFF8E5' d='M0,50 Q360,0 720,50 T1440,50 L1440,100 L0,100 Z'/%3E%3C/svg%3E");
}

.valentine-bg-creme {
    background-color: #FFF8E5;
}

.valentine-bg-pink {
    background-color: #FFE5E5;
}

/* Blue backgrounds for "Za njega" (For Him) page */
.valentine-for-him .valentine-hero {
    background: linear-gradient(180deg, #D0E7F5 0%, #E8F4FD 100%);
}

.valentine-for-him .valentine-bg-creme {
    background-color: #E8F4FD;
}

.valentine-for-him .valentine-bg-pink {
    background-color: #D0E7F5;
}

/* Blue background wave dividers for "Za njega" page */
.valentine-for-him .valentine-bg-creme::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23D0E7F5' d='M0,50 Q360,0 720,50 T1440,50 L1440,100 L0,100 Z'/%3E%3C/svg%3E");
}

.valentine-for-him .valentine-bg-pink::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23E8F4FD' d='M0,50 Q360,0 720,50 T1440,50 L1440,100 L0,100 Z'/%3E%3C/svg%3E");
}

.valentine-product-content {
    display: flex;
    align-items: center;
    gap: 60px;
}

.valentine-image-left .valentine-product-image {
    order: 1;
}

.valentine-image-left .valentine-product-info {
    order: 2;
}

.valentine-image-right .valentine-product-image {
    order: 2;
}

.valentine-image-right .valentine-product-info {
    order: 1;
}

.valentine-product-image {
    flex: 0 0 40%;
}

.valentine-product-image a {
    display: block;
    transition: transform 0.3s ease;
}

.valentine-product-image a:hover {
    transform: translateY(-5px);
}

.valentine-product-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

.valentine-product-info {
    flex: 0 0 60%;
    padding: 0 20px;
}

.valentine-product-title {
    font-family: 'TANSONGBIRD', serif;
    font-size: 48px;
    font-weight: normal;
    color: #5C2E1F;
    margin: 0 0 30px;
    line-height: 1.6em;
}

.valentine-product-title a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.valentine-product-title a:hover {
    opacity: 0.8;
}

.valentine-product-price {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 40px;
    color: #5C2E1F;
    margin: 0 0 40px;
    letter-spacing: 1px;
}

.valentine-product-price .woocommerce-Price-amount {
    font-family: 'Bebas Neue', sans-serif;
}

.valentine-product-price del {
    opacity: 0.7;
    margin-right: 15px;
}

.valentine-product-price ins {
    text-decoration: none;
    font-weight: bold;
}

.valentine-buy-button {
    display: inline-block;
    background-color: #E63946;
    color: #FFFFFF;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    padding: 18px 50px;
    text-decoration: none;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
    margin-bottom:50px;
}

.valentine-buy-button:hover {
    background-color: #C1121F;
    color: #FFFFFF;
    text-decoration: none;
}

/* Responsive Styles */
@media screen and (max-width: 1199px) {
    .valentine-title {
        font-size: 52px;
    }
    
    .valentine-product-title {
        font-size: 40px;
    }
}

@media screen and (max-width: 992px) {
    .valentine-hero {
        padding: 40px 0 60px;
    }
    
    .valentine-hero-content {
        flex-direction: column;
        gap: 30px;
        min-height: auto;
    }
    
    .valentine-hero-left,
    .valentine-hero-right {
        flex: 0 0 auto;
    }
    
    .valentine-hero-center {
        padding: 0 20px;
    }
    
    .valentine-graphic-left,
    .valentine-graphic-right {
        max-width: 150px;
    }
    
    .valentine-title {
        font-size: 42px;
    }
    
    .valentine-subtitle {
        font-size: 25px;
    }
    
    .valentine-product-content {
        flex-direction: column;
        gap: 40px;
    }
    
    .valentine-image-left .valentine-product-image,
    .valentine-image-right .valentine-product-image,
    .valentine-image-left .valentine-product-info,
    .valentine-image-right .valentine-product-info {
        order: initial;
    }
    
    /* Force image above title on mobile */
    .valentine-product-image {
        flex: 0 0 100%;
        order: 1 !important;
    }
    
    .valentine-product-info {
        flex: 0 0 100%;
        order: 2 !important;
    }
    
    .valentine-product-title {
        font-size: 36px;
    }
    
    .valentine-product-price {
        font-size: 35px;
    }
}

@media screen and (max-width: 768px) {
    .valentine-hero {
        padding: 30px 0 40px;
    }
    
    .valentine-title {
        font-size: 32px;
    }
    
    .valentine-subtitle {
        font-size: 20px;
    }
    
    .valentine-heart {
        display: none;
    }
    
    .valentine-hero-right {
        display: none;
    }
    
    .valentine-graphic-left,
    .valentine-graphic-right {
        max-width: 100px;
    }
    
    .valentine-product-row {
        padding: 50px 0;
    }
    
    .valentine-product-title {
        font-size: 28px;
    }
    
    .valentine-product-price {
        font-size: 30px;
    }
    
    .valentine-buy-button {
        font-size: 20px;
        padding: 15px 40px;
    }
}

@media screen and (max-width: 576px) {
    .valentine-title {
        font-size: 24px;
    }
    
    .valentine-subtitle {
        font-size: 18px;
    }
    
    .valentine-product-title {
        font-size: 24px;
    }
    
    .valentine-product-price {
        font-size: 25px;
    }
    
    .valentine-buy-button {
        font-size: 18px;
        padding: 12px 30px;
    }
}

/* Filter for header on term-301 and term-302 pages */
.term-301 .header-first-desktop,
.term-302 .header-first-desktop {
	filter: invert(88%) sepia(25%) saturate(7499%) hue-rotate(198deg) brightness(94%) contrast(103%);
}

/*fix product thumbnails swiper*/
.woo-produc-swiper-container .swiper-slide {
    border-color: #00000025!important;
    border-radius: 25px!important;
    overflow: hidden!important;
    transition: 250ms ease all!important;
    cursor: pointer!important
}

.woo-produc-swiper-container .swiper-slide:hover,.woo-produc-swiper-container .swiper-slide:active {
    border-color: #005F91!important
}

.woo-produc-swiper-container .swiper-button-next,.woo-produc-swiper-container .swiper-button-prev {
    color: #00000075!important
}

/* Product archive infinite load: centered button + 3-image spinner */
.pikaboo-woo-infinite-load {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
}
.pikaboo-woo-load-more-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    position: relative;
}
.pikaboo-woo-load-more-wrap .pikaboo-woo-load-more-btn {
    position: relative;
    z-index: 1;
    transition: opacity 0.35s ease;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
}
.pikaboo-woo-load-more-wrap .pikaboo-woo-load-more-btn:link,
.pikaboo-woo-load-more-wrap .pikaboo-woo-load-more-btn:visited,
.pikaboo-woo-load-more-wrap .pikaboo-woo-load-more-btn:hover,
.pikaboo-woo-load-more-wrap .pikaboo-woo-load-more-btn:focus,
.pikaboo-woo-load-more-wrap .pikaboo-woo-load-more-btn:active {
    color: #fff !important;
}
.pikaboo-woo-load-more-wrap .pikaboo-woo-load-more-btn.is-disabled,
.pikaboo-woo-load-more-wrap .pikaboo-woo-load-more-btn[aria-disabled="true"] {
    cursor: wait;
}
.pikaboo-woo-load-more-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -39px;
    margin-top: -14px;
    width: 78px;
    min-height: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}
.pikaboo-woo-load-more-spinner img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    flex-shrink: 0;
    animation: pikaboo-spinner-rotate-y 1.2s ease-in-out infinite;
    backface-visibility: hidden;
}
.pikaboo-woo-load-more-spinner img:nth-child(1) {
    animation-delay: 0s;
}
.pikaboo-woo-load-more-spinner img:nth-child(2) {
    animation-delay: 0.2s;
}
.pikaboo-woo-load-more-spinner img:nth-child(3) {
    animation-delay: 0.4s;
}
@keyframes pikaboo-spinner-rotate-y {
    0%, 100% {
        transform: rotateY(0deg);
        opacity: 1;
    }
    50% {
        transform: rotateY(180deg);
        opacity: 0.85;
    }
}
.pikaboo-woo-load-more-wrap.is-loading .pikaboo-woo-load-more-btn {
    opacity: 0;
    pointer-events: none;
}
.pikaboo-woo-load-more-wrap.is-loading .pikaboo-woo-load-more-spinner {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.pikaboo-woo-infinite-load-done .pikaboo-woo-load-more-wrap {
    min-height: 0;
}

/* Fade in newly loaded products */
.products .pikaboo-woo-load-new {
    animation: pikaboo-woo-fade-in 0.5s ease-out forwards;
}
@keyframes pikaboo-woo-fade-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Sticky add-to-cart bar (single product, scroll > 500px) — width matches .container (Bootstrap) */
#pikaboo-sticky-atc {
    --pikaboo-sticky-atc-h: 76px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99990;
    background: transparent;
    box-shadow: none;
    border: none;
    transform: translateY(100%);
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.28s ease, visibility 0.28s;
}
#pikaboo-sticky-atc.is-visible {
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}
body.pikaboo-sticky-atc-active {
    padding-bottom: var(--pikaboo-sticky-atc-h);
}
.pikaboo-sticky-atc__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: var(--pikaboo-sticky-atc-h);
    padding: 8px 12px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /* Do not set max-width here — .container provides same breakpoints as rest of site (540–1140px) */
    background: #fff;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px 12px 0 0;
}
.pikaboo-sticky-atc__left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
}
.pikaboo-sticky-atc__thumb {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
}
.pikaboo-sticky-atc__thumb img.pikaboo-sticky-atc__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.pikaboo-sticky-atc__img--placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: #eee;
}
.pikaboo-sticky-atc__title-wrap {
    min-width: 0;
}
.pikaboo-sticky-atc__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.35;
    color: #444;
    font-weight: 600;
}
.pikaboo-sticky-atc__right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
}
#pikaboo-sticky-atc .quantity {
    margin: 0;
}
#pikaboo-sticky-atc .quantity input.qty {
    width: 2.25rem;
    padding: 0.35rem 0.25rem;
    font-size: 0.9rem;
}
#pikaboo-sticky-atc .quantity button.iminus,
#pikaboo-sticky-atc .quantity button.iplus {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    font-size: 1rem;
}
.pikaboo-sticky-atc__btn.single_add_to_cart_button {
    margin: 0;
    padding: 0.65rem 1rem;
    font-size: 0.9rem;
    white-space: nowrap;
}
.pikaboo-sticky-atc--variation-hidden .pikaboo-sticky-atc__right {
    opacity: 0.45;
    pointer-events: none;
}
@media (max-width: 480px) {
    #pikaboo-sticky-atc {
        --pikaboo-sticky-atc-h: 84px;
    }
    .pikaboo-sticky-atc__inner {
        flex-wrap: wrap;
        padding: 8px 10px;
    }
    .pikaboo-sticky-atc__right {
        width: 100%;
        justify-content: flex-end;
    }
}
#billing_country_field, .order-total-discounts{
  display:none !important;
}

ul.no-dots{
  padding:0;
  list-style:none;
  margin-left:0;
}