#form_cnt{
	position:relative;
	min-height:300px
}

#form_cnt #email-animation{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)	
}

body.loader #form_cnt #email-animation{
	display:block
}

body.loader #form_cnt #contact_form{
	visibility:hidden;
	opacity:0
}


/* ============================== */
#page-content {
	min-height: calc(100vh - 300px);
}

/* ============================== Air Conditioners Page ===================================== */

.row-cards.small-carts .shop-card .front{
	height:320px;
	padding-bottom:.5rem
}

.row-cards.small-carts .shop-card .back{
	padding-bottom:.75rem !important	
}

.row-cards.small-carts .shop-card .back .ex .txt{
	font-size: 12px;
	white-space: nowrap;
	/*visibility:hidden*/
}

.row-cards {
	min-height: calc(100vh - (var(--header-height) + var(--footer-height)) - 6rem - 72px );
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--cart-width), 1fr));
	row-gap: 1rem;
	column-gap: 0;
	justify-items: center;  
	align-items: start; 
}

.row-cards.small-carts { 
    grid-template-columns: repeat(3, 1fr);
    row-gap: 1rem;
    column-gap: 1rem;
}
@media (min-width: 1160px) {
	
	.row-cards.small-carts .shop-card {
		width: 100% 
	}
}

@media (max-width: 1160px) {
	.row-cards.small-carts .shop-card {
		width: var(--small-cart-width)
	}
    .row-cards.small-carts { 
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 992px) {
	
}

@media (max-width: 768px) {
 	 	
    .row-cards.small-carts { 
        grid-template-columns: 1fr; 
    }
}


/*
.row-cards .shop-card {
	display: flex;
	flex-direction: column;
}

#filters:hover {
	box-shadow: 2px 1rem 1.5rem rgba(0, 0, 0, .35)
}
*/
/* -------------------------------------------------- Single Air Conditioner */

.ac-images {
	display: flex;
	flex-wrap: wrap; /* Images wrap to the next line */
	gap: 10px; /* Space between images */
}

.ac-images img {
	flex: 1 1 calc(33.333% - 10px); /* 3 images per row, minus gap */
	max-width: 100%;
	height: auto;
	object-fit: cover;
}
 
/* ============================== Single Air Conditioner ===================================== */

#pr-single small,
#pr-single header.ac-header h1 small .badge {
    font-family: var(--sec-font);
    font-size: 1rem;
    font-weight: 600;
}

ol.breadcrumb.small li.breadcrumb-item small,
#pr-single ol.breadcrumb.small li.breadcrumb-item small{
	font-size: .8rem !important;
	font-weight: 500;
}

#pr-single ol.breadcrumb li,
#pr-single ol.breadcrumb li a,
#pr-single ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before{
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0
}

#pr-single ol.breadcrumb li span{
	padding:0 6px
}

@media (max-width: 767px) {
	nav[aria-label="breadcrumb"] {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 2px;
	}
	nav[aria-label="breadcrumb"]::-webkit-scrollbar {
		display: none;
	}
	nav[aria-label="breadcrumb"] .breadcrumb {
		flex-wrap: nowrap;
		white-space: nowrap;
		margin-bottom: 0;
	}
	nav[aria-label="breadcrumb"] .breadcrumb-item {
		white-space: nowrap;
		flex: 0 0 auto;
	}
}



#pr-gallery-tmbs .img-thumbnail {
    max-width: 20%;
}

#pr-single table {
    font-size: 1rem;
}

#pr-single .well {
	background:#fff;
    font-size: 1rem;
}

#pr-single .quantity {
    width: 70px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

#pr-single .btn.add-to-cart {
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    color: #fff;
    overflow: hidden;
}

#pr-single .btn.add-to-cart:hover,
#pr-single .btn.add-to-cart:focus,
#pr-single #input-group-prices .btn.add-to-cart:hover,
#pr-single #input-group-prices button.btn.btn-primary.add-to-cart:hover {
    background: linear-gradient(to bottom, rgba(255, 143, 0, 1) 0%, rgba(255, 111, 0, 1) 100%);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transform: scale(1.1, 1.1);
    border-top-left-radius: var(--bs-border-radius-lg);
    border-bottom-left-radius: var(--bs-border-radius-lg);
    cursor: pointer;
}

#pr-single .img-thumbnail {
    cursor: pointer;
}

#pr-single .prices p {
    margin: 0;
}

#pr-single .prices p.ac-old-price { 
    color: #888;
    font-weight: bold;
}

#pr-single .prices p.ac-old-price span,
#pr-single.line.page-section div.container.first-line.mb-2 div.row div.col-lg-6 div.ex.well.my-0.mb-3.right-col div.p-3.well-2-3.prices p.ac-old-price small{
    text-decoration: line-through !important
}

#pr-single .prices .input-group-lg .add-to-cart {
    padding-inline: 1rem !important;
}

#pr-single #input-group-prices {
    width: 100%;
    max-width: 360px;
    margin-top: 0.6rem;
}

#pr-single #input-group-prices input.quantity {
    width: 60px;
    padding: 0;
}

#pr-single #input-group-prices .btn.add-to-cart {
    width: calc(100% - 60px);
    line-height: 1;
}

#pr-single #pr-gallery .well .position-absolute {
    color: var(--border-color);
    font-size: 2rem;
    width: 3rem;
    height: 3rem;
    right: 1rem;
    bottom: 1rem;
}

#pr-single .badge {
    font-style: normal;
    font-weight: normal;
}

#pr-single p a:hover {
    color: rgba(var(--bs-danger-rgb));
}

#pr-single .well.well-2 table tbody tr:last-child th,
#pr-single .well.well-2 table tbody tr:last-child td{
	border:none
}

#pr-single .add_aks{ 
	display: flex;
	flex-direction: column;
	text-align:left
}
#pr-single .add_aks label{
	margin:4px 0;
	display: flex;
	align-items: center; 
}

#pr-single .well.well-2.add_aks label small{ 
	font-weight: 400;
	margin-left:8px; 
}


/* wrapper около чекбокса */
.aks-toggle-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}

/* самият checkbox остава видим */
.aks-toggle-wrap .aks-toggle {
  position: relative;
  z-index: 1;
}

/* loader image - не заема място в flow, центриран */
.aks-toggle-wrap .aks-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  display: none;
  pointer-events: none;
  z-index: 3;
}

/* показване на loader без layout shift */
.aks-toggle-wrap.loading .aks-loader { display: block; }

/* опционално: визуално затъмняване на чекбокса по време на зареждане */
.aks-toggle-wrap.loading .aks-toggle {
  opacity: 0.35;
  cursor: progress;
  pointer-events: none;
}
 
/* ============================== Cart Page ===================================== */

html body .nav-breadcrumb {
	color: var(--body-color);
	font-size: 1.1rem;
	font-weight: 600;
	min-height: 2.6rem;
	border-bottom: solid var( --global-border-width ) var(--border-color)
}

/* ============================== klimaticy Page ===================================== */
#klimaticy-top{
	padding-bottom:0
}

#klimaticy-top .title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0; /* Remove gap */
    margin: 0; /* Remove margin */
    padding: 0; /* Remove padding */
}

#klimaticy-top .title-row .exx { 
	width:100%; 
}

#klimaticy-top #toggle-filter,
section#klimaticy .card.border-2 .card-body a#toggleFiltersBtn {
	color:var(--body-color);
	font-size:1rem;
	font-weight:500;
	text-transform:none; 
}

#klimaticy-top .title-row .exx .filters-top-nav,
#klimaticy-top .title-row .exx .filters-top-nav a,
#klimaticy-top .title-row .exx .filters-top-nav h1{
	font-size:1rem !important;
	font-style:normal !important;
	font-weight:500 !important;
	display:inline
}

#klimaticy-top .title-row .exx .filters-top-nav{
	display: flex;
	align-items: center;
}


/* ===================================================== PRODUCT PAGE ============ */

.flex-inline{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
  
.o-btn{
	border: none !important;
    outline: none !important;
    background: none !important;
    box-shadow: none !important;
	margin:0 .5rem
}

.o-btn > i{
	margin-right:5px
}

.o-btn > small{
	font-size:.75rem !important;
	font-weight:400 !important
}

.o-btn.favorite-toggle.active small{
	color:var(--text-color)
}

.pr-title,
.prices{
	font-size:1.5rem;
	font-weight:600;	
}

.prices b{
	font-weight:700;	
}

.btn.btn-outline.favorite-toggle,
.btn.btn-outline.favorite-toggle:hover,
.btn.btn-outline.favorite-toggle:focus,
.btn.btn-outline.favorite-toggle:active{
	font-size:30px ;
	padding:0 .5rem;
	margin:0;
	border:none !important;
	line-height:30px; 
	height:30px;
}

.clima-info hr{ 
	border-color: #ddd;
	border-width: 3px;
	margin:2rem 0
}

.img-thumbnail { 
  background-color: var(--bs-body-bg);
  border: var(--white-color);  
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2);
  border-radius: .5rem;
}

#pr-single .prices .on-request-warning{
	line-height:1.2;
	font-size:.85rem;
	font-weight:500;
	color: var(--main-color);
	margin:1rem 0	
}

/* Equal height columns + thumbnails pinned to bottom */
#pr-single .first-line .row > .col-lg-6 {
    display: flex;
    flex-direction: column 
}

#pr-single .first-line #pr-gallery .main-image-cnt{
	height:100%
}

#pr-single .first-line #pr-gallery figure.well {
    flex: 1;
    margin-bottom: 0;
}

#pr-single .first-line #pr-gallery-tmbs {
    margin-top: auto;
    padding-top: .75rem; 
}
 

.similar-air-conditioners{
	background-color: var(--mod-bkg-color) 
}

/* ===================================================== TABS ============ */

/* Tabs */
#pr-single .nav-tabs {
    border-bottom: 3px solid #ddd;
    gap: 0;
}

#pr-single .nav-tabs .nav-item {
    flex: 1;
}

#pr-single .nav-tabs .nav-link {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 1.15rem;
    color: var(--body-color);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: .85rem 1rem;
    margin-bottom: -2px;
    transition: color .2s, border-color .2s;
}

#pr-single .nav-tabs .nav-link:hover {
    color: var(--sec-color);
    border-bottom-color: var(--sec-color);
}

#pr-single .nav-tabs .nav-link.active {
    color: var(--sec-color);
    font-weight: 700;
    border-bottom: 2px solid var(--sec-color);
    background: none;
}

#pr-single .tab-content {
    padding: 1.5rem .5rem;
    font-size: 1rem;
    line-height: 1.7;
}

#pr-single .tab-content .table > :not(caption) > * > * {
    border-color: #ddd;
}

#pr-single .right-col{
	height:100% 
}

/*
======================================================================
======================================================================
====================================================================== SEARCH PAGE
*/
body.search.search-results #klimaticy #klimaticy-layout #klimaticy-content .row-cards.small-carts .shop-card{ 
	height:390px; 
}

body.search.search-results #klimaticy #klimaticy-layout #klimaticy-content .row-cards.small-carts .shop-card.other-products{
	background-color: var(--main-color);
}

body.search.search-results #klimaticy #klimaticy-layout #klimaticy-content .row-cards.small-carts .shop-card.other-products .front{
	background-color: #fff;
	height: 320px;
	max-height: 320px;
	margin-top: 30px;
	padding-top:0
}

/* ===================================================== LAST ============ */

html body.other_products-template-default #line-2 .swiper .swiper-wrapper .swiper-slide .shop-card.other-products .front{
	height:310px	
}

@media (min-width: 992px) {
 	
	#pr-gallery .main-image-cnt{
		min-height: 26rem
	}
	
	.clima-info{
		padding-left:1rem;
		padding-right:1rem
	}
 		
	select.form-select[name="per_page"]{
		max-width:100px	
	}
	
	select.form-select[name="orderby"]{
		max-width:140px	
	}
	
	select.form-select[name="offer"]{
		max-width:160px	
	}
 	
	#klimaticy-top .title-row .exx .filters-top{
		transform:translateX(1rem)
	} 

	#contact_form .row .form-label .form-control{
		margin-top:6px
	} 
}

 
@media (min-width: 768px) {
	
	#pr-single {
		padding-left: 15px;
		padding-right: 15px;
	}

    #klimaticy .title-row {
        flex-wrap: nowrap;  
        gap: 0; 
    }
    
}
@media (max-width: 768px) {
     
    #klimaticy-top .title-row .exx { 
        flex-direction: column; 
        align-items: flex-start;  
        gap: 0.5rem;  
    }
	
    #klimaticy-top .title-row .exx .filters-top-nav{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		text-align:center
	}
	
    #klimaticy-top .title-row .exx > div.d-flex {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    /* Формата вътре */
    #klimaticy-top .title-row .exx form#klimaticy-filter {
        flex-wrap: wrap;
        gap: 0.5rem;
        width: 100%;
    }

    /* Селекти */
    #klimaticy-top .title-row .exx form#klimaticy-filter select.form-select-sm {
        margin:auto
    }

    /* Бутон */
    #klimaticy-top .title-row .exx > div.d-flex > button#toggle-filter {
		margin:auto
         
    }
	
	section#consultation.flex div.container.text-center a.btn{
		white-space: normal;
		height:auto;
		line-height:normal;
		padding:.4rem .85rem
	}
}

@media (min-width: 399px) and (max-width: 768px) {
   
   #klimaticy-top .title-row .exx select.form-select{
	   
   }
   
   #klimaticy-top .title-row .exx #klimaticy-filter{
		display: flex;
		flex-wrap: nowrap
   }
   
   #klimaticy-top .title-row .exx #klimaticy-filter select.form-select{
	   max-width: calc( 33.333% - .5rem )	   
   }
}

@media (max-width: 768px) {
    #pr-single .nav-tabs {
        flex-direction: column;
        border-bottom: none;
    }

    #pr-single .nav-tabs .nav-item {
        flex: none;
        width: 100%;
    }

    #pr-single .nav-tabs .nav-link {
        text-align: left;
        border: none;
        border-left: 3px solid transparent;
        border-bottom: 1px solid var(--border-color);
        padding: .75rem 1rem;
        margin-bottom: 0;
    }

    #pr-single .nav-tabs .nav-link.active {
        border-left: 3px solid var(--sec-color);
        border-bottom: 1px solid var(--border-color);
    }

    #pr-single .nav-tabs .nav-link:hover {
        border-left-color: var(--sec-color);
    }
	
	/* ==================== CONTACT PAGE ====================== */
	
	section#contacts-page #form_cnt #contact_form .form-control.form-control-lg{
		font-size:1rem
	}
	
}

@media (max-width: 767px) {
    
	section#contacts-page #form_cnt #contact_form .form-control.form-control-lg::placeholder {
        font-size: 1rem;
    }
	
	#form_cnt #contact_form .btn.sec{
		line-height:1
	}
	
	#form_cnt #contact_form .btn.sec span{
 		font-size: clamp( 16px, 2vw, 20px) 
	}
}

@media (max-width: 767px) {
    #tab1 .table {
        table-layout: fixed;
        width: 100%;
		 
    }
	/*
    #tab1 .table th {
		text-align: left !important;
        width: 50%;
        white-space: normal;
        word-break: break-word;
        font-weight: normal;
        font-size: .85rem;
        color: #666;
    }*/
	#tab1 .table th {
        text-align: left !important;
        width: 50%;
        white-space: normal !important;
        word-break: break-word;
        overflow-wrap: break-word;
        font-weight: normal;
        font-size: .85rem;
        color: #666;
    }

    #tab1 .table td {
        width: 50%;
        text-align: right !important;
        font-weight: 600;
        font-size: .85rem;
        vertical-align: middle;
        /*white-space: nowrap;*/
    }
}

/* ========= add to cart =========== */

/* Add-to-cart button — icon only on very small screens */
@media (max-width: 440px) {
    #pr-single #input-group-prices .btn.add-to-cart {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }
    #pr-single #input-group-prices .btn-label-mobile {
        display: none;
    }
    #pr-single #input-group-prices .btn-icon-mobile {
        display: inline;
        font-size: clamp(1rem, 5vw, 1.4rem);
    }
}
@media (min-width: 441px) {
    #pr-single #input-group-prices .btn-icon-mobile {
        display: none;
    }
}

.icons{
	max-width:95px;
	height:auto;
	display:block
}