/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.product_not_available{
    background-color: #fe9126;
    border: 1px solid #e4752b;
    display: block;
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: break-spaces;
    vertical-align: baseline;
    border-radius: 0;
}


#tags_block_left .text-uppercase.h6{color:#000;}

@media (max-width:399px)
{
	body #header .header-nav .top-logo a img{max-width: 150px;  height: auto;}
}

.btn.btn-default{color: #fff; background-color: #2fb5d2;  border-color: transparent; margin: 2px; border-radius: 5px; text-transform: uppercase;  font-weight: 600;}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active{color: #fff;  background-color: #2592a9;  border-color: transparent;}

div#not_available {
    margin-top: -15px;
  	padding: 1.2rem;
}

.product-actions .control-label {
    font-weight: bold;
}

.product-discount .regular-price {
    font-size: larger;
}

.block-category #category-description strong {
    /* font-weight: 400; */
    color: black;
  	font-weight: bold;
}

#category-description h2,#category-description h3,#category-description h4{
    padding: 10px 0;
    color: black;
}

#category-description ul {
    list-style: inherit;
    padding-left: 20px;
    color: initial;
}

#productCommentsBlock div.tabs {
    box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 20%);
    margin-top: 0;
    background: #fff;
    padding: 1.25rem;
}

#product_comments_block_tab{
	margin: 0;
}

#productCommentsBlock div.tabs div.clearfix.pull-right a{
	margin-bottom: 0;
}

/******************/

.top-menu .sub-menu ul[data-depth="1"]>li {
    margin: 0 1.25rem;
    clear: both;
}
.popover {
    position: absolute;
    top: 0;
    /* left: 0; */
    z-index: 1060;
    display: block;
    max-width: 200px;
    padding: 1px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
}
.sub-menu {
    left: auto;
    min-width: 50%;
}

.top-menu .sub-menu {
    box-shadow: 2px 1px 11px 2px rgba(0,0,0,.1);
    border: none;
    margin-left: .9375rem;
    width: inherit;
    min-width: inherit;
    z-index: 18;
    display: none;
}

.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}






/* Стилизиране на бутона "Добави в количката" */
/*
.product-add-to-cart .add-to-cart,
.product-add-to-cart button[data-button-action="add-to-cart"] {
    background: linear-gradient(135deg, #ff0000 0%, #cc0000 50%, #ff0000 100%) !important;
    background-size: 200% 200% !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 40px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    animation: gradientShift 3s ease infinite !important;
}*/

/* Анимация на преливане на градиента */
/*
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}*/

/* Ефект при hover - засилена интерактивност */
/*
.product-add-to-cart .add-to-cart:hover,
.product-add-to-cart button[data-button-action="add-to-cart"]:hover {
    transform: scale(1.05) !important;
    animation: gradientShift 1.5s ease infinite !important;
    filter: brightness(1.15) !important;
}

/* Ефект при натискане */
.product-add-to-cart .add-to-cart:active,
.product-add-to-cart button[data-button-action="add-to-cart"]:active {
    transform: scale(0.98) !important;
    filter: brightness(0.9) !important;
}*/

/* Блещукащ ефект - много по-видим */
/*
.product-add-to-cart .add-to-cart::before,
.product-add-to-cart button[data-button-action="add-to-cart"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.3) 25%,
        rgba(255, 255, 255, 0.9) 50%,
        rgba(255, 255, 255, 0.3) 75%,
        transparent 100%
    ) !important;
    animation: shine 4s ease-in-out infinite !important;
    z-index: 1 !important;
    transform: skewX(-20deg) !important;
}*/

/* Текстът да е над блясъка */
/*
.product-add-to-cart .add-to-cart *,
.product-add-to-cart button[data-button-action="add-to-cart"] * {
    position: relative !important;
    z-index: 2 !important;
}

@keyframes shine {
    0% {
        left: -150%;
    }
    50% {
        left: 150%;
    }
    100% {
        left: 150%;
    }
}*/