/* Manrope е на нашия сървър (OFL лиценз), а не от Google Fonts: без две
   външни връзки, а двата файла се зареждат предварително (preload в
   layouts/default). font-display: optional - ако шрифтът не е готов почти
   веднага, страницата остава с резервния и не превключва по средата
   (иначе текстът се пренасяше наново и всичко подскачаше). Шрифтът е
   променлив - един файл за всички дебелини. */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: optional;
	src: url(/fonts/manrope-cyrillic.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: optional;
	src: url(/fonts/manrope-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Резервен шрифт с размерите на Manrope. Докато Manrope се зарежда, текстът
   е с Arial/Roboto - по-тесни, и заглавията се пренасяха на ред по-малко. С
   идването на Manrope всичко слизаше надолу (CLS 0.28 на началната на
   телефон). size-adjust е мерен върху кирилски текст за всяка дебелина
   поотделно; local('Arial') е само нормалният, удебеленият е отделно лице -
   иначе браузърът го удебелява изкуствено и е още по-тесен. Arial го няма на
   Android - там тези правила отпадат и се ползва Roboto. */
@font-face { font-family: 'Manrope Fallback'; src: local('Arial'), local('ArialMT'); font-weight: 100 449; size-adjust: 103.5%; }
@font-face { font-family: 'Manrope Fallback'; src: local('Arial'), local('ArialMT'); font-weight: 450 549; size-adjust: 105.1%; }
@font-face { font-family: 'Manrope Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'); font-weight: 550 649; size-adjust: 100.3%; }
@font-face { font-family: 'Manrope Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'); font-weight: 650 749; size-adjust: 101.8%; }
@font-face { font-family: 'Manrope Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'); font-weight: 750 900; size-adjust: 103.3%; }
@font-face { font-family: 'Manrope Fallback R'; src: local('Roboto'), local('Roboto-Regular'); font-weight: 100 449; size-adjust: 102.5%; }
@font-face { font-family: 'Manrope Fallback R'; src: local('Roboto Medium'), local('Roboto-Medium'); font-weight: 450 549; size-adjust: 103.9%; }
@font-face { font-family: 'Manrope Fallback R'; src: local('Roboto Bold'), local('Roboto-Bold'); font-weight: 550 649; size-adjust: 105.3%; }
@font-face { font-family: 'Manrope Fallback R'; src: local('Roboto Bold'), local('Roboto-Bold'); font-weight: 650 749; size-adjust: 106.9%; }
@font-face { font-family: 'Manrope Fallback R'; src: local('Roboto Black'), local('Roboto-Black'), local('Roboto Bold'), local('Roboto-Bold'); font-weight: 750 900; size-adjust: 108.4%; }

body
{
	margin: 0;
	padding: 0;
	background-color: #f9f9f9;
	font-family: 'Manrope', 'Manrope Fallback', 'Manrope Fallback R', sans-serif;
	overflow-x: hidden;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
}
.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.row
{
	margin-right: -15px;
	margin-left: -15px;
}
.offer-item
{
	position: relative;
	/*
padding-right: 15px;
	padding-left: 15px;
*/
	float: left;
}
.cols-wrap
{
	margin-right: -34px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.col-12
{
	width: 100%;
}
.col-9
{
	width: 75%;
	float: left;
}
.col-8
{
	width: 66.666667%;
}
.col-7
{
	width: 58.333333%;
}
.col-6
{
	width: 50%;
}
.col-5
{
	width: 41.666667%;
}
.col-3
{
	width: 25%;
	float: left;
}
.col-2
{
	width: 16.66666667%;
}
.col-7 a,
.col-5 a,
.col-12 a
{
	float: left;
	clear: both;
	line-height: 24px;
}
.col-7 span,
.col-5 span,
.col-12 span
{
	float: left;
	margin-left: 5px;
}
.footer .col-f
{
	width: 20%;
	float: left;
}
.footer .col-f:nth-child(1n)
{
	clear: none;
}
.footer .col-f:nth-child(5n+1)
{
	clear: both;
}
.footer .col-f ul
{
	column-count: 1;
	list-style: none;
	padding: 0;
}
.footer .col-f a,
.footer .col-f a:focus,
.footer .col-f a:visited,
.footer .col-f a:active
{
	color: #fff;
}
.footer .col-f a:hover
{
	color: #ff2a6a;
	text-decoration: underline;
}
.filters-wrap
{
	margin-right: 34px;
	background: #fff;
	position: relative;
	text-align: left;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	padding: 15px 0;
	
	margin-bottom: 30px;
}
.all-filters
{
}
.filters-wrap .prl
{
	padding: 0 15px;
}
.filters-checks
{
	width: 49%;
	float: right;
}
.filters-checks:first-child
{
	margin-right: 2%;
	float: left;
}
.filters-wrap .heading
{
	font-weight: bold;
	margin-bottom: 20px;
}
.filters-wrap hr,
.offer-left hr
{
	height: 1px;
	border: 0;
	background: #e8e8e8;
	margin: 20px 0;
}
/* The container */
.label-container {
	display: inline-block;
	position: relative;
	padding-left: 23px;
	margin-bottom: 8px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.filters-wrap .prl.choose-stars .label-container {
	height: 10px;
}
.filters-wrap .from-date,
.filters-wrap .to-date,
.filters-wrap input[type=text],
.filters-wrap select
{
	background-color: #ececec;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 20px 16px;
	color: #636363;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 0;
	padding: 15px 20px 15px 45px;
	font-size: 14px;
	width: 100%;
}
.filters-wrap select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/icons/placeholder.svg);
    position: relative;	
	background-size: 20px;
	background-position: 18px 15px;
	outline: 0;
}
input.search-offer
{
	background-image: url(/images/search.svg);
}
input.search-destination
{
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	background-image: url(/images/search.svg);
}
.from-date,
.to-date
{
	width: 47% !important;
	background-image: url(/images/calendar.png);
	background-position: 90% !important;
	padding: 10px !important;
	display: inline-block;
}
.filters-wrap .date-dash
{
	display: inline-block;
	width: 6%;
	text-align: center;
}
.filters-wrap input[type=text]:focus,
#price-range .ui-slider-handle
{
	outline: none;
}
.label-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 13px;
	width: 13px;
	background-color: #dadada;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.container:hover input ~ .checkmark {
	background-color: #ccc;
}
.label-container input:checked ~ .checkmark {
	background-color: #fa2a6b;
}
a {
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
.footer .subscribe-wrapper .buttons-wrap
{
	width: 380px;
	margin: 0 auto;
	position: relative;
}
/*
.footer .subscribe-wrapper .buttons-wrap::before {
    content: " ";
    background: url(/images/email_bulletin_back.png);
    width: 160px;
    height: 160px;
    position: absolute;
    top: -95px;
    left: -210px;
}
*/
.footer .subscribe-wrapper
{
	background: #eee;
	text-align: center;
	padding: 40px 0;
}
.footer .subscribe-wrapper h2
{
	max-width: 470px;
    margin: 0 auto;
}
.footer .subscribe-wrapper span
{
	margin: 10px 0;
	font-size: 13px;
	color: #888;
	display: block;
	
}
.footer .subscribe-wrapper #email
{
	border: 2px solid #ff296c;
	padding: 15px;
	padding-right: 90px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
    width: 100%;
    font-size: 16px;
}
.footer .subscribe-wrapper #submit
{
	-webkit-appearance: none;
    background: #ff296c;
    color: #fff;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 13px 13px;
    font-size: 16px;
	position: absolute;
    right: 4px;
    top: 4px;
	cursor: pointer;
}
.footer .footer-line
{
	background: url(/images/pattern.jpg);
	position: relative;
}
.footer .footer-line::after
{
	content: " ";
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.footer .footer-line .footer-line-wrp
{
	max-width: 1440px;
    margin: 0 auto;
    padding: 15px 0;
    color: #fff;
    position: relative;
    z-index: 2;
}
.footer .footer-line .footer-line-wrp .float-left
{
	float: left;
	line-height: 28px;
	position: relative;
	z-index: 1;
}
.footer .footer-line .footer-line-wrp .float-right a
{
	display: flex;
}
.footer .footer-line .footer-line-wrp .float-right
{
	float: right;
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 576px)
{
	.offer-item
	{
		max-width: 50%;
	}
}
@media screen and (min-width: 768px)
{
	.offer-item
	{
		max-width: 33.333333%;
		min-width: 33.333333%;
	}
	.all-offers .offer-item:nth-child(3n+1)
	{
		clear: both;
	}
}
@media screen and (min-width: 1200px)
{
	.col-12 .offer-item
	{
		max-width: 25%;
		min-width: 25%;
	}
	.all-offers .offer-item:nth-child(3n+1)
	{
		clear: none;
	}
	.all-offers.travel .offer-item:nth-child(3n+1)
	{
		clear: both;
	}
	.all-offers .offer-item:nth-child(4n+1)
	{
		clear: both;
	}
	.all-offers .offer-item:nth-child(4n+1)
	{
		clear: none;
	}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}
.header
{
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.header-wrap
{
	max-width: 1440px;
	margin: 0 auto;
	height: 96px;
	line-height: 96px;
}
.logo
{
	width: 225px;
	height: 96px;
	background-image: url(/images/logo.png);
	background-size: 225px 52px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	display: block;
}
.search-wrap
{
	width: 615px;
	margin: 0 auto;
	margin-top: 40px;
}
.search-wrap h1
{
	text-transform: uppercase;
	color: #fff;
	font-size: 22px;
	text-align: center;
	margin-bottom: 20px;
	text-shadow: 2px 2px #666;
}
.search-wrap .search-wrap-inner
{
	position: relative;
}
input[type=text].search
{
	padding: 12px 110px 12px 25px;
	border: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 100%;
	font-size: 18px;
	display: block;
	color: #545454;
	outline: none;
	height: 60px;
}
button[type=submit].search
{
	border: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 100px;
	background: #ff2a6a;
	position: absolute;
	top: 3px;
	right: 3px;
	height: 54px;
	outline: none;
	cursor: pointer;
	padding-top: 7px;
}
.icons-menu a.item:last-child
{
	border: 0;
}
.icons-menu a svg
{
	width: 40px;
	height: 40px;
}
.content-wrapper
{
	max-width: 1440px;
	text-align: center;
	margin: 0 auto;
/* 	margin-right: -30px; */
	position: relative;
	top: -170px;
	padding-bottom: 30px;
	overflow: clip;
	overflow-clip-margin: 24px; /* позволява сянките на картите да се виждат, без хоризонтален скрол */
}
.content-wrapper.offer
{
	top: -145px;
	margin-bottom: 20px;
}
.offer-item
{
	margin-bottom: 15px;
	height: 300px;
}
.offer-item-container
{
	width:100%;
	background-image: url(/images/leading-article-top.png);
}
.offer-item .offer-img
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	width: 100%;
	height: 180px;
	position: relative;
	-webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.offer-item .offer-img > div
{
	float: none;
    display: block;
    clear: none;
    width: 100%;
    height: 100%;
}
.offer-item .offer-img .discount
{
	background: #ff2a6a;
	height: 29px;
	left: 10px;
	top: 0;
	position: absolute;
	width: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding-top: 3px;	
	float: none;
	margin-left: 0;
	line-height: 19px;
}
.offer-item .offer-img .trending
{
	background: #ff2a6a;
    right: 10px;
    top: 10px;
    position: absolute;
    color: #fff;
    font-size: 13px;
    float: none;
    margin-left: 0;
    line-height: 19px;
    padding: 0 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.offer-item .offer-img .transport
{
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0,0,0,0.3);
	padding: 5px 10px;
	color: #fff;
}
.offer-item .offer-img .goto-hover
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	margin-left: 0;
	padding-top: 60px;
	z-index: 1;
}
.offer-item .offer-item-wrap:hover .goto-hover
{
	display: block;
}
html.touch .offer-item .offer-item-wrap:hover .goto-hover
{
	display: none;
}
html.touch .offer-item .offer-item-wrap .offer-item-container.hvr .goto-hover
{
	display: block;
}
.offer-item .offer-img .goto-hover a
{   
	font-size: 13px;
	color: #fff;
	float: none;
}
.offer-item .offer-img .goto-hover .hidlnk
{
	float: none;
	margin: 0;
	display: inline-block;
	padding: 10px;
    background: #ff2a6a;
    border: 0;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	z-index: 1;
	font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
	cursor: pointer;
    color: #fff;
}
.offer-item .offer-img .goto-hover a:hover
{
	text-decoration: underline;
}
.offer-item .offer-img .discount .discount-text
{
	font-size: 10px;
	font-weight: 400;
	display: block;
	margin-top: -2px;
	float: none;
	margin-left: 0;
}
.offer-item .offer-img .discount .percent
{
	display: block;
	position: relative;
	margin-top: -5px;
	float: none;
	margin-left: 0;
}
.offer-item .offer-img .discount:before
{
	border-top: 20px solid #fa2a6b;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	bottom: -20px;
	width: 0;
}
.offer-item-wrap
{
	background-color: #ffffff;
	margin-right: 34px;
	-webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.offer-item:hover .offer-item-wrap .offer-img .see-later
{
	display: block;
}
.no-touch .offer-item:hover .offer-item-wrap .in-box
{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	height: auto;
	z-index: 1;
	background: #ffffff;
}
.offer-item-wrap .in-box
{
	text-align: left;
	position: relative;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	height: 96px;
	min-height: 96px;
	max-height: 185px;
	-moz-transition: max-height 0.5s ease-in-out;
	-webkit-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
	border: 10px solid #fff;
	overflow: hidden;
	-webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.offer-item-wrap .in-box .title
{
	height: 100%;
	overflow: hidden;
}
.offer-item-wrap .in-box .title > a
{
	color: #333;
	float: left;
    clear: both;
    line-height: 24px;
	cursor: pointer;
}
.offer-item-wrap .in-box .price > a
{
	margin-right: 10px;
	color: #ff296c;
	font-size: 30px;
	font-weight: bold;
	float: left;
	height: 100%;
	line-height: 72px;
	position: relative;
	cursor: pointer;
}
.offer-item-wrap .in-box .price > a span
{
	font-size: 20px;
	float: none;
}
.offer-item-wrap .in-box .price > a sup
{
	font-size: 14px;
	top: -15px;
	position: absolute;
}
.offer-item-wrap .offer-img .city
{
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	z-index: 1;
	font-weight: bold;
	right: 10px;
	text-align: left;
	max-height: 40px;
	overflow: hidden;
}
.offer-item-wrap .offer-img .city a,
.offer-item-wrap .offer-img .city a:focus,
.offer-item-wrap .offer-img .city a:active,
.offer-item-wrap .offer-img .city a:visited
{
	color: #fff;
	float: none;
    line-height: normal;
}
.offer-item-wrap .offer-img .city a:hover
{
	text-decoration: underline;
}
.offer-item-wrap .offer-img .see-later
{
	position: absolute;
	bottom: 5px;
	right: 20px;
	font-size: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 1;
	font-weight: bold;
	display: none;
	transition: all 0.3s;
}
.mainmenu-wrapper
{
	margin-top: 96px;
	background: url(/images/winter-min.jpg);
	background-position: center;
	width: 100%;
	height: 410px;
	position: relative;
}
.mainmenu-wrapper.cat
{
	background: url(/images/pattern.jpg);
	height: 300px;
}
.mainmenu-wrapper .menu
{
	height: 105px;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	text-align: center;
	background: rgba(0, 0, 0, .45);
}
.mainmenu-wrapper .menu .holder
{
	width: 100%;
	max-width: 1440px;
	height: 105px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.mainmenu-wrapper.cat .menu
{
	background: none;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mainmenu-wrapper.cat .menu .holder
{
	background: rgba(0, 0, 0, .1);
}
.mainmenu-wrapper.offer,
.mainmenu-wrapper.page {
	background: #f7f7f7;
	height: 265px;
}
.mainmenu-wrapper.offer .menu
{
	background: url(/images/pattern.jpg);
}
.mainmenu-wrapper.offer .menu::after
{
	content: " ";
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 104px;
}
.mainmenu-wrapper .menu .holder .handle
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-left: 1px solid rgba(255, 255, 255, .5);
	border-right: 1px solid rgba(255, 255, 255, .5);
}
.mainmenu-wrapper .menu .holder .handle div.single
{
	width: 9.09%;
	height: 105px;
	border-left: 1px solid rgba(255, 255, 255, .2);
	float: left;
	display: inline-block;
	position: relative;
}
.mainmenu-wrapper .menu .holder .handle .single a
{
	background-repeat: no-repeat;
	background-position: center 15px;
	background-size: 40px;
	display: block;
	padding: 65px 5px 0 5px;
	height: 105px;
	font-size: 14px;
    line-height: 17px;
	color: #fff;
}
.mainmenu-wrapper .menu .holder .handle .single a.m1
{
	background-image: url(/icons/m_1.svg);
	background-size: 50px;
	background-position: center 10px;
}
.mainmenu-wrapper .menu .holder .handle .single a.m2
{
	background-image: url(/icons/m_2.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m3
{
	background-image: url(/icons/m_3.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m4
{
	background-image: url(/icons/m_4.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m5
{
	background-image: url(/icons/m_5.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m6
{
	background-image: url(/icons/m_6.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m7
{
	background-image: url(/icons/m_7.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m8
{
	background-image: url(/icons/m_8.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m9
{
	background-image: url(/icons/m_9.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m10
{
	background-image: url(/icons/m_10.svg);
}
.mainmenu-wrapper .menu .holder .handle .single a.m11
{
	background-image: url(/icons/m_blog.svg);
}
.mainmenu-wrapper.cat .menu .holder .handle div.single
{
	border-left: 1px solid rgba(255, 255, 255, .1);
}
.mainmenu-wrapper.cat .menu .holder .handle
{
	border-left: 1px solid rgba(255, 255, 255, .1);
	border-right: 1px solid rgba(255, 255, 255, .1);
}
.mainmenu-wrapper .menu .holder .handle div.single:first-child
{
	border-left: 0;
}
.mainmenu-wrapper .menu .holder .handle div.single.active
{
	background: #ff266a;
}
.mainmenu-wrapper .menu .holder .handle div.single.current
{
	border-bottom: 3px solid #fa2a69;
}
.mainmenu-wrapper .menu .holder .handle div.single.active::after
{
	content: " ";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 1px;
	right: 0;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	margin: 0 auto;
}
.mainmenu-wrapper .menu .holder .handle div.single.current.active::after
{
	bottom: -3px;
}
.mainmenu-wrapper .menu .holder .handle div.single.other.active::after
{
	content: " ";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 1px;
	right: 0;
	height: 0px;
	border: 0;
	margin: 0 auto;
}
.hidden-menu-wrap
{
	max-width: 1440px;
	margin: 0 auto;
}
.hidden-menu
{
	position: absolute;
	background: #fff;
	color: #000;
	width: 100%;
	max-width: 360px;
	margin: 0;
	display: none;
	line-height: 25px;
	z-index: 2;
	top: 105px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.hidden-menu-wrap.sm .hidden-menu
{
	max-width: 205px;
}
.hidden-menu .col-7,
.hidden-menu .col-5,
.hidden-menu .col-6
{
	float: left;
}
.hidden-menu .col-7 > div,
.hidden-menu .col-5 > div,
.hidden-menu .col-6 > div,
.hidden-menu .col-12 > div
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
.text-left {
	text-align: left!important;
}
.hidden-menu .view-all
{
	text-align: center;
	background: #ff2a6a;
	padding: 10px;
}
.hidden-menu .view-all a
{
	color: #fff;
	float: none;
}
.hidden-menu span
{
	color: #ff2a6a;
	font-size: 14px;
}
.hidden-menu a
{
	color: #333;
}
.hidden-menu a.highlight
{
	color: #ff2a6a;
}
.hidden-menu a:hover
{
	text-decoration: none;
	border-bottom: 1px solid #ff2a6a;
}
.content-wrapper h2.w,
.content-wrapper h1.w
{
	color: #fff;
}
.content-wrapper h2.w.black,
.content-wrapper h2.w.black a
{
	color: #000;
}
.content-wrapper h2.w.black span
{
	color: #ff2a6a;
}
.content-wrapper h1
{
	text-transform: uppercase;
}
.content-wrapper h2,
.content-wrapper h1
{
	text-align: left;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content-wrapper.cat h2,
.content-wrapper.cat h1
{
	padding: 0;
	padding-left: 60px;
	height: 75px;
	line-height: 75px;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 18px;
	margin-top: 0;
	top: 0;
}
.content-wrapper.cat h1.cat-header
{
	width: 60%;
	float: left;
	padding-left: 77px;
}
.content-wrapper.cat h1.subs
{
	height: 35px;
	line-height: 35px;
}
.content-wrapper.cat ul.sub-filters
{
	margin: 0;
    height: 30px;
    margin-left: 17px;
    padding-left: 60px;
    list-style: none;
    line-height: 30px;
}
#cat-header-desc
{
    font-size: 12px;
    margin-right: 30px;
    clear: both;
    color: #fff;
    text-align: left;
    height: auto;
    padding: 0;
    line-height: normal;
    font-weight: normal;
}
#offer_website_link a,
#offer_website_link a:active,
#offer_website_link a:visited,
#offer_website_link a:link
{
	font-size: 12px;
	color: #000;
}
#subfilters
{
	overflow: hidden;
}
.content-wrapper.cat ul.sub-filters li
{
	float: left;
    margin-right: 15px;
}
.content-wrapper.cat ul.sub-filters li.last
{
	margin-right: 0;
}
.content-wrapper.cat ul.sub-filters li a
{
    color: #fff;
	border: 1px solid #ffffff4a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    background: rgb(255,255,255,0.1);
    padding: 3px 5px;
}
.content-wrapper.cat ul.sub-filters li a:hover,
.content-wrapper.cat ul.sub-filters li a.active
{
	text-decoration: none;
	border-bottom: 1px solid #fa2a69;
}
.content-wrapper.cat ul.sub-filters li a small
{
	float: right;
	font-size: 11px;
	background: rgb(250, 42, 105);
	padding: 2px 4px;
	height: 18px;
	display: inline-block;
	margin: 3px 0px;
	line-height: 15px;
	margin-left: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}
/* Дестинационни shortcut-чипове (Почивки БГ/чужбина): под h1, свършват преди сортирането */
.content-wrapper.cat #subfilters.dest-subfilters {
	clear: left;
	width: auto;
	margin-top: 4px;
	padding-right: 20px;
}
.content-wrapper.cat #subfilters.dest-subfilters ul.sub-filters {
	height: auto;
	line-height: normal;
}
.content-wrapper.cat #subfilters.dest-subfilters ul.sub-filters li {
	margin-bottom: 8px;
}
.content-wrapper.offer h2
{
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 0;
	height: auto;
	line-height: normal;
}
.content-wrapper.offer h1
{
	padding-left: 0 !important;
	line-height: normal;
	height: 115px;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0;
}
.content-wrapper.cat .header-wrp
{
	position: relative;
	top: 0;
	height: 75px;
	margin-bottom: 25px;
}
.content-wrapper.cat .header-wrp img
{
	width: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.trvl .offer-img > div::after
{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	content: " ";
	position: absolute;
	top: 130px;
	left: 0;
	right: 0;
	bottom: 0;
}
#desktop-h-search {
	position: absolute;
	width: 500px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.top-search {
	position: fixed;
    width: 100%;
    max-width: 1440px;
    z-index: 1;
    transition: all 0.3s;
    text-align: center;
}
.top-search.hide {
	opacity:0;
	top:-60px;
	height: 0;
}
.top-search.hide .top-search-wrap,
.top-search.hide input[type=text]
{
	height: 0;
}
.top-search.show {
	opacity:1;
	top:0;
}
.top-search-wrap
{
	width: 500px;
	margin: 0 auto;
	margin-top: 26px;
	position: relative;
	line-height: initial;
}
.top-search .top-search-wrap #closeMobileMenu
{
	background-image: url(/images/cross.png);
	display: none;
	position: fixed;
	top: 20px;
	right: 15px;
	width: 20px;
	height: 20px;
	background-size: 20px;
}
.top-search.mobile-active .top-search-wrap #closeMobileMenu
{
	display: block;
}
.top-search input[type=text],
#desktop-h-search input[type=text]
{
	height: 48px;
	width: 500px;
	margin: 0 auto;
	border: 1px solid #ccc;
	font-size: 16px;
}
.top-search.mobile-active
{
	opacity: 1;
	top: 0;
	height: 60px;
	background: #fff;
}
.header .header-wrap .view-later
{
	float: right;
}
.header .header-wrap .view-later div
{
	display: inline-block;
}
.offer-item-wrap .offer-img .see-later svg
{
	fill: #fff;
}
.header .header-wrap .view-later svg
{
	fill: #fa2a69;
	top: 3px;
	position: relative;
}
.top-search button[type=submit].search,
#desktop-h-search button[type=submit].search
{
	height: 42px;
	width: 82px;
}
.header .header-wrap .header-search
{
	display: none;
	cursor: pointer;
}
.custom-gutter > [class*='col-']
{
	padding-left: 0;
	padding-right: 0;
}
.custom-gutter > [class*='col-'] .offer-item-wrap
{
	margin-right: 34px;
}
.custom-gutter .featured:nth-of-type(4) .offer-item-wrap
{
/* 	margin-right: 0; */
}
.custom-gutter .col-md-3:nth-child(4n+4)
{
	padding-right: 0;
}
.custom-gutter .featured:nth-of-type(2),
.custom-gutter .col-md-3:nth-child(4n+1)
{
	padding-left: 0;
}
.row.custom-gutter
{
	margin-right: -49px;
}
html.touch .offer-item
{
	height: auto;
}
html.touch .offer-item-wrap .in-box
{
	height: auto;
	max-height: initial;
	min-height: initial;
}
html.touch .offer-item .offer-item-wrap .offer-img .see-later
{
	display: block;
}
.mainmenu-wrapper .handle div span
{
	display: block;
}
.mainmenu-wrapper a.menu-link span
{
	display: inline-block;
	float: none;
	font-size: 11px;
}
.mainmenu-wrapper .handle div svg
{
	width: 40px;
	height: 40px;
	fill: #ffffff;
}
.clearfix
{
	clear: both;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cat-header
{
	position: relative;
	top: -25px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}
.filter-icon
{
	color: #333;
	font-size: 16px;
	display: none;
	position: relative;
/* 	top: -12px; */
	cursor: pointer;
	display: none;
}
.filter-icon svg
{
	fill: #fa2a6b;
	position: relative;
	top: 10px;
	width: 26px;
	left: 5px;
}
#price-range
{
	height: 6px;
	background-color: #dbdbdb;
	border: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom: 15px;
}
#price-range .ui-slider-handle
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fa2a6b;
	width: 15px;
	height: 15px;
	border: 0;
	top: -4px;
	z-index: 1;
}
#price-range .ui-slider-range
{
	background-color: #ff6d97;
}
#selected-price-from
{
	text-align: left;
}
#selected-price-from,
#selected-price-to
{
	width: 16%;
}
#selected-price-to
{
	text-align: right;
}
#selected-price-person
{
	width: 68%;
	text-align: center;
}
#selected-price-from,
#selected-price-to,
#selected-price-person
{
	float: left;
}
.offer-center > div
{
	margin: 0 34px;
}
.offer-left img
{
	max-width: 100%;
}
.offer-left
{
	width: 25%;
	text-align: left;
}
.offer-left .scroll-price
{
	display: none;
}
.offer-right
{
	width: 25%;
	padding-top: 165px;
}
.offer-right > div
{
	margin-right: 34px;
}
.offer-right h2.w.black
{
	text-transform: uppercase;
}
.offer-center
{
	width: 50%;
	text-align: left;
}
.offer-right .offer-item
{
	max-width: 100% !important;
	min-width: 100% !important;
	margin-bottom: 10px;
}
.offer-right .offer-item .offer-item-wrap
{
	margin: 0 !important;
}
.offer-center h1
{
	margin: 0;
	height: 180px;
	overflow: hidden;
}
.offer-center ul.breadcrumb
{
	margin: 0;
	padding: 0;
}
.offer-center ul.breadcrumb li
{
	list-style: none;
	float: left;
	font-size: 14px;
}
.offer-center ul.breadcrumb li a
{
	color: #333;
	font-size: 14px;
}
.offer-center ul.breadcrumb li span
{
	font-size: 12px;
	margin: 0 5px;
}
.offer-center .offer-description
{
	margin-top: 25px;
}
.offer-left > div
{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	padding-bottom: 20px;
}
.offer-left .price,
#old_price
{
	padding: 0 20px;
	font-weight: bold;
	position: relative;
	margin: 15px 0;
	height: 45px;
	text-align: center;
}
.offer-left .price
{
	margin-top: 0;
}
#old_price
{
	margin-bottom: 0;
}
.offer-left .price span
{
	font-size: 36px;
	font-weight: bold;
}
.offer-left .price span.lv
{
	font-size: 18px;
	margin-left: 2px;
}
.offer-left .price span.txt
{
	font-size: 18px;
	position: relative;
	top: -8px;
}
.offer-left .price sup
{
	font-size: 14px;
	top: 0px;
	position: absolute;
}
#old_price span
{
	color: #c0c0c0;
	font-weight: 300;
}
#old_price span.txt
{
	font-size: 18px;
	position: relative;
	top: -4px;
}
#old_price sup
{
	color: #c0c0c0;
	font-size: 14px;
	top: 0px;
	position: absolute;
	font-weight: 300;
}
#old_price span.pr
{
	font-size: 26px;
	position: relative;
	margin-left: 5px;
}
#old_price span.pr:before
{
	position: absolute;
    content: "";
    left: 0;
    top: 15px;
    right: -1px;
    border-top: 2px solid;
    border-color: #c0c0c0;
}
#offer-social
{
	text-align: center;
	font-size: 32px;
}
#offer-social a
{
	margin: 0 5px;
	cursor: pointer;
}
#offer-social img {
	width: 38px;
}
.offer-left .rating
{
	margin-top: 15px;
	padding: 0 20px;
}
.offer-left .rating svg
{
	width: 20px;
	top: 3px;
	position: relative;
	fill: #ff296c;
}
.offer-left .link
{
	width: 100%;
	padding: 0 20px;
}
.offer-left .link .hidlnk
{
	background: #ff296c;
	color: #fff;
	padding: 10px 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
}
.offer-left h1.mobile-only
{
	display: none;
}
.loading-icon
{
	display: none;
	margin-top: 100px;
}
.no-results
{
	background: #fff;
	padding: 25px;
	font-size: 20px;
	margin-right: 34px;
}
.filters-submit
{
	display: none;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(250,42,107,0.3);
    -moz-box-shadow: 0px 3px 8px 0px rgba(250,42,107,0.3);
    box-shadow: 0px 3px 8px 0px rgba(250,42,107,0.3);
    width: auto;
    max-width: 130px;
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #f52d6c;
    color: #fff;
    padding: 6px 20px;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	z-index: 1;
}
.toolttext
{
	visibility: hidden;
	width: 140px;
	background-color: #ff266a;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
    transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	right: -5px;
	line-height: 40px;
	top: 50px;
	opacity: 0;
}
.toolttext::after
{
	content: "";
	position: absolute;
	bottom: 100%;
	right: 6px;
	border-width: 7px;
	border-style: solid;
	border-color: transparent transparent #ff266a transparent;
}
.fb-like-container
{
	position: relative;
	padding: 0;
	padding-top: 20px;
}
.fb-like
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
.content-wrapper.cat h1.website
{
	padding-left: 0 !important;
	height: 30px;
    line-height: 30px;
}
.cselect {
	position: relative;
	display: inline-block;
    color: white;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    border: 1px solid #757373;
	float: right;
    margin-right: 35px;
    margin-top: 10px;
}
.cselect select {
	display: none;
}
.select-selected {
}
.select-selected:after {
	position: absolute;
	content: "";
	top: 15px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #fff transparent;
	top: 7px;
}
.select-selected {
	color: #ffffff;
	padding: 5px 10px;
	padding-right: 25px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
}
.select-selected > div {
	position: relative;
	display: inline-block;
}
.select-selected > div::after {
	content: " ";
    position: absolute;
    top: 21px;
    left: 0px;
    right: 0px;
    bottom: 0;
    background: red;
    height: 3px;
}
.select-items {
	position: absolute;
    background-color: white;
    top: 0;
    left: auto;
    right: 0;
    z-index: 9;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
    color: black;
    text-align: left;
	width: 265px;
}
.select-items div {
	padding: 15px;
	padding-left: 40px;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
	position: relative;
}
.select-items .checkmark {
	top: 20px;
	left: 12px;
}
.select-items .same-as-selected .checkmark {
	background-color: #fa2a6b;
}
.select-items div.first {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 15px;
	font-size: 18px;
}
.select-items div.last {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom: 0;
}
.select-hide {
	display: none;
}
.select-items div:not(:first-child):hover {
	background-color: rgb(236, 236, 236);
}
#mob-sofil {
	display: none;
	background: white;
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	height: 50px;
	z-index: 8;
	border-top: 1px solid #f1f1f1;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
#mob-sofil .box {
	width: 46%;
    float: left;
    margin: 10px 2%;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#sort-fix {
	cursor: pointer;
}
a.mo-link {
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
html.touch a.mo-link {
	display: block;
}
#sort-label span {
	position: absolute;
    right: 15px;
    top: 18px;
    background: url(/images/cross.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
}
.blog-wrap {
	font-size: 17.5px;
	line-height: 29.75px;
	text-align: justify;
}
@media screen and (max-width: 1480px)
{
	.header-wrap,
	.content-wrapper,
	.cat-header
	{
		padding: 0 20px;
	}
	.footer .footer-line .footer-line-wrp
	{
		padding: 15px 40px;
	}
	.content-wrapper.cat h1
	{
		padding-left: 75px;
	}
}
@media screen and (max-width: 1440px)
{
/*
	.mainmenu-wrapper .menu .holder .handle div.single a
	{
		padding: 10px 5px 0 5px;
	}
*/
	.mainmenu-wrapper .menu .holder .handle
	{
		border-left: 0;
		border-right: 0;
	}
}
@media screen and (max-width: 1300px)
{
	.mainmenu-wrapper .menu .holder .handle div.single a
	{
		padding-top: 60px;
	}
}
@media screen and (max-width: 1200px)
{
	.html.no-touch .label-container
	{
		padding-left: 20px;
		font-size: 14px;
	}
	.content-wrapper.offer h1
	{
		font-size: 22px;
	}
}
@media screen and (max-width: 1100px)
{
	.header-wrap,
	.content-wrapper,
	.cat-header
	{
		padding: 0 20px;
	}
	.footer .footer-line .footer-line-wrp
	{
		padding: 15px 20px;
	}
	.cols-wrap
	{
		margin-right: -20px;
	}
	.offer-item-wrap,
	.filters-wrap
	{
		margin-right: 20px;
	}
	.html.no-touch .label-container
	{
		padding-left: 20px;
		font-size: 13px;
	}
}
@media screen and (max-width: 992px)
{
	.all-filters.active .filters-submit
	{
		display: block;
	}
	.content-wrapper.offer h1
	{
		font-size: 22px;
	}
	/*
.all-filters
	{
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 20;
		visibility: hidden;
		overflow-y: scroll;
		background: rgba(0,0,0,0.7);
		transition: all .1s ease-in;
		-webkit-transition: all .5s ease-in;
		-moz-transition: all .5s ease-in;
		-o-transition: all .5s ease-in;
		opacity: 0;
	}
*/
	/*
.all-filters .filters-wrap
	{
		transition: all .5s cubic-bezier(.785,.135,.15,.80);
		-webkit-transition: all .5s cubic-bezier(.785,.135,.15,.80);
		-moz-transition: all .5s cubic-bezier(.785,.135,.15,.80);
		-o-transition: all .5s cubic-bezier(.785,.135,.15,.80);
		position: relative;
		left: 100%;
	}
*/
	.all-filters.mobile-hidden
	{
		left: auto;
		margin-right: -100%;
	}
	.all-filters
	{
/* 		display: none; */
		position: fixed;
	    z-index: 10;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    margin-right: 0;
	    overflow-x: auto;
	    overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	    box-sizing: border-box;
	    transition: margin 300ms;
	    width: 100%;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	.all-filters #mobile-filters-back.hidden
	{
		opacity: 0;
	    bottom: 100%;
	    transition: opacity 300ms, bottom 0s step-end 300ms;
	}
	.all-filters #mobile-filters-back
	{
		display: block;
	    opacity: 0;
	    z-index: 9;
	    background-color: rgba(0, 10, 18, 0.8);
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    opacity: 1;
	    transition: bottom 0s step-end, opacity 300ms;
	}
	/*
.all-filters.active
	{
		visibility: visible;
		opacity: 1;
	}
*/
	.all-filters.active .filters-wrap
	{
	}
	.filters-wrap
	{
		margin-right: 0;
	    background-color: #fff;
		width: 100%;
		z-index: 10;
		margin-bottom: 0;
	}
	.all-offers
	{
		width: 100%;
	}
	.filter-icon.travel_cat
	{
		display: block;
	}
	.offer-right
	{
		display: none;
	}
	.offer-center
	{
		width: 65%;
	}
	.offer-left
	{
		width: 35%;
	}
}
@media screen and (max-width: 830px)
{
	.mainmenu-wrapper .menu .holder .handle div.single a
	{
		font-size: 13px;
	}
}
@media screen and (max-width: 768px)
{
	.offer-item-container {
		width: 50%;
		float: left;
	}
	.offer-item-wrap .in-box {
		width: 50%;
		float: left;
		height: 220px !important;
		z-index: 1;
		background: #fff;
		border: 0;
		padding: 7px 12px;
		padding-bottom: 20px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		border-top-right-radius: 3px;
		box-shadow: none;
	}
	.price-m {
		background: #f9f9f9;
		padding: 10px;
		height: 50px;
		box-shadow: 0 2px 7px #dcdee3;
		-webkit-box-shadow: 0 2px 7px #dcdee3;
		-moz-box-shadow: 0 2px 7px #dcdee3;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		display: block !important;
		color: #333;
		font-size: 18px;
		font-weight: normal;
		line-height: 22px !important;
		width: 100%;
		text-align: left;
		position: relative;
		float: left;
	}
	.price-m b {
		color: #ff296c;
		position: relative;
		top: 4px;
		left: 5px;
		font-size: 30px;
	}
	.price-m sup
	{
		font-size: 14px;
		top: -2px;
		position: absolute;
	}
	.price-m em {
		text-decoration: line-through;
		font-style: normal;
		position: relative;
		left: 10px;
	}
	.price-m span {
		float: none;
		font-size: 18px;
		font-weight: normal;
		margin-left: 2px;
	}
	.price-m .price-goto {
		background: #ff296c;
		width: 30px;
		height: 30px;
		float: right;
		font-size: 26px;
		text-align: center;
		font-weight: normal;
		line-height: 26px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-image: url(/images/arr-r.svg);
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.price {
		display: none;
	}
	#desktop-h-search {
		display: none;
	}
	.content-wrapper.cat .header-wrp img
	{
		height: 40px;
		top: 0;
		transform: none;
	}
	.content-wrapper.cat h1
	{
		font-size: 15px;
		padding-left: 60px !important;
		height: 40px !important;
		line-height: 20px !important;
		vertical-align: middle;
		display: table-cell;
		width: 100% !important;
	}
	.content-wrapper.cat.trvl h1 {
		line-height: 40px !important;
	}
	.header-wrap,
	.content-wrapper,
	.cat-header
	{
		padding: 0 15px;
	}
	.mainmenu-wrapper .menu .holder .handle div
	{
/* 		width: 100px; */
	}
	.search-wrap
	{
		display: none;
	}
	.search-wrap-inner
	{
		padding: 0 20px;
		position: relative;
	}
	.search-wrap-inner input[type=text].search
	{
		height: 50px;
	}
	.search-wrap-inner button[type=submit].search
	{
		right: 23px;
		width: 90px;
		height: 44px;
	}
	.header .header-wrap .view-later div
	{
		display: none;
	}
	.header .header-wrap .header-search
	{
		display: inline-block;
		position: fixed;
		top: 0;
		left: 15px;
	}
	.header .header-wrap .header-search img
	{
		position: relative;
		top: 10px;
	}
	.header .header-wrap .view-later svg
	{
		top: 7px;
	}
	.logo
	{
		width: 150px;
		height: 60px;
		background-size: 150px 35px;
		margin: 0 auto;
		float: none;
	}
	.mainmenu-wrapper
	{
		margin-top: 60px;
		height: 180px !important;
	}
	.mainmenu-wrapper.offer
	{
		height: 130px !important;
	}
	.header-wrap
	{
		height: 60px;
		line-height: 60px;
	}
	div[class*='col-'] {
		padding-right: 0;
		padding-left: 0;
	}
	div[class*='col-sm-']:nth-child(odd) {
		/*padding-left: 5px;*/
	}

	div[class*='col-sm-']:nth-child(even) {
		/*padding-right: 5px;*/
		clear: both;
	}
	.mainmenu-wrapper .menu .holder .handle
	{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 59px;
		border-left: 0 !important;
	}
	.offer-item
	{
		margin-bottom: 20px;
		width: 100%;
	}
	.row.custom-gutter {
		margin-right: -31px;
	}
	div[class*='col-'] .offer-item-wrap {
		margin-right: 15px;
	}
	.offer-item .offer-img
	{
		height: 190px;
	}
	.mainmenu-wrapper .menu
	{
		/*display: none;
		overflow: visible;*/
		transition: height 0.5s ease-in-out;
		height: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9;
		overflow-y: scroll;
	}
	.mainmenu-wrapper .menu .holder .handle div.single
	{
		width: 100%;
		background: #7d7c7c;
		border-bottom: 1px solid #adadad;
		border-left: none;
	}
	.mainmenu-wrapper .handle .single span {
		float: left;
		line-height: 45px;
		margin-left: 20px;
		font-size: 20px;
	}
	.mainmenu-wrapper .hidden-menu a
	{		
		font-size: 18px;
		line-height: 32px;
	}
	.mainmenu-wrapper .handle div svg
	{
		float: left;
		margin-left: 20px;
		width: 40px;
		max-height: 45px;
		height: 100%;
	}
	.mainmenu-wrapper .menu .holder .handle div.single
	{
		font-size: 16px;
		height: 65px;
	}
	.mainmenu-wrapper .menu .holder .handle div.single a {
		background-position: 15px !important;
		padding: 0;
		height: 65px;
		text-align: left;
		padding-left: 60px !important;
		padding-top: 10px !important;
	}
	.mainmenu-wrapper .menu .holder
	{
		height: 100%;
		overflow-y: scroll;
	}
	.hidden-menu-wrap.mobile
	{
		width: 100% !important;
	}
	.hidden-menu-wrap.mobile .hidden-menu.row
	{
		position: relative;
		top: 0;
		clear: both;
		width: 100% !important;
		height: 0;
		display: block;
		overflow: hidden;
		transition: height .5s cubic-bezier(.785,.135,.15,.80);
		-webkit-transition: height .5s cubic-bezier(.785,.135,.15,.80);
		-moz-transition: height .5s cubic-bezier(.785,.135,.15,.80);
		-o-transition: height .5s cubic-bezier(.785,.135,.15,.80);
		max-width: 100%;
	}
	.cols-wrap
	{
		margin-right: -15px;
	}
	.content-wrapper
	{
		margin-right: 0;
/* 			overflow: hidden; */
	}
	.content-wrapper.cat
	{
		top: -160px;
	}
	.content-wrapper.cat.trvl
	{
		top: -110px;
	}
	.content-wrapper.cat h2
	{
		font-size: 16px;
	}
	.content-wrapper.cat h2 svg
	{
		height: 50px;
	}
	.top-search .top-search-wrap
	{
		margin: initial;
		margin-top: 16px;
	}
	.top-search button
	{
		display: none;
	}
	.top-search input[type=text]
	{
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgNzYuNjUyIDc2LjY1MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYuNjUyIDc2LjY1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIGlkPSJab29tXzJfIj48Zz48cGF0aCBkPSJNNzUuNTQ5LDY4LjczNUw1OC4xODksNTIuMDZjNC4yNjctNS4yODMsNi44MTQtMTEuOTA3LDYuODE0LTE5LjA5N2MwLTE3LjIxNi0xNC41OC0zMS4yMjEtMzIuNTA0LTMxLjIyMSBDMTQuNTgsMS43NDEsMCwxNS43NDYsMCwzMi45NjNzMTQuNTgsMzEuMjIzLDMyLjUsMzEuMjIzYzcuNzMsMCwxNC44MzUtMi42MDksMjAuNDItNi45NTRsMTcuMzAxLDE2LjYxOCBjMC43MzIsMC43MDcsMS42OTksMS4wNjEsMi42NjIsMS4wNjFjMC45NjcsMCwxLjkzLTAuMzU0LDIuNjY2LTEuMDYxQzc3LjAyLDcyLjQzNSw3Ny4wMiw3MC4xNDksNzUuNTQ5LDY4LjczNXogTTcuNTM2LDMyLjk2MyBjMC0xMy4yMjMsMTEuMi0yMy45NzksMjQuOTY0LTIzLjk3OWMxMy43NjgsMCwyNC45NjgsMTAuNzU2LDI0Ljk2OCwyMy45NzlTNDYuMjY4LDU2Ljk0OSwzMi41LDU2Ljk0OSBDMTguNzM2LDU2Ljk0OSw3LjUzNiw0Ni4xODUsNy41MzYsMzIuOTYzeiIgZmlsbD0iI2ZmMmE2YSIvPjwvZz48L2c+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
		background-position: left;
		height: 40px;
		background-size: 24px;
		border: 0;
		padding-left: 35px;
		background-repeat: no-repeat;
	}
	.offer-left,
	.offer-right,
	.offer-center
	{
		width: 100%;
	}
	.offer-left,
	.offer-center > div
	{
		margin-left: 0;
		margin-right: 15px;
	}
	.mainmenu-wrapper.offer
	{
		background: #fff;
		height: 180px;
	}
	.offer-left > div
	{
		-webkit-box-shadow: initial;
		-moz-box-shadow: initial;
		box-shadow: initial;
	}
	.offer-left h1.mobile-only
	{
		display: block;
		font-size: 26px;
		margin-bottom: -20px;
		text-align: center;
		height: auto !important;
		line-height: normal !important;
		padding-left: 0 !important;
	}
	.offer-center h1.desktop-only,
	.offer-center .breadcrumb,
	.offer-left .rating span
	{
		display: none;
	}
	.offer-left .rating
	{
		margin-top: 0;
		text-align: center;
	}
	.offer-left .price
	{
		text-align: center;
	}
	.offer-left .link
	{
		margin-top: 20px;
	}
	.offer-right .offer-item
	{
		margin-right: 15px;
		margin-bottom: 30px;
	}
	.all-offers .offer-item:nth-child(2n+1)
	{
		clear: both;
	}
	.footer .subscribe-wrapper
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer .subscribe-wrapper .buttons-wrap
	{
		width: auto;
		max-width: 380px;
	}
	.footer .footer-line .footer-line-wrp .float-left
	{
		float: none;
		text-align: center;
	}
	.footer .footer-line .footer-line-wrp .float-right a
	{
		display: block;
		margin-top: 20px;
	}
	.footer .footer-line .footer-line-wrp .float-right
	{
		float: none;
		text-align: center;
	}
	.offer-left .scroll-price
	{
		position: fixed;
		top: 60px;
		left: 0;
		right: 0;
		height: 70px;
		display: none;
		background: #fff;
		border-top: 1px solid #ccc;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	}
	.offer-left .scroll-price .price
	{
		width: 45%;
		float: left;
		height: 40px;
		margin: 10px 0;
	}
	.offer-left .scroll-price .link
	{
		width: 50%;
		float: left;
		height: 40px;
		margin: 10px 0;
	}
	.offer-item .offer-img .goto-hover a
	{
		font-size: 17px;
	}
	.offer-item .offer-img .goto-hover .hidlnk
	{
		padding: 15px;
		font-size: 20px;
	}
	.content-wrapper.cat .header-wrp
	{
		padding-right: 15px;
	}
	.content-wrapper.cat.trvl .header-wrp {
		height: 40px;
	}
	.content-wrapper.cat #subfilters
	{		
		overflow: auto;
		overflow-y: visible;
	}
	.content-wrapper.cat ul.sub-filters
	{
		margin-left: 0;		
		margin-top: 15px;
		font-size: 15px;
		text-transform: uppercase;
		padding: 0;
		width: 5000px;
	}
	.header-cities
	{
		display: none;
	}
	#mob-sofil {
		display: block;
	}
	.select-items {
		position: fixed;
		top: 15%;
		left: 10%;
		width: 80%;
		z-index: 99;
	}
	.select-selected {
		display: none;
	}
}
@media screen and (max-width: 576px)
{
	.offer-item .offer-img
	{
		height: 220px;
	}
	.all-offers .offer-item:nth-child(1n+1)
	{
		clear: both;
	}
}
/* ============================================================
   Blog pagination (styled - беше bullets, липсваше CSS в main.css)
   ============================================================ */
.pagination-wrap { text-align: center; margin: 32px 0; }
.pagination {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0;
	margin: 0;
	list-style: none;
	justify-content: center;
}
.pagination > li { list-style: none; margin: 0; }
.pagination > li > a,
.pagination > li > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 13px;
	border: 1px solid #e6e8ec;
	border-radius: 9px;
	color: #1f2937;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: color .15s ease, border-color .15s ease, background .15s ease;
	box-sizing: border-box;
}
.pagination > li > a:hover {
	border-color: #ff2a6a;
	color: #ff2a6a;
	background: #fff5f8;
}
.pagination > li.active > span,
.pagination > li.active > a {
	background: #ff2a6a;
	border-color: #ff2a6a;
	color: #fff;
	cursor: default;
}
.pagination > li.disabled > span {
	color: #c9ced6;
	background: #f7f8fa;
	border-color: #eef0f3;
	cursor: default;
}
@media (max-width: 600px) {
	.pagination { gap: 5px; }
	.pagination > li > a,
	.pagination > li > span { min-width: 37px; height: 37px; padding: 0 9px; font-size: 14px; border-radius: 8px; }
}

/* ── Унифициран breadcrumb (partials/breadcrumbs.blade.php) ───────────────── */
.breadcrumbs { margin: 12px 0 18px; }
.breadcrumbs ol {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-wrap: wrap; align-items: center;
	font-size: 13px; line-height: 1.4;
}
.breadcrumbs li { display: inline-flex; align-items: center; color: #9098a3; }
.breadcrumbs li + li::before {
	content: "›"; margin: 0 8px; color: #c4cad2;
	font-size: 15px; line-height: 1;
}
.breadcrumbs li a { color: #6b7280; text-decoration: none; transition: color .15s ease; }
.breadcrumbs li a:hover { color: #ff2a6a; text-decoration: none; }
.breadcrumbs li[aria-current="page"] { color: #2b2f36; font-weight: 600; }
@media (max-width: 600px) {
	.breadcrumbs { margin: 8px 0 12px; }
	.breadcrumbs ol { font-size: 12px; }
	.breadcrumbs li + li::before { margin: 0 6px; }
}

/* ── Панел "Дестинации" (карта + тематични табове) ────────────────────────── */
/* Trigger-ът е иконен елемент като другите в лентата, но БЕЗ .single —
   иначе .handle .single a завзема всички връзки в панела (бял текст, 105px). */
.mainmenu-wrapper .menu .holder .handle .dmenu-nav {
	width: 9.09%; height: 105px; float: left; display: inline-block; position: relative;
	border-left: 1px solid rgba(255,255,255,.2);
}
/* Нулиране на наследеното от менюто за всички връзки вътре в панела */
.dmenu-drop a {
	height: auto; padding: 0; background: none; line-height: normal;
	font-size: inherit; text-align: left;
}
.dmenu-trigger {
	display: block; height: 105px; padding: 65px 5px 0 5px;
	font-size: 14px; line-height: 17px; color: #fff; text-align: center; cursor: pointer; text-decoration: none;
	background-repeat: no-repeat; background-position: center 15px; background-size: 40px;
	background-image: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.dmenu-drop {
	position: absolute; top: 100%; left: 0; z-index: 120;
	width: 720px; max-width: 94vw; background: #fff;
	border: 1px solid #eceef1; border-radius: 12px; box-shadow: 0 16px 44px rgba(20,25,35,.16);
	padding: 16px; opacity: 0; visibility: hidden; transform: translateY(6px);
	transition: opacity .15s ease, transform .15s ease;
}
.dmenu-nav:hover .dmenu-drop,
.dmenu-drop:hover { opacity: 1; visibility: visible; transform: translateY(0); }

.dmenu-top { display: flex; gap: 18px; }
.dmenu-map { position: relative; width: 46%; min-width: 250px; flex-shrink: 0; aspect-ratio: 100 / 67; }
.dmenu-zone-all { margin-top: 6px; border-top: 1px solid #eceef1; padding-top: 6px; }
.dmenu-zone-all a { font-weight: 700; color: #ff2a6a; }
/* Висока специфичност — бие .mainmenu-wrapper .handle div svg { width:40px } (иконите на менюто) */
.mainmenu-wrapper .handle .dmenu-map svg.dmenu-svg { width: 100%; height: auto; aspect-ratio: 100 / 67; display: block; }
/* Туристически райони: заливка и контур в един цвят, за да няма шевове между
   областите в един район. Наситеността идва от броя оферти (виж blade-а). */
.dmenu-zone path {
	stroke-width: .45;
	stroke-linejoin: round;
	transition: filter .12s ease;
	cursor: pointer;
}
.dmenu-zone:hover path,
.dmenu-zone.hover path {
	filter: brightness(.88) saturate(1.15);
}
.dmenu-zone.empty path { cursor: default; }
.dmenu-zone.empty:hover path { filter: none; }
.dmenu-zone:focus { outline: none; }
.dmenu-zone:focus-visible path { stroke: #23272e; stroke-width: .8; }
.dmenu-tip {
	position: absolute; transform: translate(-50%, -140%); pointer-events: none;
	background: #23272e; color: #fff; font-size: 12px; line-height: 1;
	padding: 6px 9px; border-radius: 6px; white-space: nowrap; z-index: 5;
}

.dmenu-right { flex: 1; min-width: 0; }
.dmenu-search input {
	width: 100%; box-sizing: border-box; height: 38px; padding: 0 12px;
	border: 1px solid #e2e6ec; border-radius: 8px; font-size: 14px; outline: none;
}
.dmenu-search input:focus { border-color: #ff2a6a; }
.dmenu-top-title { margin: 12px 0 6px; font-size: 12px; text-transform: uppercase; letter-spacing: .4px; color: #9098a3; }

.dmenu-list { list-style: none; margin: 0; padding: 0; column-gap: 14px; }
.dmenu-toplist { column-count: 2; }
.dmenu-list li { break-inside: avoid; }
.dmenu-list li a {
	display: flex; justify-content: space-between; align-items: center; gap: 8px;
	padding: 4px 0; color: #3a5a8c; font-size: 13.5px; text-decoration: none;
}
.dmenu-list li a:hover { color: #ff2a6a; }
.dmenu-list li a span { color: #b6bcc5; font-size: 12px; font-weight: 600; }
.dmenu-list li a:hover span { color: #ff2a6a; }
.dmenu-empty { color: #b6bcc5; font-size: 13px; padding: 6px 0; }

.dmenu-themes { margin-top: 14px; border-top: 1px solid #eef0f3; padding-top: 12px; }
.dmenu-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-bottom: 10px; }
.dmenu-tabs-label { font-size: 13px; color: #6b7280; margin-right: 6px; }
.dmenu-tab {
	border: 0; background: transparent; cursor: pointer; font-size: 13.5px; font-weight: 600;
	color: #3a5a8c; padding: 5px 12px; border-radius: 999px; transition: background .12s ease, color .12s ease;
}
.dmenu-tab:hover { color: #ff2a6a; }
.dmenu-tab.active { background: #ff2a6a; color: #fff; }
.dmenu-panel { display: none; column-count: 3; }
.dmenu-panel.active { display: block; }

.dmenu-foot { display: flex; gap: 10px; margin-top: 14px; border-top: 1px solid #eef0f3; padding-top: 12px; }
.dmenu-foot a { flex: 1; text-align: center; padding: 9px; border-radius: 8px; font-weight: 600; font-size: 13.5px; text-decoration: none; }
.dmenu-foot-bg { background: #fff0f5; color: #ff2a6a; }
.dmenu-foot-world { background: #eef4ff; color: #3a5a8c; }
.dmenu-foot a:hover { filter: brightness(.97); }

@media (max-width: 768px) {
	.dmenu-drop { width: 94vw; }
	.dmenu-top { flex-direction: column; }
	.dmenu-map { width: 100%; min-width: 0; }
	.dmenu-panel { column-count: 2; }
}

/* ── "Дестинации" в мобилното (хамбургер) меню ────────────────────────────── */
@media screen and (max-width: 768px) {
	.mainmenu-wrapper .menu .holder .handle .dmenu-nav {
		width: 100%; height: 65px; float: none; display: block;
		background: #7d7c7c; border-bottom: 1px solid #adadad; border-left: none;
	}
	.mainmenu-wrapper .menu .holder .handle .dmenu-nav .dmenu-trigger {
		height: 65px; padding: 10px 0 0 60px; text-align: left; line-height: 45px;
		font-size: 16px; background-position: 15px center; background-size: 34px;
	}
	/* Богатият панел е само за десктоп; на мобилен trigger-ът води към /pochivki-bulgaria */
	.dmenu-drop { display: none !important; }
}

/* ── Цена на нощувка под цената на картата ─────────────────────────────────── */
/* Цена/нощувка — върху снимката долу-дясно, срещу дестинацията (долу-ляво) */
.offer-item-wrap .offer-img .ppn-img {
	position: absolute; bottom: 10px; right: 10px; z-index: 2;
	color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap;
	text-shadow: 0 1px 4px rgba(0,0,0,.55);
}

/* ── Икони за промо входовете в менюто (Топ намаления, Този уикенд) ────────── */
.mainmenu-wrapper .menu .holder .handle .single a.m-top {
	background-image: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E");
	background-size: 34px;
}
.mainmenu-wrapper .menu .holder .handle .single a.m-weekend {
	background-image: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
	background-size: 36px;
}

/* ── Колекции (front.collection) — интро + пагинация ───────────────────────── */
/* Header за колекциите (Топ намаления / Този уикенд) - компактно и подравнено ляво */
.content-wrapper .header-wrp.collection-head { height: auto; margin-bottom: 14px; overflow: visible; text-align: left; }
.content-wrapper .header-wrp.collection-head h1.cat-header {
	width: auto; float: none; padding-left: 0; margin: 0 0 8px; top: 0; height: auto;
	text-align: left; line-height: 1.15; font-size: 26px;
}
.content-wrapper .header-wrp.collection-head .collection-intro {
	clear: both; text-align: left; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.5;
	max-width: 780px; margin: 0; text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.collection-intro { color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.5; max-width: 820px; margin: 8px 0 16px; }
.collection-empty { padding: 24px 0; color: #6b7280; }
.collection-pager { text-align: center; margin: 20px 0; }
.collection-pager .pagination { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 0; list-style: none; }
.collection-pager .pagination > li > a,
.collection-pager .pagination > li > span { display: inline-block; min-width: 38px; padding: 8px 10px; border-radius: 8px; border: 1px solid #e6e9ee; color: #3a5a8c; text-decoration: none; }
.collection-pager .pagination > .active > span { background: #ff2a6a; color: #fff; border-color: #ff2a6a; }

/* Hover-подсветка за новите menu входове без подменю (Дестинации/Топ намаления/Този уикенд) */
.mainmenu-wrapper .menu .holder .handle .dmenu-nav:hover,
.mainmenu-wrapper .menu .holder .handle .single.promo:hover {
	background: #ff266a;
}

/* Подменю на Почивки БГ/чужбина: заглавия на секции + броячи */
.mainmenu-wrapper .hidden-menu .submenu-title {
	font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: #9098a3;
	font-weight: 700; margin: 0 0 6px;
}
.mainmenu-wrapper .hidden-menu .submenu-title.mt { margin-top: 14px; }
.mainmenu-wrapper .hidden-menu a .cnt { color: #b6bcc5; font-size: 12px; font-weight: 600; margin-left: 4px; }
.mainmenu-wrapper .hidden-menu a:hover .cnt { color: #ff2a6a; }

/* Светъл breadcrumb върху тъмния header - категории (.cat) и колекции (.coll) */
.content-wrapper.cat .breadcrumbs li,
.content-wrapper.coll .breadcrumbs li { color: rgba(255,255,255,.55); }
.content-wrapper.cat .breadcrumbs li a,
.content-wrapper.coll .breadcrumbs li a { color: rgba(255,255,255,.8); }
.content-wrapper.cat .breadcrumbs li a:hover,
.content-wrapper.coll .breadcrumbs li a:hover { color: #fff; }
.content-wrapper.cat .breadcrumbs li[aria-current="page"],
.content-wrapper.coll .breadcrumbs li[aria-current="page"] { color: #fff; }
.content-wrapper.cat .breadcrumbs li + li::before,
.content-wrapper.coll .breadcrumbs li + li::before { color: rgba(255,255,255,.45); }
/* Колекции: малко по-компактен header */
.content-wrapper.coll .breadcrumbs { margin: 0 0 4px; }
.content-wrapper.coll .header-wrp.collection-head { margin-bottom: 10px; }

/* Офертните карти - обли и с мека сянка като блог-картите на началната */
.offer-item-wrap,
.offer-item .offer-img {
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}
.offer-item-wrap .in-box {
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	box-shadow: 0 6px 22px rgba(20,25,35,.09);
}
.no-touch .offer-item:hover .offer-item-wrap .in-box {
	box-shadow: 0 12px 30px rgba(20,25,35,.16);
}
/* Hover overlay-ът върху снимката да е заоблен горе като картата */
.offer-item .offer-img .goto-hover {
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}

/* Брояч (празници) + ценови чипове на колекциите */
.cd-badge-wrap { margin: 8px 0 0; }
.cd-badge {
	display: inline-block; background: #ff2a6a; color: #fff; font-size: 13px; font-weight: 700;
	padding: 5px 14px; border-radius: 999px; white-space: nowrap;
}
.content-wrapper .header-wrp.collection-head .price-chips {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px;
}
.content-wrapper .header-wrp.collection-head .price-chips > span {
	color: rgba(255,255,255,.7); font-size: 13px;
}
.content-wrapper .header-wrp.collection-head .price-chips a {
	background: rgba(255,255,255,.14); color: #fff; font-size: 13px; font-weight: 600;
	padding: 6px 14px; border-radius: 999px; text-decoration: none; transition: background .15s ease;
}
.content-wrapper .header-wrp.collection-head .price-chips a:hover { background: #ff2a6a; }

/* ---- Детайлна страница на офертата: характеристики, обект, варианти ---- */
.offer-facts,
.offer-place {
	margin: 18px 20px 0;
	padding-top: 16px;
	border-top: 1px solid #eceef2;
	font-size: 14px;
	text-align: left;
}
.offer-facts .of-heading,
.offer-place .of-heading {
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #8a90a0;
	margin-bottom: 10px;
}
.offer-facts .of-row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
	padding: 5px 0;
}
.offer-facts .of-row span { color: #6b7280; }
.offer-facts .of-row b { color: #1c2233; text-align: right; }
.offer-place .op-name { font-weight: 700; color: #1c2233; }
.offer-place .op-addr { color: #6b7280; margin-top: 3px; }
.offer-place .op-tel a,
.offer-place .op-map a { color: #ff2a6a; font-weight: 600; text-decoration: none; }
.offer-place .op-tel { margin-top: 6px; }
.offer-place .op-map { margin-top: 4px; }

.offer-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 14px;
}
.offer-chips span {
	background: #f2f4f8;
	color: #414a5e;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 13px;
	border-radius: 999px;
	white-space: nowrap;
}

ul.offer-variants {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
ul.offer-variants li {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 14px;
	padding: 9px 0;
	border-bottom: 1px solid #eceef2;
	font-size: 14px;
	line-height: 1.45;
}
ul.offer-variants li .ov-price {
	white-space: nowrap;
	font-weight: 700;
	color: #ff2a6a;
}
.offer-description .ov-note {
	color: #6b7280;
	font-size: 13px;
	margin: 6px 0 0;
}
.offer-important {
	background: #fff7e6;
	border-left: 3px solid #ffb020;
	padding: 10px 14px;
	border-radius: 6px;
}

@media (max-width: 767px) {
	.offer-facts,
	.offer-place { margin: 16px 16px 0; }
	.offer-facts .of-row b { max-width: 60%; }
	ul.offer-variants li { flex-direction: column; gap: 3px; }
}

/* Кратки характеристики върху картата на офертата */
.offer-item .in-box .offer-meta {
	margin-top: 6px;
	color: #6b7280;
	font-size: 12.5px;
	line-height: 1.35;
	font-weight: 600;
	text-align: center;
}
.offer-item .in-box .offer-meta .om-sep { margin: 0 5px; color: #c7ccd6; }

/* Слайдер и подсказки - позиционирането, което идваше от jquery-ui.min.css.
   Външният вид (цветове, размери) си стои по-горе, при #price-range. */
.ui-slider
{
	position: relative;
	/* без това влаченето с пръст върти страницата вместо дръжката */
	touch-action: none;
}
.ui-slider .ui-slider-handle
{
	position: absolute;
	margin-left: -7px;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range
{
	position: absolute;
	top: 0;
	height: 100%;
	border-radius: 20px;
}
.ui-autocomplete a.ui-state-active
{
	background-color: #f4f5f7;
}

/* --- Обектът над заглавието на офертата ---------------------------------
   Един хотел се появяваше по веднъж за всяка своя оферта. Сега е една карта,
   а този ред казва кой е обектът и колко още оферти има за него. */
.offer-item .in-box .offer-place {
	float: left;
	clear: both;
	width: 100%;
	line-height: 18px;
	margin: 2px 0 4px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.offer-item .in-box .offer-place > a {
	color: #6b7280;
	font-weight: 600;
}
.offer-item .in-box .offer-place > a:hover {
	color: #ff296c;
	text-decoration: underline;
}
.offer-item .in-box .offer-place .offer-place-more {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 6px;
	border-radius: 9px;
	background: #f1f3f7;
	color: #ff296c;
	font-weight: 600;
	font-size: 12px;
}
.offer-item .in-box .offer-place .offer-place-more:hover {
	background: #ff296c;
	color: #fff;
}

/* --- Блок "под обичайната цена" ------------------------------------------
   Картата ползва решетката на офертите; различава се само по надписа върху
   значката (сравнението е със собствената история на хотела, не с
   каталожната цена на търговеца). */
.section-sub {
	clear: both;
	margin: -8px 0 14px;
	color: #6b7280;
	font-size: 14px;
	line-height: 20px;
}
/* Картата на обекта ползва общия формат; различава се само по надписа на
   значката, който е дума, а не процент. */
.place-item .oc-discount {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .2px;
}

/* --- Лента с дестинации на началната страница ----------------------------
   91-те дестинационни страници нямаха вътрешни връзки - стигаше се до тях
   само през страница на обект. */
.dest-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}
.dest-chip {
	display: block;
	padding: 8px 14px;
	border: 1px solid #e3e6ec;
	border-radius: 22px;
	background: #fff;
	line-height: 17px;
	transition: border-color .15s, box-shadow .15s;
}
.dest-chip:hover {
	border-color: #ff296c;
	box-shadow: 0 2px 8px rgba(255, 41, 108, .12);
	text-decoration: none;
}
.dest-chip .dest-name {
	display: block;
	color: #222;
	font-weight: 700;
	font-size: 14px;
}
.dest-chip .dest-meta {
	display: block;
	color: #6b7280;
	font-size: 12px;
}
.dest-all {
	margin-bottom: 22px;
}
.dest-all > a {
	color: #ff296c;
	font-weight: 600;
	font-size: 14px;
}
@media (max-width: 640px) {
	.dest-strip { gap: 6px; }
	.dest-chip { padding: 6px 11px; }
	.dest-chip .dest-name { font-size: 13px; }
	.dest-chip .dest-meta { font-size: 11px; }
}

/* Втори ред с дати и брой варианти. По-блед от основния мета ред, за да не
   се състезава с изхранването и нощувките. */
.offer-item .in-box .offer-dates {
	color: #8b93a1;
	font-size: 12px;
}

/* --- Редове с етикети под заглавието на офертата --------------------------
   Иконите са inline SVG през background-image, за да не се тегли шрифт с
   икони само заради шест реда. Рендират се само редовете с данни, така че
   карта с малко информация остава ниска. */
.offer-item .in-box .offer-facts {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 6px;
}
.offer-item .in-box .of-row {
	position: relative;
	padding-left: 26px;
	margin-bottom: 5px;
	font-size: 12.5px;
	line-height: 18px;
	color: #4b5563;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 18px 18px;
}
.offer-item .in-box .of-label { color: #8b93a1; }
.offer-item .in-box .of-value { color: #333; font-weight: 600; }

.of-clock    { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff296c' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.of-coin     { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff296c' stroke-width='2'%3E%3Cpath d='M12 2v20M17 6H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E"); }
.of-bed      { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff296c' stroke-width='2'%3E%3Cpath d='M3 18V7M3 12h18v6M7 11V9h5v2'/%3E%3C/svg%3E"); }
.of-calendar { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff296c' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M8 14l2.5 2.5L16 11'/%3E%3C/svg%3E"); }
.of-star     { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff296c' stroke-width='2'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E"); }
.of-food     { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff296c' stroke-width='2'%3E%3Cpath d='M5 3v8a2 2 0 0 0 4 0V3M7 11v10M18 3c-1.5 1.5-2 3.5-2 6s.5 3 2 3v9'/%3E%3C/svg%3E"); }
.of-plus     { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff296c' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); }

/* --- Картата се вижда цялата ---------------------------------------------
   Досега .offer-item беше 300px, а .in-box - 96px с overflow:hidden и се
   разгъваше само при ховър. С редовете с етикети така се виждаше по един
   ред и половина. Решетката минава на flex, за да търпи различни височини:
   с float и clear:both редовете се зацепваха накриво. */
.all-offers,
.offers-wrp {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.offer-item {
	float: none !important;
	clear: none !important;
	height: auto !important;
}
.offer-item-wrap .in-box {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	transition: none;
}
.offer-item-wrap .in-box .title {
	height: auto;
	overflow: visible;
}
.offer-item-wrap .in-box .title > a {
	float: none;
	display: block;
}

/* Ховърът върху снимката отпада - вътрешната връзка е в тялото на картата. */
.offer-item .offer-img .goto-hover { display: none !important; }

.offer-item .in-box .offer-more {
	float: left;
	clear: both;
	margin-top: 6px;
	color: #ff296c;
	font-size: 12px;
	font-weight: 600;
}
.offer-item .in-box .offer-more:hover { text-decoration: underline; }

/* Белият фон се слагаше само при ховър - без него редовете с етикети
   висяха върху сивия фон на страницата.

   display:flow-root е задължителен: съдържанието на кутията е от плаващи
   елементи (цена, обект, заглавие, редовете), а старият overflow:hidden ги
   съдържаше. Щом той отпадна, височината на кутията се срина до нула и
   белият фон спираше веднага под заглавието. flow-root ги съдържа, без да
   реже нищо. */
.offer-item-wrap .in-box {
	display: flow-root;
	background: #fff;
	padding-bottom: 10px;
}

/* Стойността вдясно, етикетът вляво - с място да се пренесе на нов ред.
   Досега дълга стойност ("18.08.2026 до 15.09.2026") се режеше в десния край. */
.offer-item .in-box .of-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
	padding-right: 2px;
}
.offer-item .in-box .of-label { flex: 0 0 auto; }
.offer-item .in-box .of-value { text-align: right; }

/* На телефон снимката и текстът стояха един до друг по 50%. С шест реда
   съдържание под снимката зееше празно поле - затова се редят един под друг. */
@media screen and (max-width: 768px) {
	.offer-item-container,
	.offer-item-wrap .in-box {
		width: 100% !important;
		float: none !important;
	}
	.offer-item .in-box .of-row {
		font-size: 13px;
		line-height: 19px;
	}
}

/* Решетката вече е flex, а под 576px за .offer-item няма правило за ширина -
   елементът се разпъваше по съдържанието си и излизаше извън екрана.
   Базата е 100%, а съществуващите min/max-width по точки на пречупване
   я свиват до 50%, 33% и 25%. */
.all-offers .offer-item,
.offers-wrp .offer-item {
	flex: 0 0 auto;
	width: 100%;
}

/* =========================================================================
   Нов вид на картата и на дестинациите (по макет).
   Шрифтът е непроменен - само разположение, цветове и форми.
   ========================================================================= */

/* --- Заглавие на секция с връзка вдясно --- */
.sec-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.sec-head h2.w {
	text-transform: none;
	margin-bottom: 14px;
}
.sec-head .sec-more {
	color: #ff296c;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
}
.sec-head .sec-more:hover { text-decoration: underline; }

/* --- Дестинации като карти --- */
.dest-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
	margin-bottom: 26px;
}
.dest-card {
	display: block;
	padding: 14px 16px;
	border: 1px solid #e5e8ee;
	border-radius: 12px;
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
.dest-card:hover {
	border-color: #ff296c;
	box-shadow: 0 4px 14px rgba(255,41,108,.12);
	text-decoration: none;
}
.dest-card .dest-name {
	display: block;
	color: #1f2937;
	font-weight: 700;
	font-size: 15px;
	line-height: 21px;
}
.dest-card .dest-meta {
	display: block;
	margin-top: 2px;
	color: #8b93a1;
	font-size: 12.5px;
	line-height: 18px;
}
@media (max-width: 1199px) { .dest-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .dest-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 479px)  { .dest-grid { grid-template-columns: 1fr; } }

/* --- Картата на офертата --- */
.offer-item .offer-item-wrap {
	border: 1px solid #e5e8ee;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	height: 100%;
}
.offer-item .offer-img {
	height: 200px;
	border-radius: 0;
}
.offer-item-wrap .in-box {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 14px 16px 12px;
}

/* Значка с отстъпката - розово хапче горе вляво вместо кръг */
.offer-item .oc-discount {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	padding: 4px 11px;
	border-radius: 20px;
	background: #ff296c;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
}
.offer-item .oc-hot {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	padding: 4px 11px;
	border-radius: 20px;
	background: #fff;
	color: #ff296c;
	font-size: 12px;
	font-weight: 700;
}
.offer-item .oc-discount ~ .oc-hot { left: auto; right: 12px; top: 48px; }

/* Дестинацията - тъмно хапче горе вдясно */
.offer-item .offer-img .city {
	position: absolute;
	top: 12px;
	right: 12px;
	left: auto;
	bottom: auto;
	z-index: 2;
	max-width: 60%;
	padding: 4px 11px;
	border-radius: 20px;
	background: rgba(31,41,55,.88);
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.offer-item .offer-img .city a { color: #fff; font-weight: 600; }

/* Цена + цена на нощувка на един ред */
.oc-price-row {
	display: flex;
	align-items: baseline;
	gap: 9px;
	flex-wrap: wrap;
	margin-bottom: 6px;
}
.offer-item .in-box .oc-price {
	color: #ff296c;
	font-size: 28px;
	font-weight: 700;
	line-height: 34px;
}
.offer-item .in-box .oc-price sup { font-size: 15px; top: -.55em; }
.offer-item .in-box .oc-price span { font-size: 20px; margin-left: 2px; }
.oc-ppn { color: #8b93a1; font-size: 13px; }

.offer-item .in-box .oc-title {
	display: block;
	margin-bottom: 10px;
	color: #1f2937;
	font-size: 15px;
	font-weight: 700;
	line-height: 21px;
}
.offer-item .in-box .oc-title:hover { color: #ff296c; text-decoration: none; }

/* Редовете вече са без икони - етикет вляво, стойност вдясно */
.offer-item .in-box .offer-facts { margin-top: 0; }
.offer-item .in-box .of-row {
	padding-left: 0;
	background-image: none !important;
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 4px;
}
.offer-item .in-box .of-label { color: #8b93a1; }
.offer-item .in-box .of-value { color: #1f2937; font-weight: 600; }

/* Екстрите като сиви етикети */
.oc-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 10px 0 2px;
}
.oc-tags > span {
	padding: 3px 10px;
	border-radius: 14px;
	background: #f1f3f7;
	color: #4b5563;
	font-size: 12px;
	line-height: 18px;
}

/* Долен ред: брой варианти вляво, бутон вдясно */
.oc-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid #eef0f4;
}
.oc-options { color: #8b93a1; font-size: 12.5px; }
.offer-item .in-box .oc-btn {
	padding: 8px 18px;
	border-radius: 22px;
	background: #ff296c;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}
.offer-item .in-box .oc-btn:hover { background: #e01f5c; text-decoration: none; }

/* Старите елементи, заменени от новите */
.offer-item .in-box .offer-more,
.offer-item .discount,
.offer-item .trending { display: none !important; }

/* Първата секция ляга върху хероя (.content-wrapper е с top:-170px), затова
   заглавието и връзката ѝ са бели; картите са бели и се четат върху снимката. */
.sec-head h2.w { color: #fff; }
.sec-head h2.w.black { color: #1f2937; }
.sec-head .sec-more { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.4); }
.sec-head.on-light .sec-more { color: #ff296c; text-shadow: none; }

/* Четвъртата карта се режеше: 4 х 25% плюс рамките надхвърляха реда. */
.offer-item,
.offer-item-wrap,
.offer-item-wrap .in-box,
.dest-card { box-sizing: border-box; }

/* Еврото стоеше пред числото - стар флоут върху span в цената. */
.offer-item .in-box .oc-price span { float: none !important; display: inline; }
.offer-item .in-box .oc-price sup { float: none !important; }

/* .cols-wrap е с margin-right:-34px, тоест редът е с 34px по-широк от
   контейнера. Старите блокове го компенсираха, новите - не, и последната
   колона излизаше извън екрана. */
.col-12.sec-head,
.col-12.dest-grid {
	box-sizing: border-box;
	padding-right: 34px;
}

/* Картата вече е обикновена вертикална подредба, а .offer-place и
   .offer-facts бяха плаващи от предишния ѝ вид. Етикетите и долният ред са
   блокови и не изчистваха флоута, тоест се рисуваха ВЪРХУ редовете с факти
   и не се виждаха. Оттам и кутията излизаше по-ниска от съдържанието си. */
.offer-item .in-box .offer-place,
.offer-item .in-box .offer-facts,
.offer-item .in-box .oc-tags,
.offer-item .in-box .oc-foot,
.offer-item .in-box .oc-price-row {
	float: none;
	clear: both;
	width: auto;
}
.offer-item .in-box .offer-place { margin: 0 0 4px; }

/* Стойността да се пренася, вместо да излиза извън картата. */
.offer-item .in-box .of-label { min-width: 0; }
.offer-item .in-box .of-value {
	min-width: 0;
	white-space: normal;
	overflow-wrap: anywhere;
}

/* =========================================================================
   Формат на офертите по проекта "Namaleniq Redesign".
   Прилага се САМО върху картите - хедър, херо, меню и дестинации не се пипат.
   Розовото остава сайтовото #ff296c, а не #ff296c от макета: картите щяха да
   са с различен нюанс от бутоните и менюто наоколо.
   ========================================================================= */

/* Решетка само заради еднаквата височина - ширините остават старите.
   Разстоянието между картите идва от .offer-item-wrap { margin-right: 34px },
   затова gap е 0: с него картите ставаха по-тесни отпреди. Броят колони е
   фиксиран по същите точки на пречупване, а не auto-fill, за да е 4 на ред
   на десктоп, а не според ширината на прозореца. */
.col-12.all-offers,
.offers-wrp {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0;
	align-items: stretch;
}
@media screen and (min-width: 768px) {
	.col-12.all-offers,
	.offers-wrp { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (min-width: 1200px) {
	/* Началната е 4 на ред (както беше при max-width: 25%), а листингът с
	   филтри отстрани остава 3 (беше 33.333%). */
	.col-12.all-offers { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (max-width: 575px) {
	.col-12.all-offers,
	.offers-wrp { grid-template-columns: 1fr; }
}
.col-12.all-offers .offer-item,
.offers-wrp .offer-item {
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	margin-bottom: 15px;
}

/* Картата е колона, за да може бутонът да се залепи долу. */
.offer-item .offer-item-wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid #ECEEF2;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
	box-shadow: none;
}
.offer-item .offer-item-container { flex: 0 0 auto; }
.offer-item .offer-img { height: 180px; }

.offer-item-wrap .in-box {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
	padding: 18px 20px 20px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
}

/* Значките върху снимката */
.offer-item .oc-discount,
.offer-item .oc-hot {
	top: 12px;
	left: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 800;
	line-height: 17px;
	pointer-events: none;
}
.offer-item .oc-hot {
	background: #fff;
	color: #ff296c;
	font-size: 12px;
}
.offer-item .oc-discount ~ .oc-hot { top: 46px; left: 12px; right: auto; }

.offer-item .offer-img .city {
	top: 12px;
	right: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(30,34,43,0.72);
	font-size: 12px;
	font-weight: 700;
	line-height: 17px;
}

/* Цена + цена на нощувка */
.offer-item .in-box .oc-price-row { gap: 8px; margin: 0; }
.offer-item .in-box .oc-price {
	color: #ff296c;
	font-size: 26px;
	font-weight: 800;
	line-height: 32px;
}
.offer-item .in-box .oc-price sup { font-size: 14px; }
.offer-item .in-box .oc-price span { font-size: 19px; }
.offer-item .in-box .oc-ppn { color: #7A8290; font-size: 13px; }

/* Заглавие: три реда, за да се подравняват картите */
.offer-item .in-box .oc-title {
	margin: 0;
	color: #2A2F38;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	min-height: 66px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Фактите: решетка етикет / стойност */
.offer-item .in-box .offer-facts {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 14px;
	margin: 0;
	padding-top: 12px;
	border-top: 1px solid #F0F2F5;
	font-size: 13px;
	line-height: 18px;
}
.offer-item .in-box .of-label { color: #7A8290; }
.offer-item .in-box .of-value {
	color: #2A2F38;
	font-weight: 600;
	text-align: right;
	overflow-wrap: anywhere;
}

/* Етикети с екстри */
.offer-item .in-box .oc-tags { gap: 6px; margin: 0; }
.offer-item .in-box .oc-tags > span {
	padding: 4px 10px;
	border-radius: 999px;
	background: #F3F4F7;
	color: #4A5160;
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
}

/* Долен ред - залепен за дъното на картата */
.offer-item .in-box .oc-foot {
	margin-top: auto;
	padding-top: 0;
	border-top: 0;
	gap: 12px;
}
.offer-item .in-box .oc-options { color: #7A8290; font-size: 12.5px; }
.offer-item .in-box .oc-btn {
	padding: 9px 20px;
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 700;
}

/* Обектът над заглавието не е в макета, но е наша връзка към хотела -
   остава, само подравнен към новия ритъм. */
.offer-item .in-box .offer-place { margin: 0; font-size: 12.5px; }

/* На категорийните страници .all-offers е ВЪНШНАТА обвивка (.col-9), която
   съдържа .offers-wrp с картите. Като направих и нея решетка, вътрешният
   контейнер стана една клетка и картите се наредиха в една колона.
   Решетка е само там, където директно стоят картите. */
.col-9.all-offers,
.all-offers.travel {
	display: block;
}

/* Имената на хотелите са едноредови, а минималната височина за три реда е
   заради дългите заглавия на офертите - тук оставяше празно поле. Картите в
   блока пак се подравняват, защото всички са с кратко име. */
.place-item .in-box .oc-title {
	min-height: 0;
	-webkit-line-clamp: 2;
}

/* --- Изтекла оферта -------------------------------------------------------
   .cols-wrap е flex с wrap, затова карето заема цял ред над трите колони.
   Стои най-отгоре: човек, който идва от Google на мъртва оферта, първо трябва
   да разбере, че е мъртва, и веднага да види къде да отиде. */
.ended-offer {
	width: 100%;
	margin: 0 34px 24px 0;
}
.ended-offer .eo-note {
	padding: 14px 18px;
	border: 1px solid #FFD9E4;
	border-radius: 12px;
	background: #FFF4F7;
	line-height: 1.5;
}
.ended-offer .eo-note b { color: #ff296c; }
.ended-offer .eo-note span { color: #4A5160; }
.ended-offer .eo-block { margin-top: 22px; }
.ended-offer .eo-block h2 {
	margin: 0 0 12px;
	color: #2A2F38;
	font-size: 20px;
	font-weight: 700;
}
.ended-offer .eo-more { margin-bottom: 6px; }
.ended-offer .eo-more a {
	color: #ff296c;
	font-size: 14px;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
	.ended-offer { margin-right: 0; }
	.ended-offer .eo-block h2 { font-size: 18px; }
}

/* Показваме само началото на дългите програми - останалото е в самата оферта. */
.offer-description .mi-rest { margin: 8px 0 0; }
.offer-description .mi-rest a {
	color: #ff296c;
	font-size: 14px;
	font-weight: 700;
}

/* Собствен текст за дестинацията и града - под H1, преди списъка с оферти. */
.dest-intro,
.destination-intro {
	margin: 0 0 18px;
	color: #4A5160;
	font-size: 15px;
	line-height: 1.6;
}
.dest-intro p,
.destination-intro p { margin: 0 0 10px; }

/* Снимката на картата вече е истински <img> (виж offerCardImg): CSS фонът не
   се индексира от Google Images и няма alt. Позиционирана е абсолютно, за да
   не мести .mo-link и надписите, които стоят в потока на същата кутия. */
.offer-item .offer-img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ── Карти на статии в блога (partials/blog-card.blade.php) ───────────────── */
.blog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; width: calc(100% - 34px); margin-top: 6px; }
.blog-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); width: auto; }
.blog-card {
	background: #fff; border-radius: 14px; overflow: hidden; min-width: 0;
	box-shadow: 0 6px 22px rgba(20,25,35,.08); text-decoration: none; display: flex; flex-direction: column;
	transition: transform .18s ease, box-shadow .18s ease;
}
.blog-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,25,35,.14); }
.blog-card-img { position: relative; overflow: hidden; background: #f0f2f5; aspect-ratio: 16 / 10; }
.blog-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.blog-card:hover .blog-card-img img { transform: scale(1.06); }
.blog-card-cat {
	position: absolute; left: 12px; top: 12px; padding: 4px 10px; border-radius: 999px;
	background: rgba(255,255,255,.92); color: #ff2a6a; font-size: 12px; font-weight: 700;
}
.blog-card-body { padding: 15px 17px 17px; text-align: left; display: flex; flex-direction: column; flex: 1; }
.blog-card-title {
	font-size: 16px; margin: 0 0 8px; line-height: 1.35; color: #23272e; font-weight: 700; text-align: left;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.blog-card:hover .blog-card-title { color: #ff2a6a; }
.blog-card p {
	font-size: 13.5px; color: #6b7280; margin: 0 0 14px; line-height: 1.5;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.blog-card-more { margin-top: auto; padding: 0; font-size: 13px; font-weight: 600; color: #ff2a6a; }
@media(max-width:1100px) { .blog-grid, .blog-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media(max-width:768px) { .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media(max-width:480px) { .blog-grid { grid-template-columns: 1fr; } }

/* =========================================================================
   Начална страница по новия макет (front/home + partials/home-hero).
   Хедърът и менюто не се пипат: хероят стои под тях в същия
   .mainmenu-wrapper и само той получава тъмния преливащ слой.
   Розовото е сайтовото #ff296c, както при картите.
   ========================================================================= */
.mainmenu-wrapper.home {
	height: auto;
	background-size: cover;
	background-color: #232833;
}
.hp-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
	padding: 72px 24px 88px;
	background: linear-gradient(180deg, rgba(30,34,43,.55) 0%, rgba(30,34,43,.75) 100%);
	box-sizing: border-box;
}
.hp-hero h1 {
	margin: 0;
	max-width: 720px;
	color: #fff;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.5px;
	text-align: center;
	text-transform: none;
	text-wrap: balance;
}
.hp-hero h1 span { color: #FF5C93; }
.hp-search {
	display: flex;
	width: 100%;
	max-width: 640px;
	padding: 6px;
	background: #fff;
	border-radius: 999px;
	box-shadow: 0 12px 40px rgba(0,0,0,.25);
	box-sizing: border-box;
}
.hp-search input {
	flex: 1;
	min-width: 0;
	padding: 12px 20px;
	border: 0;
	outline: none;
	background: transparent;
	color: #2A2F38;
	font: inherit;
	font-size: 16px;
}
.hp-search input::placeholder { color: #9AA1AC; }
.hp-search button {
	padding: 12px 30px;
	border: 0;
	border-radius: 999px;
	background: #ff296c;
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s;
}
.hp-search button:hover { background: #e01f5c; }
.hp-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
.hp-chips a {
	padding: 7px 16px;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 999px;
	background: rgba(255,255,255,.14);
	color: rgba(255,255,255,.9);
	font-size: 13.5px;
	font-weight: 600;
	transition: background .15s;
}
.hp-chips a:hover { background: rgba(255,255,255,.24); color: #fff; text-decoration: none; }

/* Съдържанието започва под херото, а не върху него. Отместването надолу
   компенсира margin-top: -140px на футъра, който разчита на top: -170px. */
.content-wrapper.home {
	top: 0;
	margin-bottom: 170px;
	text-align: left;
}
.hp {
	max-width: 1440px;
	margin: 0 auto;
	padding: 48px 24px 24px;
	box-sizing: border-box;
	color: #2A2F38;
}
.hp-sec { margin-bottom: 48px; }
.hp-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}
.content-wrapper .hp-head h2 {
	margin: 0;
	color: #2A2F38;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -.3px;
	text-transform: none;
}
.hp-head a {
	color: #ff296c;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
.hp-head a:hover { color: #e01f5c; text-decoration: none; }

.hp-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
	gap: 12px;
}
.hp-tile {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 14px 18px;
	border: 1px solid #ECEEF2;
	border-radius: 12px;
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
.hp-tile:hover {
	border-color: #ff296c;
	box-shadow: 0 4px 14px rgba(255,41,108,.10);
	text-decoration: none;
}
.hp-tile b { color: #2A2F38; font-size: 15px; font-weight: 700; }
.hp-tile small { color: #7A8290; font-size: 12.5px; }

.hp-grid-hol { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.hp-holiday {
	display: flex;
	flex-direction: column;
	border: 1px solid #ECEEF2;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
.hp-holiday:hover { border-color: #ff296c; box-shadow: 0 4px 14px rgba(255,41,108,.10); text-decoration: none; }
.hp-holiday-img { display: block; height: 130px; background: #232833; }
.hp-holiday-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hp-holiday-txt { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px 14px; }
.hp-holiday-txt b { color: #2A2F38; font-size: 15px; font-weight: 800; }
.hp-holiday-txt small { color: #7A8290; font-size: 12.5px; }
.hp-holiday-txt em { margin-top: 4px; color: #ff296c; font-size: 14px; font-weight: 800; font-style: normal; }

/* Офертите: истинска решетка с gap вместо отстъпа вдясно на картата. */
.hp-offers {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(272px, 1fr));
	gap: 20px;
	align-items: stretch;
}
.hp-offers .offer-item {
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0;
	padding: 0;
}
.hp-offers .offer-item .offer-item-wrap { margin: 0; }

.hp .blog-grid { width: auto; margin-top: 0; gap: 20px; }

@media (max-width: 768px) {
	.mainmenu-wrapper.home { height: auto !important; }
	.hp-hero { padding: 40px 16px 44px; gap: 20px; }
	.hp-hero h1 { font-size: 26px; }
	.hp-search button { padding: 10px 20px; }
	.hp { padding: 32px 16px 16px; }
	.hp-sec { margin-bottom: 36px; }
	.content-wrapper .hp-head h2 { font-size: 20px; }
	.hp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.hp-tile { padding: 12px 14px; }
	.hp-holiday-img { height: 110px; }
}

/* До 411px с Manrope заглавието е на 3 реда, а с резервния шрифт - на 2 (на
   границата е, size-adjust не стига). Запазената височина спира подскачането,
   когато Manrope дойде. */
@media (max-width: 411px) {
	.hp-hero h1 { min-height: 3.6em; }
}
@media (max-width: 420px) {
	.hp-chips a { padding: 6px 12px; font-size: 13px; }
}

/* --- Футър по макета (за целия сайт) --- */
.footer .subscribe-wrapper { background: #fff; border-top: 1px solid #ECEEF2; }
.site-foot { background: #232833; color: #B7BDC7; }
.site-foot-wrp {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 40px 24px;
	box-sizing: border-box;
}
/* Логото от хедъра, във варианта с бели букви за тъмния фон. Файлът е с
   поле около знака, затова отрицателният отстъп го изравнява с текста. */
.site-foot-logo { display: block; margin: -14px 0 -14px -16px; line-height: 0; }
.site-foot-logo img { display: block; width: 180px; height: auto; }
.site-foot nav { display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 13.5px; font-weight: 600; }
.site-foot nav a { color: #B7BDC7; }
.site-foot nav a:hover { color: #fff; text-decoration: none; }
.site-foot-copy { color: #7A8290; font-size: 12.5px; }
@media (max-width: 768px) {
	.site-foot-wrp { flex-direction: column; align-items: flex-start; padding: 28px 16px; gap: 16px; }
}
.hp-sub { margin: 6px 0 0; color: #7A8290; font-size: 13.5px; }

/* =========================================================================
   Листинг "Почивки в България/чужбина" по макета (show-travel-category,
   @section('page_class', 'lst')). Менюто не се пипа - пада само тъмната
   лента под него и съдържанието тръгва под менюто, на светъл фон.
   Филтрите са същите (main.js ги чете по .filters-wrap и :checkbox), сменя
   се само видът. Картите са същите (getOfferHtml) - на широк екран легнали.
   ========================================================================= */
.mainmenu-wrapper.lst { height: auto; }
.content-wrapper.lst {
	top: 0;
	margin-bottom: 170px; /* виж .content-wrapper.home */
	max-width: 1440px;
	padding: 0 24px 24px;
	box-sizing: border-box;
	text-align: left;
	color: #2A2F38;
}
.lst .cols-wrap { margin-right: 0; }
.lst .breadcrumbs { margin: 24px 0 14px; font-size: 13px; }

.lst .lst-head { padding: 0; background: none; }
.lst-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 16px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}
.content-wrapper.lst .lst-title h1 {
	margin: 0;
	padding: 0;
	color: #2A2F38;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.4px;
	text-transform: none;
	text-shadow: none;
}
.lst-count { color: #7A8290; font-size: 13.5px; }
.lst .dest-intro { margin: -6px 0 18px; color: #4A5160; }
/* Обобщението с числата (App\Logic\DestinationFacts) - над текста за мястото. */
.lst .dest-facts { margin: -6px 0 14px; color: #4A5160; font-size: 15px; line-height: 1.6; }

.lst-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 26px;
}
.lst-chips { display: flex; flex-wrap: wrap; gap: 10px; flex: 1; }
.lst-chips a {
	padding: 7px 16px;
	border: 1px solid #ECEEF2;
	border-radius: 999px;
	background: #fff;
	color: #4A5160;
	font-size: 13px;
	font-weight: 700;
	transition: border-color .15s, color .15s;
}
.lst-chips a:hover { border-color: #ff296c; color: #ff296c; text-decoration: none; }
.lst-chips a.on { border-color: #ff296c; background: #ff296c; color: #fff; }

/* Подредбата - същото падащо меню, като хапче. */
.lst .cselect {
	float: none;
	margin: 0 0 0 auto;
	border: 1px solid #ECEEF2;
	border-radius: 999px;
	background: #fff;
	color: #4A5160;
}
.lst .select-selected { color: #4A5160; padding: 8px 32px 8px 14px; font-size: 13px; font-weight: 700; border: 0; }
.lst .select-selected > div::after { display: none; }
.lst .select-selected:after { top: 15px; right: 12px; border-width: 5px; border-color: #4A5160 transparent transparent transparent; }
.lst .select-selected.select-arrow-active:after { top: 9px; border-color: transparent transparent #4A5160 transparent; }
.lst .select-items { top: calc(100% + 6px); border-radius: 12px; box-shadow: 0 8px 28px rgba(20,25,35,.14); overflow: hidden; }

/* --- Странична лента --- */
.lst .filters-wrap {
	margin: 0 0 16px;
	padding: 20px 0 22px;
	border: 1px solid #ECEEF2;
	border-radius: 16px;
	box-shadow: none;
}
.lst .filters-wrap .prl { padding: 0 22px; }
.lst-filters-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 22px 14px;
	font-size: 14px;
	font-weight: 800;
}
.lst-filters-head a { color: #7A8290; font-size: 12.5px; font-weight: 700; }
.lst-filters-head a:hover { color: #ff296c; text-decoration: none; }
.lst .filters-wrap hr { margin: 16px 0; background: #F0F2F5; }
.lst .filters-wrap .heading {
	margin-bottom: 10px;
	color: #7A8290;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.lst .filters-wrap input[type=text],
.lst .filters-wrap select {
	padding: 10px 12px 10px 38px;
	border: 1px solid #ECEEF2;
	border-radius: 10px;
	background-color: #F6F7F9;
	background-position: 12px center;
	color: #2A2F38;
	font-size: 13.5px;
}
.lst .filters-wrap select { background-position: 12px center; background-size: 16px; }
.lst .label-container { padding-left: 26px; margin-bottom: 6px; color: #4A5160; font-size: 13.5px; font-weight: 600; line-height: 20px; }
.lst .label-container .checkmark {
	top: 2px;
	width: 16px;
	height: 16px;
	border: 1.5px solid #CDD2DA;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
}
.lst .label-container input:checked ~ .checkmark { border-color: #ff296c; background: #ff296c; }
.lst .label-container input:checked ~ .checkmark::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
/* Бутонът е само на мобилно (на десктоп филтърът тръгва при отметка) и
   стои фиксиран долу - позицията остава от старото правило. */
.lst .filters-submit {
	padding: 11px 24px;
	border-radius: 999px;
	background: #ff296c;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	cursor: pointer;
	transition: background .15s;
}
.lst .filters-submit:hover { background: #e01f5c; }

.lst-dests {
	display: flex;
	flex-direction: column;
	padding: 20px 22px;
	border: 1px solid #ECEEF2;
	border-radius: 16px;
	background: #fff;
}
.lst-dests-title {
	margin-bottom: 4px;
	color: #7A8290;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.lst-dests a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid #F0F2F5;
	color: #2A2F38;
	font-size: 13.5px;
	font-weight: 700;
}
.lst-dests a:last-child { border-bottom: 0; }
.lst-dests a:hover { color: #ff296c; text-decoration: none; }
.lst-dests small { flex-shrink: 0; color: #7A8290; font-size: 12px; font-weight: 600; }

/* --- Две колони: 280px филтри + списък --- */
@media (min-width: 992px) {
	.lst .cols-wrap {
		display: grid;
		grid-template-columns: 280px minmax(0, 1fr);
		gap: 0 28px;
		align-items: start;
	}
	.lst .cols-wrap > .col-12 { grid-column: 1 / -1; }
	.lst .cols-wrap > .col-3,
	.lst .cols-wrap > .col-9 { width: auto; float: none; }

	/* Легнали карти: снимка 240px вляво, текстът вдясно, цената и бутонът долу. */
	.lst .offers-wrp { display: flex; flex-direction: column; gap: 16px; }
	.lst .offers-wrp .offer-item { margin: 0; }
	.lst .offers-wrp .offer-item .offer-item-wrap { flex-direction: row; margin: 0; min-height: 200px; }
	.lst .offers-wrp .offer-item-container { position: relative; flex: 0 0 240px; width: 240px; }
	.lst .offers-wrp .offer-item .offer-img { position: absolute; inset: 0; height: auto; }
	.lst .offers-wrp .offer-item .offer-img img { width: 100%; height: 100%; object-fit: cover; }
	.lst .offers-wrp .in-box {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"place place"
			"title title"
			"facts facts"
			"tags  tags"
			"price foot";
		align-content: start;
		gap: 8px 14px;
		flex: 1;
		min-width: 0;
		padding: 18px 22px;
	}
	.lst .offers-wrp .in-box .offer-place { grid-area: place; margin: 0; }
	.lst .offers-wrp .in-box .oc-title { grid-area: title; margin: 0; font-size: 15.5px; font-weight: 800; -webkit-line-clamp: 2; min-height: 0; }
	.lst .offers-wrp .in-box .offer-facts {
		grid-area: facts;
		display: flex;
		flex-wrap: wrap;
		gap: 2px 6px;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 12.5px;
	}
	.lst .offers-wrp .in-box .offer-facts .of-label { color: #9AA1AC; }
	.lst .offers-wrp .in-box .offer-facts .of-value { margin-right: 10px; text-align: left; }
	.lst .offers-wrp .in-box .oc-tags { grid-area: tags; margin: 0; }
	.lst .offers-wrp .in-box .oc-price-row { grid-area: price; align-self: end; margin: 0; padding-top: 6px; }
	.lst .offers-wrp .in-box .oc-foot { grid-area: foot; align-self: end; margin: 0; padding-top: 6px; gap: 12px; }
}

@media (max-width: 991px) {
	.mainmenu-wrapper.lst { height: auto !important; }
	.content-wrapper.lst { padding: 0 16px 16px; }
	.content-wrapper.lst .lst-title h1 { font-size: 24px; }
	.lst-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; }
	.lst-chips::-webkit-scrollbar { display: none; }
	.lst-chips a { flex-shrink: 0; }
	/* На мобилно подредбата се отваря от лентата #mob-sofil, но списъкът
	   (.select-items) е вътре в .cselect - затова не се скрива, а само губи вида си. */
	.lst .cselect { border: 0; background: none; margin: 0; }
	/* #mob-sofil е фиксиран под хедъра (50px) - досега го покриваше тъмната лента. */
	.content-wrapper.lst,
	.content-wrapper.cat.lst { top: 0; }
	.content-wrapper.cat.lst.trvl { padding-top: 50px; }
	#mob-sofil .box { border-color: #ECEEF2; border-radius: 999px; text-align: center; font-size: 13px; font-weight: 700; color: #4A5160; }
}
/* Старите правила на .cat (тъмна лента) бият по специфичност - тук се отменят. */
.content-wrapper.cat.lst .header-wrp { height: auto; margin-bottom: 0; }
.content-wrapper.cat.lst h1.cat-header { width: auto; float: none; top: 0; padding-left: 0; height: auto; line-height: 1.2; }
.content-wrapper.cat.lst .breadcrumbs li { color: #7A8290; }
.content-wrapper.cat.lst .breadcrumbs li a { color: #7A8290; }
.content-wrapper.cat.lst .breadcrumbs li a:hover { color: #ff296c; }
.content-wrapper.cat.lst .breadcrumbs li[aria-current="page"] { color: #2A2F38; }
.content-wrapper.cat.lst .breadcrumbs li + li::before { color: #B7BDC7; }

/* Колекциите (Топ намаления, Този уикенд, празници) - същият вид. */
.content-wrapper.coll.lst .breadcrumbs { margin: 24px 0 14px; }
.content-wrapper.coll.lst .breadcrumbs li { color: #7A8290; }
.content-wrapper.coll.lst .breadcrumbs li a { color: #7A8290; }
.content-wrapper.coll.lst .breadcrumbs li a:hover { color: #ff296c; }
.content-wrapper.coll.lst .breadcrumbs li[aria-current="page"] { color: #2A2F38; }
.content-wrapper.coll.lst .breadcrumbs li + li::before { color: #B7BDC7; }
.content-wrapper.lst .header-wrp.collection-head { margin-bottom: 26px; }
.content-wrapper.lst .header-wrp.collection-head h1.cat-header {
	margin: 0 0 10px;
	color: #2A2F38;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -.4px;
	text-transform: none;
	text-shadow: none;
}
.content-wrapper.lst .header-wrp.collection-head .collection-intro { color: #4A5160; text-shadow: none; }
.content-wrapper.lst .header-wrp.collection-head .price-chips > span { color: #7A8290; }
.content-wrapper.lst .header-wrp.collection-head .price-chips a {
	border: 1px solid #ECEEF2;
	background: #fff;
	color: #4A5160;
	font-weight: 700;
}
.content-wrapper.lst .header-wrp.collection-head .price-chips a:hover { border-color: #ff296c; background: #fff; color: #ff296c; text-decoration: none; }
@media (max-width: 991px) {
	.content-wrapper.lst .header-wrp.collection-head h1.cat-header { font-size: 24px; }
}

/* =========================================================================
   Страницата на оферта по макета (offer-view, page_class "ofd-page").
   Цветовете са като на обекта и дестинацията (place.css / destination.css).
   Формата за Booking ползва класовете от
   place.css, затова променливите --pv-* се задават и тук.
   ========================================================================= */
.content-wrapper.ofd-page { top: 0; margin-bottom: 170px; text-align: left; }
.content-wrapper .ofd {
	--pv-ink: #2A2F38; --pv-ink-2: #4A5160; --pv-mute: #7A8290; --pv-line: #ECEEF2;
	--pv-line-2: #F0F2F5; --pv-fill: #F3F4F7; --pv-accent: #ff296c; --pv-accent-d: #e01f5c;
	--pv-accent-s: #FDEAF1; --pv-good: #1FA05C; --pv-dark: #232833;
	max-width: 1440px;
	margin: 0 auto;
	padding: 24px 24px 24px;
	box-sizing: border-box;
	color: #2A2F38;
}
.content-wrapper .ofd *, .content-wrapper .ofd *::before, .content-wrapper .ofd *::after { box-sizing: border-box; }
.content-wrapper .ofd .breadcrumbs { margin: 0 0 18px; }
.content-wrapper .ofd .ended-offer { margin-bottom: 24px; }

.ofd-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: start; }
.ofd-main { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.ofd-aside { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 16px; }

.ofd-head { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }
.ofd-shot { position: relative; display: block; width: 392px; height: 220px; flex-shrink: 0; border-radius: 14px; overflow: hidden; background: #E9EBEF; }
.ofd-shot img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ofd-disc { position: absolute; top: 14px; left: 14px; padding: 6px 14px; border-radius: 999px; background: #ff296c; color: #fff; font-size: 13px; font-weight: 800; }
.ofd-head-body { flex: 1; min-width: 260px; display: flex; flex-direction: column; gap: 14px; }
.content-wrapper .ofd-head-body h1 {
	margin: 0; color: #2A2F38; font-size: 25px; font-weight: 800; line-height: 1.3;
	letter-spacing: -.4px; text-transform: none; text-align: left; text-wrap: balance;
}
.ofd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ofd-chips span { padding: 6px 13px; border: 1px solid #ECEEF2; border-radius: 999px; background: #fff; color: #4A5160; font-size: 12.5px; font-weight: 600; }

.ofd-box { padding: 26px 28px; border: 1px solid #ECEEF2; border-radius: 16px; background: #fff; }
.content-wrapper .ofd-box h2 { margin: 0 0 14px; color: #2A2F38; font-size: 18px; font-weight: 800; text-transform: none; text-align: left; }
.content-wrapper .ofd-box h2 ~ h2 { margin-top: 24px; }
.ofd-box.offer-description { font-size: 15px; line-height: 1.65; color: #3A4150; }
.ofd-box.offer-description p { margin: 0 0 12px; }
.ofd-box.offer-description ul { padding-left: 20px; margin: 0 0 12px; }
.ofd-box-head { display: flex; align-items: baseline; justify-content: space-between; gap: 6px 16px; flex-wrap: wrap; margin-bottom: 6px; }
.content-wrapper .ofd-box-head h2 { margin: 0; }
.ofd-box-head span { color: #7A8290; font-size: 13px; }
.ofd-variant { display: flex; align-items: center; gap: 18px; padding: 14px 0; border-bottom: 1px solid #F0F2F5; }
.ofd-variant:last-child { border-bottom: 0; }
.ofd-variant-t { flex: 1; min-width: 0; font-size: 14.5px; font-weight: 700; line-height: 1.45; }
.ofd-variant-p { flex-shrink: 0; padding: 9px 18px; border-radius: 999px; background: #FDEAF1; color: #ff296c; font-size: 14px; font-weight: 800; white-space: nowrap; transition: background .15s, color .15s; }
.ofd-variant-p:hover { background: #ff296c; color: #fff; text-decoration: none; }

.ofd-more-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.content-wrapper .ofd-more-head h2 { margin: 0; color: #2A2F38; font-size: 20px; font-weight: 800; text-transform: none; }
.ofd-more-head a { color: #ff296c; font-size: 14px; font-weight: 700; }
.ofd-more-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ofd-card { display: flex; flex-direction: column; border: 1px solid #ECEEF2; border-radius: 14px; overflow: hidden; background: #fff; transition: border-color .15s, box-shadow .15s; }
.ofd-card:hover { border-color: #ff296c; box-shadow: 0 4px 14px rgba(255,41,108,.10); text-decoration: none; }
.ofd-card-img { position: relative; display: block; height: 140px; background: #E9EBEF; }
.ofd-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ofd-card-img .ofd-disc { top: 10px; left: 10px; padding: 4px 11px; font-size: 12px; }
.ofd-card-body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 14px 16px 16px; }
.ofd-card-body b { color: #ff296c; font-size: 20px; font-weight: 800; }
.ofd-card-t { color: #2A2F38; font-size: 13.5px; font-weight: 600; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ofd-card-more { margin-top: auto; color: #ff296c; font-size: 13px; font-weight: 700; }

.ofd-buy { display: flex; flex-direction: column; gap: 16px; padding: 24px; }
.ofd-old { color: #7A8290; font-size: 13px; }
.ofd-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: -14px; }
.ofd-price b { color: #ff296c; font-size: 34px; font-weight: 800; line-height: 1.2; }
.ofd-price b sup { font-size: .5em; }
.ofd-price span { color: #7A8290; font-size: 13.5px; }
.ofd-cta { display: block; padding: 14px; border-radius: 999px; background: #ff296c; color: #fff; font-size: 16px; font-weight: 800; text-align: center; transition: background .15s; }
.ofd-cta:hover { background: #e01f5c; color: #fff; text-decoration: none; }
.ofd-src { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12.5px; color: #7A8290; }
.ofd-src a { color: #7A8290; }
.ofd-src b { color: #4A5160; font-weight: 700; }
.ofd-facts { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; padding-top: 16px; border-top: 1px solid #F0F2F5; font-size: 13.5px; }
.ofd-facts span { color: #7A8290; }
.ofd-facts b { font-weight: 700; text-align: right; }
.ofd-box-t { color: #7A8290; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ofd-place { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px; }
.ofd-place b { font-size: 15px; font-weight: 800; }
.ofd-place > span:not(.ofd-box-t) { color: #4A5160; font-size: 13.5px; }
.ofd-place-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: 13.5px; font-weight: 700; }
.ofd-place-links a { color: #ff296c; }
.ofd-share { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 24px; }
.ofd-share > span { color: #4A5160; font-size: 13px; font-weight: 700; }
.ofd-share div { display: flex; gap: 8px; }
.ofd-share a { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 999px; background: #F3F4F7; color: #4A5160; font-size: 12px; font-weight: 800; cursor: pointer; transition: background .15s, color .15s; }
.ofd-share a:hover { background: #ff296c; color: #fff; text-decoration: none; }
.ofd-mbar { display: none; }

@media (max-width: 991px) {
	.ofd-grid { grid-template-columns: 1fr; }
	.ofd-aside { position: static; }
	.ofd-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
	.content-wrapper.ofd-page { top: 0; }
	.content-wrapper .ofd { padding: 16px 16px 80px; }
	.ofd-shot { width: 100%; height: auto; aspect-ratio: 16 / 9; }
	.ofd-head-body { min-width: 0; }
	.content-wrapper .ofd-head-body h1 { font-size: 21px; }
	.ofd-box { padding: 20px 18px; }
	.ofd-more-grid { grid-template-columns: 1fr; }
	.ofd-mbar {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;
		display: flex; align-items: center; justify-content: space-between; gap: 12px;
		padding: 10px 16px; background: #fff; border-top: 1px solid #ECEEF2;
		box-shadow: 0 -4px 16px rgba(20,25,35,.08);
	}
	.ofd-mbar b { color: #ff296c; font-size: 22px; font-weight: 800; }
	.ofd-mbar a { padding: 10px 22px; border-radius: 999px; background: #ff296c; color: #fff; font-weight: 800; }
}
.mainmenu-wrapper.ofd-page { height: auto !important; }
.content-wrapper.ofd-page .breadcrumbs li,
.content-wrapper.ofd-page .breadcrumbs li a { color: #7A8290; }
.content-wrapper.ofd-page .breadcrumbs li a:hover { color: #ff296c; }
.content-wrapper.ofd-page .breadcrumbs li[aria-current="page"] { color: #2A2F38; }
.content-wrapper.ofd-page .breadcrumbs li + li::before { color: #B7BDC7; }
/* Старите правила за заглавието на офертата (фиксирана височина 115px). */
.content-wrapper.offer.ofd-page .ofd-head-body h1 { height: auto; padding: 0 !important; margin: 0; line-height: 1.3; font-size: 25px; }
@media (max-width: 768px) {
	.content-wrapper.offer.ofd-page .ofd-head-body h1 { font-size: 21px; width: auto; float: none; position: static; }
}
.lst .label-container .lst-n { margin-left: 4px; color: #9AA1AC; font-size: 12px; font-weight: 600; }

/* --- Шрифтът и менюто - еднакви на всички страници --- */
input, button, select, textarea { font-family: inherit; }
/* Лентата с иконите беше полупрозрачна върху различен фон - снимка на
   началната, шарка на листингите, светло на хотела - и всеки път с друг цвят. */
.mainmenu-wrapper .menu { background: #232833; }
.lst-pager { display: flex; flex-direction: column; align-items: center; gap: 4px; padding-top: 20px; }
.lst-more {
	padding: 11px 28px;
	border: 1px solid #ECEEF2;
	border-radius: 999px;
	background: #fff;
	color: #4A5160;
	font-size: 14px;
	font-weight: 700;
	transition: border-color .15s, color .15s;
}
.lst-more:hover { border-color: #ff296c; color: #ff296c; text-decoration: none; }
.lst-pager .pagination-wrap { margin: 16px 0 0; }

/* --- Празнични страници (/koleda, /nova-godina): ръководство под офертите --- */
.content-wrapper.lst .header-wrp.collection-head .hg-spokes { margin-top: 12px; }
.content-wrapper.lst .header-wrp.collection-head .hg-spokes a { border-color: #ff296c; color: #ff296c; }
.holiday-guide {
	clear: both;
	max-width: 900px;
	margin: 36px auto 10px;
	padding: 28px 32px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 22px rgba(20,25,35,.06);
	color: #4A5160;
	font-size: 15px;
	line-height: 1.65;
}
.content-wrapper .holiday-guide h2 {
	/* .content-wrapper.cat h2 е с отстъп 60px и фиксирана височина - тук не важи. */
	height: auto; margin: 26px 0 10px; padding: 0; background: none;
	color: #2A2F38; font-size: 21px; font-weight: 800; line-height: 1.3; letter-spacing: -.2px; text-align: left;
}
.content-wrapper .holiday-guide h2:first-child { margin-top: 0; }
.holiday-guide p { margin: 0 0 10px; }
.holiday-guide ul { margin: 0 0 12px; padding-left: 20px; }
.holiday-guide li { margin-bottom: 6px; }
.holiday-guide a { color: #ff296c; font-weight: 700; }
.holiday-guide .hg-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 24px; padding: 0; list-style: none; }
.holiday-guide .hg-links span { color: #9AA1AC; font-size: 13.5px; }
.holiday-guide .hg-faq details { border-bottom: 1px solid #ECEEF2; }
.holiday-guide .hg-faq summary { padding: 12px 0; color: #2A2F38; font-weight: 700; cursor: pointer; }
.holiday-guide .hg-faq details p { padding-bottom: 12px; }
@media (max-width: 768px) {
	/* Мобилното .content-wrapper.cat h1 (отстъп 60px за иконата, !important)
	   изместваше заглавието на колекциите, които нямат икона. */
	.content-wrapper .header-wrp.collection-head h1.cat-header {
		display: block; height: auto !important; padding-left: 0 !important; line-height: 1.2 !important;
	}
	.holiday-guide { margin: 24px 12px 0; padding: 20px 18px; }
	.holiday-guide .hg-links { grid-template-columns: 1fr; }
}

/* Обектите от каталога под офертите на дестинацията */
.holiday-guide .dest-places-more { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 8px; }