.fs-30px {
    font-size: 30px;
}
.fs-16px {
    font-size: 16px;
}
.fs-14px {
    font-size: 14px;
}

/* Required field asterisks — always red on forms */
.qlassified-req,
.ql-book__req,
label .text-danger,
.form-label .text-danger,
.ol-form-label .text-danger,
.cap-form-label .text-danger,
.ua-form-label .qlassified-req,
.fform-label .qlassified-req {
    color: #DC2626 !important;
    font-weight: 700;
    margin-left: 2px;
}
.icon-color {
    color: var(--themeColor);
}
.at-shadow-card.active {
    background-color: var(--themeColor);
}
.line-1 {
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.mh-category-content .in-title-18px{
    text-transform: capitalize;
}
.image-circle-58px img{
    height: 58px;
    width: 58px;
    object-fit: cover;
    border-radius: 50%;
}
.at-blog-card-image img {
	height: 280px;
}
.close{
    color: #e64949 !important;
}
.bt-status-badge{
    text-transform: capitalize;
}
.bt-bgimg-card{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.capitalize{
    text-transform: capitalize;
}


/* Beauty */
 .beauty-details-body .header-section {
	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
}
.beauty-details-body .header-section .at-home-menu-wrap {
	padding: 6px 0;
}
.beauty-details-body  .filter-tab-switch .grid-list.active path,
.beauty-details-body  .filter-tab-switch .grid-list:hover path {
	fill: #FF736A;
}
.beauty-details-body .switch-button .knobs span {
	background-image: url(../images/icons/location-purple_beauty.svg);
}

.beauty-details-body .switch-button .switch-checkbox:checked ~ .layer {
	background-color: #FF736A;
	border-color: #FF736A;
	box-shadow: 0 8px 18px rgba(255, 115, 106, .28);
}
.beauty-details-body .noUi-connect {
	background: #FF736A;
}

.activeColor svg path,
.beautyColor path{
    fill: #FF736A !important;
}

/* Agent message */
.agentTitle{
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #DCDEE5;
}
.agentTitle h4{
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    color: var(--darkColor);
}
.agentTitle a {
	padding: 12px 16px;
	background: var(--themeColor);
    color: #fff;
	border-radius: 5px;
    transition: .5s;
}
.agentTitle .save-share {
	background-color: #d5d3d385;
	color: #000;
}
.agentTitle .save-share:hover{
    background-color: var(--themeColor);
    color: #fff;
}
.figure{
    height: 171px;
    width: 184px;
    margin-bottom: 0;
}
.figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.agentDescription{
    display: flex;
    gap: 20px;
}
/* Agent message */
.beauty-details-body .numbers svg path,
.beauty-details-body .location svg path{
    fill: var(--themeColor) !important;
}

.sidebar-accordion-menu li a label {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	column-gap: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: var(--nightColor);
    width: 100%;
    cursor: pointer;
}
.sidebar-accordion-menu li a label.active, .sidebar-accordion-menu li a li:hover {
	color: var(--themeColor);
}

.eRow {
    opacity: 0;
    height: 0;
    max-height: 0;
    overflow: hidden;
    margin: 0;
    pointer-events: none;
    transition: opacity .28s ease, max-height .28s ease, margin .28s ease;
}
.eShow {
    opacity: 1;
    height: auto;
    max-height: 520px;
    margin-bottom: 16px;
    pointer-events: auto;
}

/* ===== Listings map toggle (checked = map ON) ===== */
.qlassified-map-switch {
    display: inline-flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
}
.switch-button,
.qlassified-map-switch__btn {
    position: relative;
    width: 78px;
    height: 36px;
    overflow: hidden;
    border-radius: 999px;
    flex-shrink: 0;
}
.switch-button .switch-checkbox {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.switch-button .knobs,
.switch-button .layer {
    position: absolute;
    inset: 0;
}
.switch-button .knobs { z-index: 1; }
.switch-button .layer {
    z-index: 0;
    border-radius: 999px;
    background: #F4F6FA;
    border: 1.5px solid #D5DAE6;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.switch-button .knobs::before,
.switch-button .knobs::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1;
    transition: opacity .18s ease, visibility .18s ease;
    z-index: 1;
}
.switch-button .knobs::before {
    content: attr(data-on);
    left: 11px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
}
.switch-button .knobs:not([data-on])::before { content: "ON"; }
.switch-button .knobs:not([data-off])::after { content: "OFF"; }
.switch-button .knobs::after {
    content: attr(data-off);
    right: 11px;
    color: #6B7289;
    visibility: visible;
    opacity: 1;
}
.switch-button .knobs span {
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/icons/location-purple.svg);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 2px 8px rgba(15, 18, 32, .14);
    transition: left .22s ease, box-shadow .22s ease;
    z-index: 2;
}
.switch-button .switch-checkbox:checked ~ .layer {
    background: var(--themeColor, #0F5EAD);
    border-color: var(--themeColor, #0F5EAD);
    box-shadow: 0 8px 18px rgba(15, 94, 173, .28);
}
.switch-button .switch-checkbox:checked ~ .knobs span {
    left: 46px;
}
.switch-button .switch-checkbox:checked ~ .knobs::before {
    visibility: visible;
    opacity: 1;
}
.switch-button .switch-checkbox:checked ~ .knobs::after {
    visibility: hidden;
    opacity: 0;
}
.qlassified-map-switch:hover .switch-button .layer {
    border-color: #B8C0D0;
}
.qlassified-map-switch:hover .switch-button .switch-checkbox:checked ~ .layer {
    border-color: transparent;
    filter: brightness(1.03);
}

/* ===== Listings map panel ===== */
.qlassified-listings-map.car-map-area,
.car-map-area.qlassified-listings-map {
    height: auto;
    width: 100%;
    margin-bottom: 0;
}
.qlassified-listings-map.eShow {
    margin-bottom: 16px;
}
.qlassified-listings-map__frame {
    position: relative;
    height: 420px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #d9d7d2;
    background:
        radial-gradient(120% 80% at 50% 0%, #f7f5f0 0%, #ebe8e1 55%, #e5e3df 100%);
    box-shadow:
        0 1px 2px rgba(60, 64, 67, .08),
        0 8px 24px rgba(60, 64, 67, .12);
}
.qlassified-listings-map__frame::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
    background-size: 48px 48px;
    opacity: .35;
    mix-blend-mode: soft-light;
}
.qlassified-listings-map__canvas,
.qlassified-listings-map #map,
.qlassified-listings-map .h-500 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100% !important;
    min-height: 0;
    display: block;
    background: #e5e3df;
}
.qlassified-listings-map .mapboxgl-canvas {
    outline: none;
}
.qlassified-listings-map .qlassified-map-pin {
    z-index: 1;
}
.qlassified-listings-map .qlassified-map-pin.is-boosted {
    z-index: 2;
}
.qlassified-listings-map .mapboxgl-ctrl-attrib {
    background: rgba(255, 255, 255, .78) !important;
    color: #5f6368 !important;
    font-size: 10px !important;
}
.qlassified-listings-map .mapboxgl-ctrl-group {
    border: 0 !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,.3) !important;
}
.qlassified-listings-map .mapboxgl-ctrl-group button {
    width: 40px !important;
    height: 40px !important;
    background: #fff !important;
}
.qlassified-listings-map .mapboxgl-ctrl-group button + button {
    border-top: 1px solid #e0e0e0 !important;
}
.qlassified-listings-map__chip {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(15, 18, 32, .08);
    color: #0F1220;
    font-size: 12px;
    font-weight: 650;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 14px rgba(15, 18, 32, .1);
    pointer-events: none;
}
.qlassified-listings-map__chip svg { color: var(--themeColor, #0F5EAD); }
.qlassified-listings-map__empty {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #6B7289;
    text-align: center;
    padding: 24px;
}
.qlassified-listings-map__empty p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #4B5568;
}
.qlassified-map-popup-wrap .mapboxgl-popup-content {
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(15, 18, 32, .18) !important;
    border: 1px solid #E8EBF2;
}
.qlassified-map-popup-wrap .mapboxgl-popup-close-button {
    right: 6px !important;
    top: 6px !important;
    width: 24px !important;
    height: 24px !important;
    border: 0 !important;
    background: rgba(15, 18, 32, .55) !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    line-height: 22px !important;
}
.qlassified-map-popup {
    display: block;
    width: 220px;
    color: inherit;
    text-decoration: none !important;
}
.qlassified-map-popup__img {
    display: block;
    width: 100%;
    height: 112px;
    object-fit: cover;
    background: #EEF1F6;
}
.qlassified-map-popup__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px 12px;
}
.qlassified-map-popup__boost {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .03em;
    color: #C2410C;
    text-transform: uppercase;
}
.qlassified-map-popup__title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    color: #0F1220;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.qlassified-map-popup__place {
    font-size: 12px;
    color: #6B7289;
    font-weight: 500;
}
.qlassified-map-pin {
    transition: transform .15s ease;
}
.qlassified-map-pin:hover,
.qlassified-map-pin:focus-visible {
    transform: scale(1.15);
    outline: none;
}

@media (max-width: 991.98px) {
    .qlassified-listings-map__frame { height: 300px; }
    .eShow { max-height: 360px; }
}

.mapboxgl-popup-close-button {
	right: -6px !important;
	top: -9px !important;
	height: 20px;
	font-size: 14px !important;
	width: 20px;
	border: 1px solid var(--themeColor) !important;
	background-color: var(--themeColor) !important;
	border-radius: 50% !important;
	color: #fff;
}
.mapboxgl-popup-content h3{
    font-size: 13px;
}
.hidden {
    display: none;
}
/* Car  */
.car-details-body  .at-home-menu-wrap {
	padding: 6px 0;
}
.car-details-body .header-section {
	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
}

.car-details-body .numbers svg path,
.car-details-body .location svg path{
    fill: var(--themeColor) !important;
}
.car-details-body .bt-home-navbar-nav .at-home-nav-link.active,
.car-details-body .bt-home-navbar-nav .at-home-nav-link:hover {
	color: var(--themeColor);
}
.car-details-body .grid-list-bookmark.gray-bookmark2.ca-bookmark-hover.active path, 
.car-details-body .grid-list-bookmark.gray-bookmark2.ca-bookmark-hover:hover path {
	fill: var(--themeColor);
	stroke: var(--themeColor);
}
.car-details-body .grid-list-bookmark.gray-bookmark2,
.car-details-body .grid-list-bookmark.white-bookmark {
	background: var(--whiteColor);
}
.car-details-body .grid-list-bookmark.gray-bookmark2 path,
.car-details-body .grid-list-bookmark.gray-bookmark2 path {
	stroke: var(--themeColor);
}
.h-220{
    height: 200px !important;
}
.in-title-16px {
	font-size: 18px;
}
/* .car-details-body .single-comment-wrap::after {
    height: calc(100% - 237px);
}
.beauty-details-body .single-comment-wrap::after { 
	height: calc(100% - 164px);
} */
 .Cgray .active path{
    stroke: #000 !important;
    fill: #000 !important;
 }
 .car-details-body .Cgray2  .grid-list-bookmark.gray-bookmark2,
.car-details-body .Cgray2  .grid-list-bookmark.white-bookmark {
	background: rgba(32, 33, 36, 0.3) !important;
}
.Cgray .active:hover path{
    fill: #000 !important;
}
.Cgray  .grid-list-bookmark.gray-bookmark2.active path, 
.Cgray  .grid-list-bookmark.gray-bookmark2:hover path {
	fill: #000 !important;
}
.car-details-body .numbers svg path, .car-details-body .location svg path {
	fill: #fff !important;
}
.car-details-body .noUi-connect {
	background: #000;
}
.align_self{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.align_self img{
    height: 25px;
}

.align_self .alm-hlist-totalitem {
	font-size: 15px;
}
.align_self .alm-hlist-title {
	font-size: 12px;
}
.fluid-white-btn.active {
	background-color: var(--themeColor);
    color: #fff !important;
	color: var(--themeColor);
}
.sidebar-accordion-menu li .active label span,
.sidebar-accordion-menu li a:hover label span {
	color: #000;
}
/* Hotel  */
.hotel-details-body .location svg path{
    fill: var(--themeColor) !important;
}
.h-260px{
    height: 260px;
}
.hotel-details-body .header-section .at-home-menu-wrap {
	padding: 6px 0;
}
.hotel-details-body .bt-home-navbar-nav .at-home-nav-link.active,
.hotel-details-body .bt-home-navbar-nav .at-home-nav-link:hover {
	color: var(--themeColor);
}
.hotel-details-body .header-section .ca-btn-dark:hover {
	background: #2f7ff9;
}
.hotel-details-body .noUi-connect {
	background: var(--themeColor);
}
.hotel-details-body .atn-slide-banner img {
	height: 450px;
}
.h-500{
    height: 500px ;
}
.h-297{
    height: 297px ;
}
.eClass li i{
    margin-top: 1px;
  display: block;
  font-size: 15px;
}
.hotel-details-body  .filter-tab-switch .grid-list.active path, 
.hotel-details-body  .filter-tab-switch .grid-list:hover path {
	fill: var(--themeColor);
}
.text-white{
    color: #fff !important;
}
.eListImage img{
    height: 177px;
    width: 100%;
    object-fit: cover;
}
.noDataBtn{
    border-radius: 8px;
  background: var(--themeColor);
  padding: 12px 19.5px;
  color: var(--whiteColor);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  transition: .3s;
}
.noDataCard{
    text-align: center;
    padding: 20px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    border: none;
}
.noDataCard h3{
    font-size: 24px;
    line-height: 24px;
    margin-top: 21px;
    padding-bottom: 9px;
}
.noDataCard img{
    margin: auto;
}
.noDataCard p{
    font-weight: 500;
    font-size: 14px;
    color: #7E7E89;
    margin-bottom: 20px;
    line-height: 24px;
}
.eCheck label{
    cursor: pointer;
}
.eCheck .form-check-input[type="radio"] {
	border-radius: 3px;
    cursor: pointer;
}
.eSelect data-display{
    text-transform: lowercase !important;
}
.paginationColor .page-link {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 8px;
  background: var(--whiteColor);
  color: #000;
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 12px;
}
.paginationColor .page-item:last-child .page-link,
.paginationColor .page-item:first-child .page-link {
    border-radius: 8px;
}
.paginationColor .active > .page-link, .paginationColor .page-link.active {
	color: var(--whiteColor);
	background-color: var(--themeColor);
	border-color: var(--themeColor);
}
.paginationColor .page-link:focus {
	color: var(--whiteColor);
	background-color: var(--themeColor);
	box-shadow: none;
}
.paginationColor .page-link:hover{
    background-color: var(--themeColor);
    color: var(--whiteColor);
}
.real-estate-details-body .noUi-connect {
	background: var(--themeColor);
}
.filter-tab-switch .grid-list.active path, .filter-tab-switch .grid-list:hover path {
	fill: var(--themeColor);
}
.real-estate-details-body .bt-home-navbar-nav .at-home-nav-link.active,
.real-estate-details-body .bt-home-navbar-nav .at-home-nav-link:hover {
	color: var(--themeColor);
}
.real-estate-details-body .reals-list-slider .grid-slide-img img {
	height: 160px;
	object-fit: cover;
	width: 100%;
}
.realdetails-feature .icon i {
	font-size: 29px;
    color: var(--themeColor);
}
.real-estate-details-body  .header-section .at-home-menu-wrap {
	padding: 6px 0;
}

.add-listing {
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 1.375rem !important;
	padding-right: 1.5625rem !important;
	background-color: var(--themeColor) !important;
	cursor: pointer;
	border-radius: 0.3125rem;
	font-size: 0.9375rem;
	font-weight: 500 !important;
	line-height: 1.1875rem;
	color: #fff !important;
}
.btn-theme{
    background-color: var(--themeColor) !important;
    border-color: var(--themeColor) !important;
}
.fz-18-m-black {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.875rem;
	color: #0b162d;
}
.team-checkbox .team-body .checked i {
	background-color: var(--themeColor) !important;
	
}
.label-bg{
    padding: 56px 30px;
    border-radius: 8px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='black' stroke-width='1' stroke-dasharray='6%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    text-align: center;
}
.nearBtn a{
    width: 2rem;
  height: 2rem;
  border: 0.0625rem solid #d4d4d4;
  border-radius: 0.3125rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.nearBtn a:hover{
    background-color: var(--themeColor);
    border-color: var(--themeColor);
    color: #fff;
}
.eNav-Tabs-custom .nav-link {
    color: #000;
}
.model-viewer {
	width: 100% !important;
	height: 300px !important;
    display: inline-block;
}
.new_label {
	border: 1px solid #007BFF;
	width: 100%;
	text-align: center;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
}
.restaurant-details-body .header-number-location .location svg path{
    fill: var(--skinColor2);

}
.rt-bgimg-card{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
.h-250px{
    height: 250px !important;
}
.restaurant-details-body .noUi-connect {
	background: var(--themeColor);
}
.restaurant-details-body .header-section .at-home-menu-wrap {
	padding: 6px 0;
}
.f-14{
    font-size: 14px !important;
}
.restaurant-details-body .restaurant-list-slider .grid-slide-img img {
	height: 180px;
    width: 100%;
}
.restaurant-details-body .atn-slide-banner img {
	height: 465px;
}
.restaurent-amenities-list .hidden-amenity {
    display: none;
}
.sticky-class,
.realdetails-sidebar,
.hoteldetails-form-area,
.beauty-details-sidebar,
.restdetails-sidebar {
	position: sticky;
	top: 10px;
	right: 0;
}
.real-estate-details-body .header-number-location .location svg path{
    fill: var(--themeColor) !important;
} 
.colorText{
    color: var(--themeColor);
}

.eRestaurent .filter-select {
	padding: 13px 24px 13px 14px;
	border: 1px solid #ddd;
	width: 100%;
	border-radius: 6px;
	margin-bottom: 20px;
}
.eRestaurent .filter-select .list {
	min-width: 100%;
}
.eRestaurent .dropdown-toggle::after {
	right: 13px;
	position: absolute;
	top: 19px;
	font-size: 24px;
}
.eRestaurent  .dropdown-toggle {
	border:  1px solid rgba(126, 126, 137, 0.36);
	width: 100%;
	display: flex;
	padding: 10px 10px;
	font-size: 14px;
    background-color: transparent;
    color: rgba(126, 126, 137, 100%);
    border-radius: 8px;
}
.eRestaurent .dropdown-menu.show {
	width: 100%;
}
#guest-count {
	margin-left: 10px;
	height: 24px;
	background: var(--themeColor);
	border-radius: 50%;
	width: 24px;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
}
.eRestaurent .current{
    color: rgba(126, 126, 137, 0.7);
}
.eRestaurent .filter-select::after {
	width: 29px;
}
.no-calendar-icon::-webkit-calendar-picker-indicator {
    display: none;
  }
.scale,  
.real-product-count, 
.mh-single-category {
    overflow: hidden;
    cursor: pointer;
    transition: .5s;
}
.scale:hover img,
.real-product-count:hover img,  
.mh-single-category:hover .banner{
   transform: scale(1.1);
   transition: .5s;
}
.cargrid-price-view .prices .new-price,
.reals-grid-price-see .prices .new-price,
.hotelgrid-see-price .prices .price,
.cargrid-title-area .title,
.reals-grid-title .title,
.beautygrid-location-title .title,
.restgrid-title-location .title,
.hotel-grid-details > .title {
	font-weight: 600;
}
.reals-grid-title .info,
.beautygrid-location-title .location .name {
	font-size: 14px;
    font-weight: 500;
}
/* White header pages reuse ht-home-navbar-nav — force dark ink there.
   White text is ONLY for the dark hotel hero (.ht-home-header). */
.header-section .at-home-nav-link,
.header-section .first-a,
.header-section .ht-home-navbar-nav > li > .at-home-nav-link,
.header-section .ht-home-navbar-nav > li > .at-home-nav-link.active,
.header-section .ht-home-navbar-nav > li:hover > .at-home-nav-link,
.qlassified-header .header-nav-list .first-a,
.qlassified-header .header-nav-list > li > .first-a,
.qlassified-details-page .header-section .at-home-nav-link,
.qlassified-details-page .header-section .first-a {
    color: #1F2433 !important;
}
.header-section .at-home-nav-link:hover,
.header-section .at-home-nav-link.active,
.header-section .first-a:hover,
.header-section .first-a.active,
.header-section .ht-home-navbar-nav > li > .at-home-nav-link:hover,
.header-section .ht-home-navbar-nav > li > .at-home-nav-link.active,
.qlassified-header .header-nav-list > li > .first-a:hover,
.qlassified-header .header-nav-list > li > .first-a.active {
    color: var(--themeColor, #0F5EAD) !important;
}
.header-section .have-sub-menu .first-a > svg path,
.qlassified-header .have-sub-menu .first-a > svg path {
    fill: currentColor !important;
}
.header-section .at-home-login,
.header-section .login.at-home-nav-link {
    color: #1F2433 !important;
}

/* Hotel dark hero: white top-level links on desktop only (mobile drawer stays dark ink) */
@media (min-width: 1200px) {
    .ht-home-header .ht-home-navbar-nav > li > .at-home-nav-link {
        color: #fff !important;
    }
    .ht-home-header .ht-home-navbar-nav > li > .at-home-nav-link.active,
    .ht-home-header .ht-home-navbar-nav > li:hover > .at-home-nav-link {
        color: #fff !important;
    }
    .ht-home-header .have-sub-menu > .first-a > svg path {
        fill: #fff !important;
    }
    .at-menu-for-dark .at-home-navbar-nav > li > .at-home-nav-link,
    .at-menu-for-dark .header-nav-list > li > .at-home-nav-link,
    .at-menu-for-dark .header-nav-list > li > .first-a {
        color: #fff !important;
    }
}

/* Dropdown / sub-menus sit on white panels — always use dark ink */
.first-sub-menu,
.qlassified-header__nav .first-sub-menu {
    background: #fff;
}
.first-sub-menu a,
.first-sub-menu .at-home-nav-link,
.ht-home-header .first-sub-menu a,
.ht-home-header .first-sub-menu .at-home-nav-link,
.at-menu-for-dark .first-sub-menu a,
.at-menu-for-dark .first-sub-menu .at-home-nav-link,
.qlassified-header__nav .first-sub-menu a {
    color: #1F2433 !important;
    background: transparent;
}
.first-sub-menu a:hover,
.first-sub-menu a.active,
.first-sub-menu .at-home-nav-link:hover,
.first-sub-menu .at-home-nav-link.active,
.ht-home-header .first-sub-menu a:hover,
.ht-home-header .first-sub-menu a.active,
.ht-home-header .first-sub-menu .at-home-nav-link:hover,
.ht-home-header .first-sub-menu .at-home-nav-link.active,
.at-menu-for-dark .first-sub-menu a:hover,
.at-menu-for-dark .first-sub-menu a.active,
.qlassified-header__nav .first-sub-menu a:hover,
.qlassified-header__nav .first-sub-menu a.active {
    color: var(--themeColor, #0F5EAD) !important;
    background: #F3F5F8;
}
.eRactangle {
    position: absolute;
    z-index: 999999999999999999999999;
    bottom: 29px;
   left: 21px;
}
.p-94{
    padding-top: 87px !important;
    padding-bottom: 70px !important;
}
.h-320{
    height: 320px;
}
.gCard {
	padding: 16px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 10px;
}
.gCard img {
	margin-bottom: 20px;
	height: 380px;
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.eSocials svg path{ 
    fill: var(--themeColor) !important;
}
.eSocials li a {
	display: flex !important;
	color: #7E7E89 !important;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
	padding: 0 !important;
}
.eSocials li a svg{
    margin-right: 10px;
}
.aGdescription .bio{
    line-height: 26px;
}
.aGdescription ul{
    margin-top: 30px;
}
.aGdescription li span{
    font-size: 28px;
    color: var(--darkColor);
    margin-bottom: 10px;
    font-weight: 600;
}
.aGdescription li p {
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}
.at-link path {
	fill: var(--grayColor) !important; 
}
.at-link path:hover{
    fill: var(--themeColor) !important;
}
.first-sub-menu li a.active{
    color: var(--themeColor);
}
.real-home-navbar-nav .at-home-nav-link.active {
	color: var(--themeColor) !important; 
	font-weight: 400 !important;
}
.hSubmenu .at-home-nav-link  svg path{
    fill: #fff;
}
.ht-home-hotel .at-home-nav-link.active{
	color: #1c71f1 !important;
}
.description-style{
    color: #3b3b3b;
}
.description-style h1, .description-style h2, .description-style h3, .description-style h4, .description-style h5, .description-style h6, .description-style strong {
	color: #232323;
}
.contact .secondary-light-iconlink path {
	fill: var(--darkColor);
}
.ePagination{}
.ePagination li{
    margin-left: 10px;
}
.ePagination .page-link {
    border: 0 !important;
    color: #000 !important;
}
.ePagination .active .page-link {
    background-color: #242D47 !important;
    color: #fff !important;
    border-radius: 5px;
}
.ePagination .disabled .page-link {
    background-color: none !important;
}
.ePagination .page-link:last-child {
    background-color: none !important;
}
.ca-tbody > .ca-tr:not(:last-child) > td {
	text-transform: capitalize;
}
.description-style ul, .description-style ol {
	list-style: initial;
	margin: initial;
	padding: 0px 0px 0px 17.5px;
}
.w-120px{
    width: 130px;
}

.eRoom .card-title{
    margin-top: 15px;
    margin-left: 7px;
}
.eRoom i {
	color: rgb(129, 126, 126) !important;
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}
.eRoom:hover i{
    visibility: visible;
    opacity: 1;
    color: var(--themeColor);
}
.team-checkbox,
.room-checkbox{
    border-color: rgba(129, 126, 126, 0.2) !important;
}
.eRoom .card-text{
    margin-left: 7px;
}
.room-checkbox img {
	border-radius: 5px 0 0 5px;
}
.team-checkbox i{
    margin-right: 2px;
}
.team-checkbox .team-body .checked i {
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	height: 22px;
	width: 22px;
	line-height: 22px;
	text-align: center;
}
.in-title-4,
.in-title-3 {
	font-weight: 600;
}
.in-title-1 {
	font-weight: 600;
	font-size: 40px;
}
.hoteldetails-location-map .mapboxgl-map {
	border-radius: 10px;
}
.opening-time-list li {
	align-items: center;
}
.at-btn-white {
	font-weight: 600;
}
.mh-single-category .banner {
	height: 210px;
	object-fit: cover;
}
.form-select {
	color: #69696a;
}
.more-text {
	font-size: 13px;
	text-transform: lowercase;
}
.trusted-companies-wrap li a {
	padding: 8px;
	border: 1px solid #DCDEE5;
	border-radius: 8px;
}
.trusted-companies-wrap li a img {
	width: 194px;
	height: 40px;
}
.trusted-companies-wrap {
	column-gap: 16px;
	row-gap: 10px;
}
.scroll-icon-area {
    position: fixed;
    right: 18px;
    bottom: 22px;
    z-index: 1045;
    display: none;
}
.scroll-btn {
    background-color: var(--themeColor, #0F5EAD);
    border: 0;
    height: 48px;
    width: 48px;
    line-height: 48px;
    border-radius: 50%;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    text-align: center;
    box-shadow: 0 10px 24px rgba(15, 94, 173, .32);
    transition: background .2s ease, transform .2s ease;
}
.scroll-btn:hover {
    background-color: var(--themeColor, #0c4f93);
    color: #fff !important;
    transform: translateY(-2px);
}
/* WhatsApp sits above scroll-to-top when scroll button is visible */
body.has-scroll-top .qlassified-admin-wa-fab.ql-wa,
body.has-scroll-top .qlassified-admin-wa-fab {
    bottom: 86px;
}
@media (max-width: 575.98px) {
    .scroll-icon-area {
        right: 14px;
        bottom: 16px;
    }
    .scroll-btn {
        width: 46px;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
    }
    body.has-scroll-top .qlassified-admin-wa-fab.ql-wa,
    body.has-scroll-top .qlassified-admin-wa-fab {
        bottom: 76px;
        right: 14px;
    }
}
/* Pricing */
.eShadow{
    transition: .5s;
}
.eShadow:hover li,
.eShadow:hover h1,
.eShadow:hover p,
.eShadow:hover h4{
    color: #fff;
    transition: .5s;
}
.eShadow:hover{
    background-color: var(--themeColor);
    color: #fff;
}
.eShadow .theme-btn1{
    transition: .5s;
}
.eShadow:hover .theme-btn1{
    background-color: #fff;
    color: var(--themeColor);
}

.dleBtn {
    position: absolute;
    right: 5px;
    z-index: 99;
    bottom: 21px;
    font-size: 13px;
    border: 1px solid #eee;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;
    color: var(--themeColor);
}
.Eamen{
	right: 18px;
	bottom: 20px !important;
    border: none !important;
	gap: 10px;
    top: inherit;
}
.btn-primary{
    background-color: var(--themeColor) !important;
    border-color: var(--themeColor) !important;
}
.restaurant-details-body .switch-button .switch-checkbox:checked ~ .layer {
	background-color: #EF255C;
	border-color: #EF255C;
	box-shadow: 0 8px 18px rgba(239, 37, 92, .28);
}
.car-details-body .switch-button .switch-checkbox:checked ~ .layer {
	background-color: #151313;
	border-color: #151313;
	box-shadow: 0 8px 18px rgba(21, 19, 19, .22);
}
.real-estate-details-body .switch-button .switch-checkbox:checked ~ .layer {
	background-color: #44A1ED;
	border-color: #44A1ED;
	box-shadow: 0 8px 18px rgba(68, 161, 237, .28);
}
.hotel-details-body .switch-button .switch-checkbox:checked ~ .layer {
	background-color: var(--themeColor);
	border-color: var(--themeColor);
	box-shadow: 0 8px 18px rgba(15, 94, 173, .28);
}
.ca-home-menu-btn path {
	fill: var(--themeColor);
}
.ca-home-menu-btn {
	border-color: var(--themeColor);
}
.eRealEstate {
	position: absolute;
	right: 0;
	top: 20px;
}
.mx-100{
    max-width: 100%;
}
.mx-787{
    max-width: 887px;;
}
.noUi-target {
	background:  #d2d2d2 !important;
	border: none !important;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.car-details-body .grid-list-bookmark.gray-bookmark2 path, .car-details-body .grid-list-bookmark.gray-bookmark2 path {
	stroke: #000;
}
.z-9{
    z-index: 99;
}
.subMit {
	position: absolute;
	right: 0;
	top: -67px;
}
.eSubmit{
    right: 14px;
  top: 15px;
}
.subMit .add-listing-btn {
	font-size: 14px;
	background: transparent;
	padding: 7px 17px;
	font-weight: 500;
    transition: .5s;
}
.subMit .add-listing-btn:hover{
    background-color: var(--themeColor);
    color: #fff;
}
.toast-container {
	z-index: 1100;
}
.toast.success .toast-header, .toast.success .toast-body {
	background-color: #13a96c;
}
.toast-header {
	color: #fff;
	border-radius: 8px 8px 0px 0px;
	border-bottom: none;
}
.toast-body {
	color: #fff;
	border-radius: 0px 0px 8px 8px;
	padding: 0px 14px 14px 14px;
}
.toast-header .btn-close {
	width: 20px;
	height: 10px;
	padding: 0px 1px;
	filter: invert(1);
}

.toast {
    border-radius: 10px;
}

.toast-header {
    color: #fff;
    border-radius: 8px 8px 0px 0px;
    border-bottom: none;
}

.toast-header .btn-close {
    width: 20px;
    height: 10px;
    padding: 0px 1px;
    filter: invert(1);
}

.toast-body {
    color: #fff;
    border-radius: 0px 0px 8px 8px;
    padding: 0px 14px 14px 14px;
}

.toast.success .toast-header,
.toast.success .toast-body {
    background-color: #13a96c;
}

.toast.warning .toast-header,
.toast.warning .toast-body {
    background-color: rgb(229 153 40);
}

.toast.error .toast-header,
.toast.error .toast-body {
    background-color: rgb(255 85 119);
}

.accordion-item-range .value {
	outline: none;
}
.eFlex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.CommonCall {
	font-size: 14px;
	background: var(--themeColor);
	display: inline-block;
	padding: 5px 21px;
	border-radius: 5px;
	color: #fff;
}
.mh-blog-card-image img {
	height: 216px;
	object-fit: cover;
}
.demoBtn{
    margin-top: 20px;
    justify-content: space-around;
}
.demoBtn li .ua-btn-dark {
    padding: 9px 52px;
}
.h-14{
    height: 26px;
    width: 26px;
    object-fit: cover;
}
.icon_s img {
    height: 35px !important;
    width: 100% !important;
    margin-bottom: 5px;
}
.eMessage p{
    line-height: 25px;
}
.read-more{
    color: var(--themeColor) !important;
}
.no_chat {
    height: 300px;
  display: flex;
  flex-direction: column;
  align-content: center;
  margin-top: 110px;
}
.no_chat img{
    height: 125px;
    object-fit: contain;
    margin-bottom: 10px;
}
.no_height {
	display: flex;
	flex-direction: column;
	padding-bottom: 120px;
	align-content: center;
	padding-top: 100px;
}
.no_height img{
    height: 120px ;
    object-fit: contain;
}

.guest-selection .dropdown-toggle::after{
    border: none;
    height: 24px;
    width: 24px;
    background-image: url(../images/icons/angle-down-gray-20.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    transform-origin: 12px 0;
    top: 50%;
    transform: rotate(0deg) translateY(-50%);
    margin: 0;
    right: 11px;
}
.mNiceSelect  .current {
	color: var(--grayColor);
}
.restdetails-location-map .mapboxgl-map {
	border-radius: 12px;
}
.htd-grid-card .grid-list-bookmark path {
	stroke: var(--themeColor);
}
.grid-list-bookmark.gray-bookmark {
	background: #fff;
}
.restaurent-list-details .location img{
    width: 16px;
}
.restaurent-grid-details .location img{
    width: 16px;
    margin-right: 3px;
}

.bt-btn-outline-secondary {
	font-size: 14px;
	font-weight: 400;
}
.small-border-btn1 {
	font-size: 14px;
	font-weight: 500;
}
.beauty-list-slider .list-banner-slider .list-slide-img img {
	height: 160px;
}
.beautylist-location .name {
	font-size: 14px;
	font-weight: 500;
}
.beauty-list-details .title {
	font-weight: 600;
}
.skin6-bookmark.grid-list-bookmark.gray-bookmark path {
	stroke: var(--themeColor);
}
.realsl-location-title .location  img,
.reals-grid-details .location  img{
    width: 16px;
}
.reals-grid-details .location .info {
	font-size: 14px;
    font-weight: 400;
}
.reals-grid-title .info {
	font-size: 14px;
	font-weight: 400;
	margin-top: 6px;
}
.reals-bed-bath-sqft .total {
	font-size: 14px;
	font-weight: 400;
}
.hotellist-see-price .prices .price,
.realsl-price-area .new-price {
	font-weight: 600;
}
.realsl-price-area .old-price {
	text-align: right;
}
.car-list-title .title,
.hotellist-title-location .title,
.realsl-location-title .title{
    font-weight: 600;
}
.realsl-bed-bath-sqft .total,
.realsl-location-title .location .name {
	font-size: 14px;
	font-weight: 500;
}
.realsl-location-title .info {
	font-size: 14px;
	font-weight: 400;
	margin-top: 6px;
}
.hotelgrid-location-rating .location .name {
	font-size: 14px;
	font-weight: 500;
}
.hotelgrid-list-items li:not(:last-child) {
	padding-right: 10px;
}
.hotellist-list-items li,
.hotellist-title-location .location .name,
.hotelgrid-list-items li {
	font-size: 14px;
	font-weight: 500;
}
.hotelgrid-location-rating {
	margin-bottom: 14px;
}
.hotelgrid-list-items {
	margin-bottom: 16px;
}
.cargrid-title-area .info {
	font-weight: 400;
	font-size: 14px;
}
.cargrid-title-area {
	margin-bottom: 16px;
}
.car-details-body .Cgray2 .grid-list-bookmark.gray-bookmark2,
.car-details-body .Cgray2 .grid-list-bookmark.white-bookmark {
	background: #D2D3D382 !important;
}
.carlist-title-bookmark {
	margin-bottom: 10px;
}
.carlist-tag-view .view-details {
	font-size: 14px;
}
.carlist-tag-view .view-details span{
    display: inline-block;
    margin-right: 2px;
}
.car-list-prices .new-price {
	font-weight: 600;
	margin-bottom: 4px;
}
.filter-tab-switch .grid-list  svg path{
    fill: #b5b3b3;
}
.ht-header-banner-wrap .user-dropdown-toggle::after {
	border: 1px solid #ffffff4a;
	background: #ffffff4a;
	background-image: url(../images/icons/angle-small-down.svg);
    background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: calc(100% - 4px) center;

}
.icon_s img {
	object-fit: contain !important; 
}
.hotel-details-contacts p,
.restagent-details-contacts  p{
    margin-bottom: 10px !important;
}
.smform-label2 {
	font-weight: 600;
	font-size: 16px;
}
.hotel-details-contacts .contact,
.hotel-details-listreview .name,
.restagent-details-contacts .contact,
.restagent-details-listreview .name {
	font-size: 16px;
    font-weight: 500;
}
.restagent-details-listreview .name span {
	font-weight: 500;
}


.restaurant-details-body .switch-button .knobs span {
	background-image: url(../images/icons/location-red2-20.svg);
}
.real-estate-details-body .switch-button .knobs span {
	background-image: url(../images/icons/location-sky-blue2-20.svg);
}
.hotel-details-body .switch-button .knobs span {
	background-image: url(../images/icons/location-gray-16.svg);
}
.car-details-body .switch-button .knobs span {
	background-image: url(../images/icons/location-gray-17.svg);
}
.eRestaurent .dropdown-menu.show {
	background: #fff;
	border-radius: 10px;
}
.guest-selection li {
	font-size: 16px;
	font-weight: 500;
	color: #242D3D;
	margin-bottom: 14px;
}
.guest-selection li:last-child{
    margin-bottom: 0;
}
.gstBtn {
	height: 26px;
	width: 26px;
	border-radius: 50%;
	display: inline-block;
	line-height: 26px;
	text-align: center;
    transition: .5s;
}
.guest-selection img{
    margin: auto;
}
.gstBtn:hover {
    background-color: var(--themeColor) !important;
}
.gstBtn:hover svg rect,
.gstBtn:hover svg path{
    fill: #fff;
}
.restdetails-agent-area .profile {
	min-width: 160px;
	width: 160px;
	height: 160px;
}
.listing-type .right-array {
	background: #242D47 !important;
}
.listing-type .right-array:hover{
    background-color: #0F0B0B !important;
}
.sm-secondary-niceselect {
	color: #4B5675;
}
.vbox-close {
	top: 7px;
	right: 17px;
}
.h-400{
    height: 400px;
}
.restaurant-details-body .submit-fluid-btn:hover{
    background-color: #1C080C;
} 


.comment-profile img {
	width: 66px;
	height: 66px;
}

.eIfram{
    width: 100%;
    height: 350px;
    border-radius: 10px;
}
.back-btn1,
.white-btn1{
    padding: 12px 24px; 
}
.ht-btn-white,
.ht-btn-primary2 {
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 500;
}
.submit-fluid-btn2,
.theme-btn1,
.submit-fluid-btn {
	font-weight: 500;
}
.gray-btn1 {
	padding: 12px 24px;
	font-weight: 500;
}
.hotel-details-title .date,
.hoteldetails-location-rating .rating, .hoteldetails-location-rating .location {
	font-weight: 400;
}
.hoteldetails-location-name .location,
.room-benefit-list li,
.hotel-details-gallery .member-time .time, .hotel-details-gallery .member-time .members {
	
	font-weight: 400;
}
.hoteldetails-agent-area .profile {
	min-width: 150px;
	width: 150px;
	height: 150px;
}
.restagent-details-contacts .contact,
.hotel-details-contacts .contact {
	line-height: 20px;
}
.ht-grid-country-name,
.comment-reply-btn {
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 500;
}
.comment-reply-btn {
	margin-bottom: 15px;
}
.bt-btn-white,
.bt-btn-dark{
    padding: 12px 24px; 
    line-height: 24px;
}

.bt-btn-dark img{
    margin-top: 2px;
}
.beauty-team-members .role {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
.get-direction-btn,
.tour-type-group.btn-group .btn {
	padding: 12px 24px;
	font-weight: 500;
}
.realdetails-feature-more .more-btn .more {
	font-size: 20px;
}
.realdetails-feature .name {
	font-size: 16px;
	line-height: 24px;
}
.realestate-property-list li,
.nearby-item-name {
	font-weight: 500;
}
.realestate-property-title .info {
	font-weight: 400;
}
.gap-6{
    gap: 6px !important;
}
.ca-btn-outline-dark {
	padding: 12px 24px;
	line-height: 24px;
}
.specification-accordion .accordion-header {
	margin-bottom: 8px;
}
.specification-accordion .accordion-button:not(.collapsed) {
	padding-bottom: 0px;
}
.fluid-white-btn {
	padding: 12px 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}
.single-cardealer-contact span {
	font-weight: 400;
}

.car-details-body .car-detailstop-prices .new-price,
.car-details-body .detailstop-title-location1 .title,
.car-details-body .cardetails-form-sidebar > .title,
.car-details-body .hoteldetails-agent-header .title,
.car-details-body .review-title-button .title,
.car-details-body .in-title3-24px,
.car-details-body .at-details-description .title,
.car-details-body .overview-tab-content > .title,
.car-details-body .smform-label,
.car-details-body .cardetails-contact-dealer > .title {
	color: var(--themeColor);
}
.rt2-btn-danger,
.rt-btn-outline-danger{
    padding: 12px 24px;
}
.rt2-btn-danger {
	font-size: 16px;
}
.rt-img-card-country {
	padding: 12px 24px;
	font-size: 16px;
	line-height: 24px;
}
.rt-card-total-restaurant {
	padding: 12px;
}
.fi-title-26px {
	font-size: 20px;
}
.restaurant-details-body .rt2-img-card > img {
	border-radius: 12px;
}
.rt-btn-outline-white {
	padding: 12px 24px;
}
.rt2-img-card,
.rt-img-card{
    transition: .5s;
    overflow: hidden;
}
.rt2-img-card:hover img,
.rt-img-card:hover img{
    transform: scale(1.1);
    transition: .5s;
}
.restdetails-menu-details .prices .old-price {
	font-size: 14px;
}
.restopening-time-list li::after {
	top: 10px;
}
.restopening-time-list .time,
.restopening-time-list .day {
	line-height: 24px;
}
.aGdescription h4{
    font-weight: 600 !important;
    margin-bottom: 12px !important;
}
.at-btn-purple {
	border-radius: 8px;
}
.at-btn-outline-dark {
	padding: 12px 24px;
	line-height: 24px;
}
.blog-share-wrap {
	margin-top: 16px;
}
.in-subtitle-1 {
	font-weight: 500;
}
.nCar .ca-btn-dark{
    background-color: var(--themeColor);
    font-weight: 600;
}
.dm-title-20px {
	font-weight: 600;
}
.hoteldetails-form-area > .sub-title {
	font-weight: 600;
}
.ca-btn-sm {
	font-weight: 600;
}

.hd_section .at-home-search-login-button .rt-btn-danger {
	border-radius: 100px;
	background-color: #1C080C;
}
.hd_section .at-home-search-login-button .rt-btn-danger:hover{
	background-color: var(--themeColor);
}



.at1-form-control::placeholder{
	color: rgba(126, 126, 137, 100%);
}
.at1-form-control{
	color: var(--darkColor) !important;
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
	box-shadow: none;
	
}
.invalid-feedback strong{
	font-weight: 500 !important;
}
.ua-form-control{
	color: #0B0D0F !important;
}
.is-invalid:hover {
	border-color: var(--bs-form-invalid-border-color) !important;
}
.ca-tr .text-center .dropdown{
	position: inherit !important;
}
.ca-tr td .sm2-banner-wrap {
	height: 88px;
}
.floor-plans-slider .floor-plan-img img {
	height: 120px;
}
.header-search-input,
.at-home-search-input,
.at2-form-control,
.footer-input-wrap input {
	color:var(--darkColor) !important;
}
.footer-top-area {
	padding: 60px 0 40px 0;
}
.footer-input-wrap button {
	font-weight: 600;
}
.ca-tbody > .ca-tr:last-child > td {
	text-transform: capitalize;
}
.atn-search-filter-wrap .mh-filter-select {
	padding: 12px 26px 20px 26px;
	border-radius: 0 0 0 12px;
}
.atn-search-tab-content {
	padding: 0;
}
.atn-search-filter-label {
	margin-left: 24px;
	margin-top: 20px;
}
.atn-single-search-item {
	padding-right: 0;
	width: 240px;
}
.atn-search-filter-wrap .at-btn-purple {
	margin-right: 20px;
}
.atn-search-filter-wrap .real-search-filter-border {
	padding-right: 0;
	width: 240px;
}
.atn-search-filter-wrap .mh-filter-select {
	width: 100%;
}
.atn-search-filter-wrap .real-search-filter-border::after, .atn-search-filter-wrap .atn-single-search-item::after {
	top: 18%;
	right: -1px;
	z-index: 99;
	height: 60px;
}

.atn-search-filter-wrap .transparent2-nice-select::after {
	right: 19px;
	top: 24px;
}

.atn-search-filter-wrap .afNone::after{
	display: none;
}
.atn-search-filter-wrap .real-search-filter-wrap ,
.atn-search-filter-wrap .atn-search-content {
	column-gap: 0px;
}
.banner-slider-content {
	padding-bottom: 85px;
}
.banner-slider-wrap {
	padding: 100px 12px 120px 12px;

}
.mh-single-category{
	transition: .5s;
}
.white-iconbox-radio{
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}
.mh-single-category:hover .white-iconbox-radio{
   visibility: visible;
   opacity: 1;
}
.mh-single-category .banner {

	transition: .5s;
}
.hotel-details-body  .ht-home-header .at-home-search-input{
    color: #fff !important;
}
.mobile-menu-btn {
	padding: 9px;
	border-radius: 5px;
}
.beauty-details-body .ca-home-search-btn:hover ,
.hotel-details-body .ca-home-search-btn:hover {
	background: var(--themeColor);
}


.real-banner-section .transparent-nice-select.real-nice-select {
	padding: 10px 60px 24px 32px;
	border-radius: 12px;
}
.real-banner-section .real-search-tab-content {
	padding: 0;
}
.eReal {
	padding: 20px 24px 0 24px;
}
.real-banner-section  .transparent-nice-select-arrow::after {
	top: 18px;
	right: 8px;
	
}
.real-banner-section .rebtn{
	margin-right: 20px;
	margin-left: 20px;
}
.real-banner-section .real-search-filter-border::after {
	top: 23px;
	right: -8px;
	z-index: 99;
}
.real-banner-section  .real-search-filter-border {
	padding-right: 0;
}
.real-banner-section .real-search-filter-wrap {
	column-gap: 0;
}

.real-header-banner-wrap{
	position: relative;
	z-index: 1;
}
.real-header-banner-wrap::after{
	content: "";
    position: absolute;
    background-color: #00000021;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.real-estate-details-body .realdetails-meeting-form .review-textarea 
{
	min-height: 110px;
}
.sing-gallery p {
	padding: 0 15px;
}
.hsearchCard  {
	padding: 0 !important;
}
.hsearchCard .ht-search-filter-wrap {
	column-gap: 0; 
	 row-gap: 0;
}
.hsearchCard .ht-search-filter-border {
	padding-right: 0;
}
.htBox {
	padding: 16px 16px 0 16px;
}
.hsearchCard .transparent-nice-select {
	padding: 3px 64px 16px 16px;
	width: 220px;
	border-radius: 10px;
}
.hsearchCard  .afterHide::after{
	display: none;
}
.hsearchCard  .ht-btn-primary {
	margin-right: 15px !important;
}

/* Hotel home search card — mobile only (≤575px); tablet/desktop unchanged */
@media (max-width: 575.98px) {
	.ht-banner-section .hsearchCard {
		width: 100%;
		max-width: 100%;
		border-radius: 14px;
		box-shadow: 0 8px 28px rgba(15, 24, 40, .12);
		overflow: hidden;
	}
	.ht-banner-section .hsearchCard .ht-search-filter-wrap {
		display: flex;
		flex-direction: column;
		align-items: stretch !important;
		padding: 0 !important;
		gap: 0;
	}
	.ht-banner-section .hsearchCard .ht-search-filter {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.ht-banner-section .hsearchCard .ht-search-filter-border:has(select) {
		padding: 12px 16px 10px;
		border-bottom: 1px solid #EEF0F4;
	}
	.ht-banner-section .hsearchCard .ht-search-filter-border::after {
		display: none;
	}
	.ht-banner-section .hsearchCard .htBox {
		padding: 0 0 4px;
		margin-bottom: 0 !important;
		gap: 8px;
	}
	.ht-banner-section .hsearchCard .htBox img {
		width: 16px;
		height: 16px;
		flex-shrink: 0;
		opacity: .85;
	}
	.ht-banner-section .hsearchCard .htBox .dm-text-16px {
		margin: 0;
		font-size: 12px;
		font-weight: 650;
		letter-spacing: .02em;
		text-transform: uppercase;
		color: #6B7280;
		line-height: 1.2;
	}
	.ht-banner-section .hsearchCard .hotel-filter-select2 ~ .select2-container {
		max-width: 100% !important;
		width: 100% !important;
		display: block;
	}
	.ht-banner-section .hsearchCard .hotel-filter-select2 ~ .select2-container .select2-selection--single {
		min-height: 36px;
		border: 0 !important;
		background: transparent;
	}
	.ht-banner-section .hsearchCard .hotel-filter-select2 ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
		padding: 6px 36px 6px 0 !important;
		color: #111827 !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
	}
	.ht-banner-section .hsearchCard .hotel-filter-select2 ~ .select2-container--default .select2-selection--single .select2-selection__arrow {
		right: 0 !important;
		top: 50% !important;
		transform: translateY(-50%);
	}
	.ht-banner-section .hsearchCard select.hotel-filter-select2:not(.select2-hidden-accessible) {
		max-width: 100% !important;
		width: 100% !important;
		min-height: 36px !important;
		padding: 6px 36px 6px 0 !important;
		color: #111827 !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
		background-position: right 0 center !important;
	}
	.ht-banner-section .hsearchCard .ht-search-filter:has(.ht-btn-primary) {
		padding: 14px 16px 16px !important;
		border-bottom: 0;
	}
	.ht-banner-section .hsearchCard .ht-btn-primary {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 100% !important;
		max-width: 100%;
		min-height: 48px;
		margin: 0 !important;
		border-radius: 10px;
		font-size: 15px;
		font-weight: 600;
	}
}
.icon-confirm{
	padding: 20px 0px;
}
textarea.cap-form-control {
	line-height: 24px;
}
.modal-footer .ol-btn-secondary{
    background-color: #e8e7ee;
}
.modal-footer .ol-btn-secondary:hover{
    color: #000;
}
.icon-confirm i{
	font-size: 20px;
	color: #000;
}
#delete-modal .title{
	margin-bottom: 5px;
	color: #000;
}
#delete-modal .text-muted{
	font-size: 14px;
}
.dl_form_btn .ol-btn-primary.btn-theme{
    color: #fff;
}
/* .feature-body .card-body {
    height: 118px;
} */
.card-item-image{
	height: 224px;
    width: 100%;
    object-fit: cover;
}
.card-item-image-list{
	height: 100%;
    width: 100%;
    object-fit: cover;
}
img.rounded{
	object-fit: cover;
}
.rt-banner-content .in-subtitle-16px{
	color: #454545;
}
.user-dropdown-item.fill-none svg path{
	fill: #fff;
	stroke-width: 1px;
}
.user-dropdown-item.fill-none:hover svg path{
	stroke: #232323 !important;
}

.message-card{
	display: inline-block;
    padding: 14px;
    background-color: #f7f8fa;
    border-radius: 10px;
    max-width: 350px;
    line-height: 24px;
}

.ol-btn-primary{
	background-color: var(--themeColor) !important;
    border-color: var(--themeColor);
	color: #fff !important;
}
.modal-title {
	color: #000;
}
.title svg path{
	fill: var(--themeColor);
}
.bt-grid-title svg path{
	fill: var(--themeColor);
}
.bt-grid-title span,
.title span{
	position: relative;
	z-index: 9;
}
.report-text{
	color: #000000;
	font-size: 14px;
}
.report-text:hover{
	color: var(--themeColor);
}
.reportForm .mNiceSelect .current {
	color: #0B0D0F;
}
.mapboxgl-popup-content h3 {
	color: var(--darkColor);
	line-height: 18px;
	font-weight: 600;
}
.mLocation{
	margin-top: 5px;
	gap: 4px;
	display: flex;
}

.mLocation p{
	color: var(--grayColor);
	font-size: 12px;
	font-weight: 500;
}


/* Service Selling */
.shopCard .veno-gallery-img {
	overflow: hidden;
	border-radius: 8px;
}
.shopCard .veno-gallery-img img {
	transition: .5s;

}
.shopCard .veno-gallery-img:hover img{
	transform: scale(1.1);
	border-radius: 8px;
}
.service_selling{}
.service_selling h3 {
	font-size: 18px;
	color: var(--darkColor);
	font-weight: 600;
}
.service_selling p{
	color: var(--darkColor);
}
.service_selling p svg {
	height: 20px;
	margin-right: 7px;
	
}
.service_selling p svg path{
	fill: var(--themeColor);
}
.service_selling span span {
	background-color: var(--themeColor);
	font-size: 14px;
	padding: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #fff !important;
}

.list-group-item span{
	font-weight: 500;
	color: var(--darkColor);
	font-size: 16px;
}
.list-group-item p{
	font-size: 14px;
	color: var(--darkColor);
	text-transform: lowercase;
}
.service_selling .form-check {
	border: 1px solid #cccccc;
	padding: 5px 20px;
	border-radius: 5px;
}
.service_selling .form-check .form-check-input {
	margin-left: -13px;
	margin-right: 6px;
}
.service_selling .form-check-input:checked {
	background-color: var(--themeColor);
	border-color: var(--themeColor);
}
.service_selling .form-check-input:focus {
	box-shadow: var(--themeColor);
}
.service_selling .form-check:hover{
	border-color: var(--themeColor);
	color: var(--themeColor);
	cursor: pointer;
}
.cap-nav-pills{
    column-gap: 20px;
}


.slot-carousel .owl-nav .owl-prev span,
.slot-carousel .owl-nav .owl-next span {
	position: absolute;
	height: 26px;
	width: 26px;
	border-radius: 26px;
	background-color: var(--themeColor);
	color: #fff !important;
	font-size: 21px;
	top: 40%;
}
.slot-carousel .owl-nav .owl-next span {
	right: -8px;
}
.slot-carousel .owl-nav .owl-prev span {
	left: -8px;
}
.slot-carousel .owl-nav .owl-prev.disabled span, 
.slot-carousel .owl-nav .owl-next.disabled span {
	background-color: #959aa1;
}



.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--themeColor);
    border-radius: 8px;
    padding: 7.5px 5px;
    transition: .3s;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid #D9D9DF 1px !important;
	outline: 0;
	border-radius: 8px;
}
.e_services .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	cursor: default;
	padding-left: 2px;
	padding-right: 5px;
	color: var(--themeColor);
	font-size: 13px;
}
.e_services .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #EFEAF8;
	border: none !important;
	
}
.e_services .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #9260EF;
}
.select2-container--default .select2-selection--multiple {
	border: solid #D9D9DF 1px !important;
	border-radius: 8px !important;
	outline: none;
}

/* update 1.6 */
.modal-header .btn-close:focus{
	box-shadow: none;
}
.badge-item-card{
    height: 100%;
    background-color: var(--whiteColor);
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
    max-width: 250px;
    margin: 0 auto;
}
.badge-item-card .icon{
    width: 128px;
    height: 128px;
    object-fit: contain;
    margin: 0 auto;
}
.badge-card-title{
	font-size: 16px;
	color: #0A1017;
	font-weight: 500;
	line-height: 1.3;
}
.badge-card-subtitle{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #69696a;
}
.agent-details-badge .icon{
	width: 50px;
    height: 50px;
    object-fit: contain;
	object-position: top center;
	cursor: pointer;
}

/* ===== Mother homepage — unified Qlassified surface ===== */
.qlassified-mother-page {
    --qlassified-ink: #0F1220;
    --qlassified-muted: #5C6378;
    --qlassified-line: #E6E8EF;
    --qlassified-surface: #F5F6F8;
    --qlassified-brand: var(--themeColor, #0F5EAD);
    scroll-behavior: smooth;
}
.qlassified-mother-section {
    padding: 64px 0;
}
.qlassified-mother-section--muted {
    background: var(--qlassified-surface, #F5F6F8);
}
.qlassified-mother-section--compact {
    padding: 36px 0;
}
.qlassified-mother-section--tight {
    padding-top: 0;
    padding-bottom: 24px;
}
.qlassified-mother-kicker {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #6B7289;
}
.qlassified-mother-kicker--on-dark {
    color: rgba(255,255,255,.72);
}
.qlassified-mother-title {
    margin: 0 0 10px;
    color: #0F1220;
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-transform: none;
}
.qlassified-mother-title--on-dark {
    color: #fff;
}
.qlassified-mother-lead {
    margin: 0;
    max-width: 34rem;
    color: #6B7289;
    font-size: 15px;
    line-height: 1.5;
}
.qlassified-mother-lead--on-dark {
    color: rgba(255,255,255,.78);
    max-width: 36rem;
}
.qlassified-mother-lead.text-center,
.qlassified-mother-lead.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

/* Hero */
.qlassified-mother-hero {
    position: relative;
}
.qlassified-mother-hero .banner-slider-wrap {
    padding: 168px 16px 168px;
    min-height: 560px;
}
.qlassified-mother-hero .banner-slider-wrap::after {
    opacity: 1;
    background:
        linear-gradient(180deg, rgba(8,10,18,.42) 0%, rgba(8,10,18,.58) 40%, rgba(8,10,18,.86) 100%);
}
.qlassified-mother-hero__content {
    padding-bottom: 72px;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    animation: qlassifiedMotherHeroIn .7s ease both;
}
.qlassified-mother-hero__brand {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(2.75rem, 6vw, 4.25rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: .95;
    text-align: center;
    text-shadow: 0 8px 40px rgba(0,0,0,.45);
}
.qlassified-mother-hero__headline {
    margin: 0 auto 14px;
    max-width: 22ch;
    color: #fff !important;
    font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
    text-align: center;
    text-transform: none !important;
}
.qlassified-mother-hero__sub {
    margin: 0 auto 22px;
    max-width: 32rem;
    color: rgba(255,255,255,.9);
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}
.qlassified-mother-hero__cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.qlassified-mother-hero__cta-primary {
    min-width: 156px;
    min-height: 48px;
    padding: 12px 22px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    letter-spacing: -.01em;
    box-shadow: 0 12px 30px rgba(15, 94, 173, .38);
}
.qlassified-mother-hero__cta-ghost {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 156px;
    min-height: 48px;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, .55) !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    letter-spacing: -.01em;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.qlassified-mother-hero__cta-ghost svg {
    flex-shrink: 0;
    transition: transform .2s ease;
}
.qlassified-mother-hero__cta-ghost:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #0F1220 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
    transform: translateY(-1px);
}
.qlassified-mother-hero__cta-ghost:hover svg {
    transform: translateX(2px);
}
.qlassified-mother-hero__cta-ghost:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}
.qlassified-mother-hero .banner-slider .swiper-pagination {
    bottom: 128px;
}
@keyframes qlassifiedMotherHeroIn {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Search floats on hero — one composition */
.qlassified-mother-search.atn-search-filter-section {
    margin-top: -96px;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 3;
    animation: qlassifiedMotherSearchIn .75s ease .12s both;
}
@keyframes qlassifiedMotherSearchIn {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}
.qlassified-mother-search .atn-search-filter-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.qlassified-mother-search .atn-search-nav-pills {
    position: relative;
    z-index: 2;
    width: auto;
    max-width: 100%;
    margin: 0 auto -1px;
    padding: 8px;
    justify-content: center;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 10px 30px rgba(15, 18, 32, .08);
}
.qlassified-mother-search .atn-search-nav-link {
    border-radius: 10px !important;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
}
.qlassified-mother-search .atn-search-tab-content {
    width: 100%;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(15, 18, 32, .12);
    padding: 4px 8px 8px;
}
.qlassified-mother-search .atn-search-filter-label {
    margin-top: 14px;
    margin-left: 18px;
    font-size: 15px;
}
.qlassified-mother-search .atn-search-filter-wrap .mh-filter-select {
    padding: 8px 20px 14px 18px;
}
.qlassified-mother-search .atn-search-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
    column-gap: 0;
    row-gap: 8px;
    padding: 4px 8px 10px;
    width: 100%;
}
.qlassified-mother-search .atn-single-search-item {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
    max-width: none;
}
.qlassified-mother-search .atn-search-filter-wrap .at-btn-purple {
    margin: 8px 12px 12px;
    align-self: center;
    flex: 0 0 auto;
}

/*
 * Search filters FOUC — style the native <select> like each type’s Select2
 * BEFORE JS runs, so reload never shows browser chrome / height jump.
 * Only applies until Select2 adds .select2-hidden-accessible.
 */
select.hotel-filter-select2:not(.select2-hidden-accessible),
select.real-filter-select2:not(.select2-hidden-accessible),
select.car-filter-select2:not(.select2-hidden-accessible),
select.transparent-filter-select2:not(.select2-hidden-accessible) {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    cursor: pointer;
}
select.hotel-filter-select2:not(.select2-hidden-accessible)::-ms-expand,
select.real-filter-select2:not(.select2-hidden-accessible)::-ms-expand,
select.car-filter-select2:not(.select2-hidden-accessible)::-ms-expand,
select.transparent-filter-select2:not(.select2-hidden-accessible)::-ms-expand {
    display: none;
}

/* Hotel — mirror .hotel-filter-select2 Select2 (+ caret, same as before reload flash) */
select.hotel-filter-select2:not(.select2-hidden-accessible) {
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
    padding: 3px 64px 16px 16px !important;
    color: #706c6c !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    background-image: url("../images/icons/angle-down-gray2-20.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 20px !important;
}

/* Real estate — mirror .real-filter-select2 Select2 */
select.real-filter-select2:not(.select2-hidden-accessible) {
    width: fit-content !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 10px 60px 24px 32px !important;
    color: #14161B !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    /* fake caret like Select2 arrow */
    background-image: url("../images/icons/angle-down-gray-20.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 4px center !important;
    background-size: 20px !important;
}

/* Mother / directory — mirror .transparent-filter-select2 Select2 */
select.transparent-filter-select2:not(.select2-hidden-accessible) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 12px 36px 19px 24px !important;
    color: var(--grayColor, #6B7289) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    background-image: url("../images/icons/angle-down-gary-20.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 20px !important;
}

/* Car hero — mirror .car-filter-select2 Select2 */
select.car-filter-select2:not(.select2-hidden-accessible) {
    width: fit-content !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 40px 0 0 !important;
    color: var(--whiteColor, #fff) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 110% !important;
    background-image: url("../images/icons/angle-down-white-20.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 4px center !important;
    background-size: 20px !important;
}

/*
 * Hotel Select2 — show chevron (style.css hides it → reload looked “complete”,
 * then arrows vanished after Select2 = the décalage you flagged).
 */
.hotel-filter-select2 ~ .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block !important;
    height: 20px !important;
    width: 20px !important;
    top: 50% !important;
    right: 16px !important;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    background-image: url(../images/icons/angle-down-gray2-20.svg);
    transition: .3s;
}
.hotel-filter-select2 ~ .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}
.hotel-filter-select2 ~ .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: translateY(-50%) rotate(180deg);
}

/* Types — icons always visible (Trust of directory entry) */
.qlassified-mother-types .white-iconbox-radio {
    visibility: visible;
    opacity: 1;
}
.qlassified-mother-types .mh-single-category {
    overflow: hidden;
    transition: transform .25s ease;
}
.qlassified-mother-types .mh-single-category .banner {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.qlassified-mother-types .mh-category-link:hover .mh-single-category {
    transform: translateY(-3px);
}
.qlassified-mother-types .mh-category-content {
    padding: 16px 12px;
}

/* Trust — professional directory band (icons + rules, not a boxed card) */
.qlassified-mother-trust {
    padding: 8px 0 36px;
}
.qlassified-mother-trust__list {
    list-style: none;
    margin: 0;
    padding: 22px 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid var(--qlassified-line, #E6E8EF);
    border-bottom: 1px solid var(--qlassified-line, #E6E8EF);
    background: transparent;
}
.qlassified-mother-trust__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    padding: 4px 28px;
    position: relative;
}
.qlassified-mother-trust__item:first-child {
    padding-left: 0;
}
.qlassified-mother-trust__item:last-child {
    padding-right: 0;
}
.qlassified-mother-trust__item + .qlassified-mother-trust__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: var(--qlassified-line, #E6E8EF);
}
.qlassified-mother-trust__icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(15, 94, 173, 0.08);
    color: var(--themeColor, #0F5EAD);
}
.qlassified-mother-trust__icon svg {
    width: 20px;
    height: 20px;
}
/* Intent → brand blue (search / action) */
.qlassified-mother-trust__item--intent .qlassified-mother-trust__icon {
    background: var(--brand-soft);
    color: var(--brand);
}
.qlassified-mother-trust__item--intent .qlassified-mother-trust__copy strong {
    color: var(--brand-hover);
}
/* Sponsored → Attention amber (paid visibility disclosure) */
.qlassified-mother-trust__item--boost .qlassified-mother-trust__icon {
    background: var(--sponsored-soft);
    color: var(--sponsored);
}
.qlassified-mother-trust__item--boost .qlassified-mother-trust__copy strong {
    color: var(--sponsored-deep);
}
/* Verified → Trust teal (KYC — never boost) */
.qlassified-mother-trust__item--verified .qlassified-mother-trust__icon {
    background: var(--verified-soft);
    color: var(--verified);
}
.qlassified-mother-trust__item--verified .qlassified-mother-trust__copy strong {
    color: #115E59;
}
.qlassified-mother-trust__copy {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding-top: 2px;
}
.qlassified-mother-trust__copy strong {
    color: #0F1220;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
}
.qlassified-mother-trust__copy span {
    color: #5C6378;
    font-size: 13px;
    line-height: 1.45;
}

/* Visibility block — A2 primary, A14 secondary */
.qlassified-mother-visibility {
    position: relative;
}
.qlassified-mother-kicker--boost .qlassified-mother-spotlight__mode,
.qlassified-mother-kicker--fresh .qlassified-mother-spotlight__mode {
    display: inline-block;
    margin-right: 8px;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    vertical-align: 1px;
}
.qlassified-mother-kicker--boost .qlassified-mother-spotlight__mode {
    background: var(--sponsored-soft);
    color: var(--sponsored);
}
.qlassified-mother-kicker--fresh .qlassified-mother-spotlight__mode {
    background: var(--brand-soft);
    color: var(--brand);
}
.qlassified-mother-kicker--boost {
    color: var(--sponsored-deep);
}
.qlassified-mother-kicker--fresh {
    color: var(--brand-hover);
}

/* Spotlight */
.qlassified-mother-spotlight.is-boost-mode {
    background:
        linear-gradient(180deg, rgba(194, 65, 12, 0.045) 0%, transparent 48%);
}
.qlassified-mother-spotlight__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px 24px;
    margin-bottom: 28px;
}
.qlassified-mother-spotlight__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.qlassified-mother-spotlight__scarcity {
    font-size: 12px;
    font-weight: 600;
    color: var(--sponsored-deep);
    background: var(--sponsored-soft);
    border: 1px solid var(--featured-border);
    border-radius: 8px;
    padding: 8px 12px;
    white-space: nowrap;
}
.qlassified-mother-spotlight__scarcity span {
    color: var(--sponsored);
    opacity: .75;
}
.qlassified-mother-spotlight__empty {
    border: 1.5px dashed #DBDFEB;
    border-radius: 14px;
    padding: 36px 20px;
    text-align: center;
    color: #6B7289;
    background: #F8F9FC;
}

/* HF cards */
.qlassified-hf-card {
    position: relative;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #E8EAF0;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.qlassified-hf-card:hover {
    transform: translateY(-3px);
    border-color: #D2D7E4;
    box-shadow: 0 14px 32px rgba(15, 18, 32, .09);
}
.qlassified-hf-card.is-boosted {
    border: 3px solid var(--sponsored, #C2410C);
    box-shadow:
        0 0 0 1px rgba(194, 65, 12, 0.2),
        0 12px 32px rgba(194, 65, 12, 0.22);
}
.qlassified-hf-card.is-boosted:hover {
    border-color: var(--sponsored-deep, #9A3412);
    box-shadow:
        0 0 0 2px rgba(194, 65, 12, 0.28),
        0 18px 40px rgba(194, 65, 12, 0.28);
}
.qlassified-hf-card__media {
    display: block;
    width: 100%;
    height: 100%;
}
.qlassified-hf-card .card-item-image {
    height: 210px;
    width: 100%;
    object-fit: cover;
    display: block;
}
.qlassified-hf-card .grid-slider-area {
    position: relative;
}
.qlassified-hf-card__badge {
    background: #0F1220 !important;
    border-radius: 4px;
    letter-spacing: .01em;
}
.qlassified-hf-card__type {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 1;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(15,18,32,.78);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    backdrop-filter: blur(6px);
}
.qlassified-hf-card__body {
    padding: 16px 16px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.qlassified-hf-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 6px;
    color: #0F1220;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
}
.qlassified-hf-card__title:hover {
    color: var(--themeColor);
}
.qlassified-hf-card__meta {
    margin: 0 0 12px;
    color: #6B7289;
    font-size: 13px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}
.qlassified-hf-card__meta img {
    flex-shrink: 0;
}
.qlassified-hf-card__status {
    display: flex;
    align-items: center;
    margin: 0 0 12px;
    min-height: 0;
}
.qlassified-hf-card__status .seller-status-badge {
    margin: 0;
}
.listing-card-trust {
    display: flex;
    align-items: center;
    margin: 2px 0 14px;
}
.listing-card-trust .seller-status-badge {
    margin: 0;
}
.hotel-grid-details > .title + .listing-card-trust,
.cargrid-title-area > .title + .listing-card-trust,
.reals-grid-title > .title + .listing-card-trust {
    margin-top: 0;
}
.restgrid-title-location .listing-card-trust,
.beautygrid-location-title .listing-card-trust {
    margin-top: 4px;
    margin-bottom: 0;
}
.restgrid-title-location {
    margin-bottom: 14px;
}
.beautygrid-location-title .listing-card-trust + .beautygrid-rating-open,
.hotel-grid-details .listing-card-trust + .hotelgrid-location-rating {
    margin-top: 0;
}
.ql-header__chips .seller-status-badge {
    margin: 0;
}
.ql-contact__who .seller-status-badge {
    margin: 6px 0 0;
    display: inline-flex;
}
.qlassified-hf-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #F0F2F7;
}
.qlassified-hf-card__price {
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.qlassified-hf-card__price .price {
    font-size: 15px;
    font-weight: 700;
    color: #0F1220;
}
.qlassified-hf-card__price .time {
    font-size: 12px;
    color: #6B7289;
}
.card-light-text:not(:has(*)) {
    display: none !important;
}
.qlassified-hf-card__badge-wrap:not(:has(*)) {
    display: none !important;
}

/* A14 Partner rail */
.qlassified-mother-partner {
    padding-top: 0;
}
.qlassified-mother-partner__panel {
    border: 1px solid var(--featured-border);
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(194, 65, 12, 0.05) 0%, rgba(255,255,255,0.9) 42%),
        #fff;
    padding: 24px 22px 22px;
}
.qlassified-partner-posts__panel {
    border: 1px solid rgba(194, 65, 12, 0.18);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(194, 65, 12, 0.06) 0%, rgba(255, 255, 255, 0.96) 38%, #fff 100%);
    padding: 28px 24px 24px;
}
.qlassified-partner-posts__head {
    max-width: 36rem;
    margin-bottom: 22px;
}
.qlassified-partner-posts__kicker {
    margin: 0 0 10px;
}
.qlassified-partner-posts__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    border-radius: 999px;
    background: var(--sponsored, #C2410C);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.3;
}
.qlassified-partner-posts__title {
    margin: 0 0 6px;
    color: var(--ad-ink, #0F1220);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.2;
}
.qlassified-partner-posts__lead {
    margin: 0;
    color: var(--ad-muted, #5B6475);
    font-size: 0.95rem;
    line-height: 1.5;
}
.qlassified-partner-posts__grid {
    align-items: stretch;
}
.qlassified-pp-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15, 18, 32, 0.08);
    box-shadow: 0 8px 24px rgba(15, 18, 32, 0.05);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.qlassified-pp-card:hover,
.qlassified-pp-card:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(194, 65, 12, 0.35);
    box-shadow: 0 16px 32px rgba(194, 65, 12, 0.12);
    outline: none;
}
.qlassified-pp-card__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #EEF1F6;
}
.qlassified-pp-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.qlassified-pp-card:hover .qlassified-pp-card__img {
    transform: scale(1.04);
}
.qlassified-pp-card__tag {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-flex;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(15, 18, 32, 0.72);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    backdrop-filter: blur(6px);
}
.qlassified-pp-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 14px 16px 16px;
}
.qlassified-pp-card__headline {
    margin: 0 0 6px;
    color: var(--ad-ink, #0F1220);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.qlassified-pp-card__excerpt {
    margin: 0 0 14px;
    color: var(--ad-muted, #5B6475);
    font-size: 0.85rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.qlassified-pp-card__cta {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--sponsored, #C2410C);
    font-size: 0.8rem;
    font-weight: 700;
}
.qlassified-pp-card__cta::after {
    content: "→";
    transition: transform 0.2s ease;
}
.qlassified-pp-card:hover .qlassified-pp-card__cta::after {
    transform: translateX(3px);
}
@media (max-width: 767.98px) {
    .qlassified-partner-posts__panel {
        padding: 20px 16px 16px;
        border-radius: 16px;
    }
}
.qlassified-mother-partner__head {
    margin-bottom: 20px;
}
.qlassified-mother-partner__flags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.qlassified-mother-partner__flag {
    display: inline-flex;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    background: #0F1220;
    color: #fff;
}
.qlassified-mother-partner__flag.is-official {
    background: var(--sponsored);
}
.qlassified-mother-partner .qlassified-hf-card {
    border-radius: 12px;
}
.qlassified-mother-partner .qlassified-hf-card .card-item-image {
    height: 140px;
}

/* Commerce teaser — Transaction as seeker outcome */
.qlassified-mother-commerce__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px 24px;
    margin-bottom: 28px;
}
.qlassified-mother-commerce__intro {
    max-width: 36rem;
}
.qlassified-mother-commerce__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.qlassified-mother-commerce__nav {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.qlassified-mother-commerce__nav-btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #E0E3EC;
    background: #fff;
    color: #0F1220;
    padding: 0;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.qlassified-mother-commerce__nav-btn svg {
    width: 18px;
    height: 18px;
}
.qlassified-mother-commerce__nav-btn:hover {
    border-color: var(--themeColor, #0F5EAD);
    color: var(--themeColor, #0F5EAD);
    background: rgba(15, 94, 173, 0.06);
}
.qlassified-mother-commerce__nav-btn.swiper-button-disabled {
    opacity: .35;
    cursor: default;
    pointer-events: none;
}
.qlassified-mother-commerce__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}
.qlassified-mother-commerce__grid .qlassified-mother-commerce__card {
    min-width: 0;
}
.qlassified-mother-commerce__swiper {
    overflow: hidden;
    padding-bottom: 4px;
}
.qlassified-mother-commerce__swiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
}
.qlassified-mother-commerce__pagination {
    position: static;
    margin-top: 18px;
    display: flex;
    justify-content: center;
    gap: 6px;
}
.qlassified-mother-commerce__pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 !important;
    background: #C5CAD6;
    opacity: 1;
}
.qlassified-mother-commerce__pagination .swiper-pagination-bullet-active {
    background: var(--themeColor, #0F5EAD);
    width: 18px;
    border-radius: 999px;
}
.qlassified-mother-commerce__stat {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 1.2;
}
.qlassified-mother-commerce__stat--buy {
    background: rgba(15, 94, 173, 0.1);
    color: #0B4A8A;
}
.qlassified-mother-commerce__stat--book {
    background: rgba(15, 118, 110, 0.1);
    color: #115E59;
}
.qlassified-mother-commerce__stat--stay {
    background: rgba(18, 71, 151, 0.1);
    color: #124797;
}
.qlassified-mother-commerce__stat--pack {
    background: rgba(124, 58, 237, 0.1);
    color: #5B21B6;
}
.qlassified-mother-commerce__stat--order {
    background: rgba(239, 37, 92, 0.1);
    color: #BE123C;
}
.qlassified-mother-commerce__stat--table {
    background: rgba(180, 83, 9, 0.12);
    color: #9A3412;
}
.qlassified-mother-commerce__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border: 1px solid #E8EAF0;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.qlassified-mother-commerce__card:hover {
    transform: translateY(-4px);
    border-color: #D2D7E4;
    box-shadow: 0 16px 36px rgba(15, 18, 32, .1);
    color: inherit;
}
.qlassified-mother-commerce__card.is-boosted {
    border: 3px solid var(--sponsored, #C2410C);
    box-shadow:
        0 0 0 1px rgba(194, 65, 12, 0.2),
        0 12px 32px rgba(194, 65, 12, 0.22);
}
.qlassified-mother-commerce__card.is-boosted:hover {
    border-color: var(--sponsored-deep, #9A3412);
    box-shadow:
        0 0 0 2px rgba(194, 65, 12, 0.28),
        0 18px 40px rgba(194, 65, 12, 0.28);
}
.qlassified-mother-commerce__card:hover .qlassified-mother-commerce__cta {
    color: var(--themeColor, #0F5EAD);
}
.qlassified-mother-commerce__card.is-book:hover .qlassified-mother-commerce__cta {
    color: #0F766E;
}
.qlassified-mother-commerce__card.is-stay:hover .qlassified-mother-commerce__cta {
    color: #124797;
}
.qlassified-mother-commerce__card.is-pack:hover .qlassified-mother-commerce__cta {
    color: #5B21B6;
}
.qlassified-mother-commerce__card.is-order:hover .qlassified-mother-commerce__cta,
.qlassified-mother-commerce__card.is-table:hover .qlassified-mother-commerce__cta {
    color: #BE123C;
}
.qlassified-mother-commerce__media {
    position: relative;
    height: 180px;
    background: #EEF0F5;
    overflow: hidden;
}
.qlassified-mother-commerce__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.qlassified-mother-commerce__card:hover .qlassified-mother-commerce__media img {
    transform: scale(1.04);
}
.qlassified-mother-commerce__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,10,18,.08) 0%, transparent 42%, rgba(8,10,18,.45) 100%);
    pointer-events: none;
}
.qlassified-mother-commerce__kind {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1.2;
}
.qlassified-mother-commerce__card.is-buy .qlassified-mother-commerce__kind {
    background: #0F5EAD;
    color: #fff;
}
.qlassified-mother-commerce__card.is-book .qlassified-mother-commerce__kind {
    background: #0F766E;
    color: #fff;
}
.qlassified-mother-commerce__card.is-stay .qlassified-mother-commerce__kind {
    background: #124797;
    color: #fff;
}
.qlassified-mother-commerce__card.is-pack .qlassified-mother-commerce__kind {
    background: #6D28D9;
    color: #fff;
}
.qlassified-mother-commerce__card.is-order .qlassified-mother-commerce__kind,
.qlassified-mother-commerce__card.is-table .qlassified-mother-commerce__kind {
    background: #EF255C;
    color: #fff;
}
.qlassified-mother-commerce__badge {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
    max-width: calc(100% - 96px);
}
.qlassified-mother-commerce__badge .attention-badge,
.qlassified-mother-commerce__badge .attention-boost-label,
.qlassified-mother-commerce__badge .attention-featured-label,
.qlassified-mother-commerce__badge .attention-popular-label {
    /* tokens already carry shadow/border — keep overlay readable */
    max-width: 100%;
}
.qlassified-mother-commerce__type {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 1;
    padding: 4px 9px;
    border-radius: 6px;
    background: rgba(15, 18, 32, .72);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    backdrop-filter: blur(6px);
}
.qlassified-mother-commerce__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 16px 18px;
    flex: 1;
}
.qlassified-mother-commerce__title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #0F1220;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.qlassified-mother-commerce__meta {
    margin: 0;
    font-size: 12px;
    color: #6B7289;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qlassified-mother-commerce__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #F0F2F7;
}
.qlassified-mother-commerce__price-wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.qlassified-mother-commerce__price {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0F1220;
    line-height: 1.2;
}
.qlassified-mother-commerce__card.is-buy .qlassified-mother-commerce__price {
    color: #0B4A8A;
}
.qlassified-mother-commerce__card.is-book .qlassified-mother-commerce__price {
    color: #115E59;
}
.qlassified-mother-commerce__card.is-stay .qlassified-mother-commerce__price {
    color: #124797;
}
.qlassified-mother-commerce__card.is-pack .qlassified-mother-commerce__price {
    color: #5B21B6;
}
.qlassified-mother-commerce__card.is-order .qlassified-mother-commerce__price,
.qlassified-mother-commerce__card.is-table .qlassified-mother-commerce__price {
    color: #BE123C;
}
.qlassified-mother-commerce__duration {
    font-size: 11px;
    color: #6B7289;
    line-height: 1.3;
}
.qlassified-mother-commerce__cta {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    color: #4A5164;
    line-height: 1.2;
    transition: color .2s ease;
}

/* Mother page: one search composition (hero widget), not two */
.qlassified-mother-page .header-search-form {
    display: none !important;
}

/* ===== Qlassified chrome: top bar + main header ===== */
.qlassified-top.header-top-section {
    --qlassified-top-accent: #0F5EAD;
    background: #0F1220;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.qlassified-top.header-top-section.qlassified-top--beauty { --qlassified-top-accent: #FF736A; }
.qlassified-top.header-top-section.qlassified-top--hotel { --qlassified-top-accent: #2f7ff9; }
.qlassified-top.header-top-section.qlassified-top--real-estate { --qlassified-top-accent: #44A1ED; }
.qlassified-top.header-top-section.qlassified-top--restaurant { --qlassified-top-accent: #EF255C; }
.qlassified-top.header-top-section.qlassified-top--car { --qlassified-top-accent: #B91C1C; }
.qlassified-top__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    min-height: 40px;
    padding: 8px 0;
}
.qlassified-top__meta,
.qlassified-top__tools {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    min-width: 0;
}
.qlassified-top__tools {
    margin-left: auto;
}
.qlassified-top__item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    max-width: 100%;
}
.qlassified-top__item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qlassified-top__item svg {
    flex: 0 0 auto;
    color: var(--qlassified-top-accent);
}
.qlassified-top__item svg path,
.qlassified-top .qlassified-top__item path {
    fill: var(--qlassified-top-accent) !important;
}
a.qlassified-top__item:hover {
    color: #fff;
}
a.qlassified-top__item:hover svg {
    filter: brightness(1.12);
}
.qlassified-top__item--address {
    color: rgba(255, 255, 255, 0.62);
    max-width: min(420px, 46vw);
}
.qlassified-top__social {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.qlassified-top__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.qlassified-top__social a:hover {
    color: var(--qlassified-top-accent);
    background: color-mix(in srgb, var(--qlassified-top-accent) 22%, transparent);
    border-color: color-mix(in srgb, var(--qlassified-top-accent) 45%, transparent);
}
.qlassified-top__social a path {
    fill: currentColor;
}
.qlassified-top__social a:hover path {
    fill: var(--qlassified-top-accent) !important;
}
.qlassified-top__lang {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.qlassified-top__tools--social .qlassified-top__lang {
    padding-left: 12px;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.qlassified-top__select {
    appearance: none;
    -webkit-appearance: none;
    height: 28px;
    min-width: 96px;
    padding: 0 28px 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.06);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23C8CDD8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 26px;
    cursor: pointer;
}
.qlassified-top__select:hover,
.qlassified-top__select:focus {
    outline: none;
    border-color: rgba(126, 182, 232, 0.45);
    color: #fff;
}
.qlassified-top__select option {
    color: #1F2433;
    background: #fff;
}

.qlassified-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid #EEF0F5;
    box-shadow: 0 1px 0 rgba(15, 18, 32, 0.02);
}
.qlassified-header__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    min-height: 68px;
}
.qlassified-header__logo a {
    display: inline-flex;
    align-items: center;
}
.qlassified-header__logo img {
    height: 38px;
    width: auto;
    max-width: 150px;
    object-fit: contain;
    padding: 0 !important;
    border-radius: 0 !important;
}
.qlassified-header__right {
    flex: 1 1 auto;
    justify-content: flex-end;
    max-width: none;
    width: auto;
    column-gap: 16px;
}
.qlassified-header .header-search-form {
    flex: 0 1 380px;
    max-width: 380px;
    margin: 0;
}
.qlassified-header .header-search-wrap {
    height: 44px;
    border: 1px solid #E6E8EF;
    border-radius: 12px;
    background: #F7F8FB;
    overflow: visible; /* allow nice-select dropdown */
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.qlassified-header .header-search-wrap:focus-within {
    background: #fff;
    border-color: rgba(15, 94, 173, 0.35);
    box-shadow: 0 0 0 3px rgba(15, 94, 173, 0.1);
}
/* Native select is hidden by nice-select; style the replacement .nice-select.search-select */
.qlassified-header .header-search-wrap > select.search-select {
    display: none;
}
.qlassified-header .header-search-wrap .nice-select.search-select {
    float: none;
    flex: 0 0 auto;
    height: 100%;
    width: auto;
    min-width: 112px;
    max-width: 148px;
    padding: 0 32px 0 14px;
    margin: 0;
    border: 0;
    border-right: 1px solid #E6E8EF;
    border-radius: 12px 0 0 12px;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #1F2433;
    line-height: 42px;
    z-index: 5;
}
.qlassified-header .header-search-wrap .nice-select.search-select .current {
    display: block;
    max-width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qlassified-header .header-search-wrap .nice-select.search-select:after {
    border: none !important;
    width: 12px;
    height: 12px;
    right: 12px;
    top: 50%;
    margin-top: 0;
    background-image: url("../images/icons/angle-down-gray-16.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    transform: translateY(-50%);
    transform-origin: center;
}
.qlassified-header .header-search-wrap .nice-select.search-select.open:after {
    transform: translateY(-50%) rotate(180deg);
}
.qlassified-header .header-search-wrap .nice-select.search-select:before {
    display: none;
}
.qlassified-header .header-search-wrap .nice-select.search-select .list {
    width: 220px;
    margin-top: 6px;
    border: 1px solid #E6E8EF;
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(15, 18, 32, 0.12);
    max-height: 280px;
    overflow: auto;
}
.qlassified-header .header-search-wrap .nice-select.search-select .option {
    min-height: 38px;
    line-height: 38px;
    font-size: 13px;
    font-weight: 500;
}
.qlassified-header .header-search-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    max-width: none;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13.5px;
    font-weight: 500;
    padding: 0 12px;
    color: #1F2433 !important;
}
.qlassified-header .header-search-input::placeholder {
    color: #8B93A7;
}
.qlassified-header .search-submit-btn {
    align-self: stretch;
    width: 46px;
    min-width: 46px;
    height: auto !important;
    min-height: 0;
    margin: -1px -1px -1px 0 !important;
    padding: 0;
    border: 0;
    border-radius: 0 12px 12px 0 !important;
    background: var(--themeColor, #0F5EAD);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-shadow: none;
}
.qlassified-header .search-submit-btn:hover {
    filter: brightness(1.06);
    background: var(--themeColor, #0F5EAD);
}
.qlassified-header .search-submit-btn img {
    width: 16px;
    height: 16px;
    display: block;
}
.qlassified-header__actions {
    column-gap: 8px;
}
.qlassified-header__nav .header-nav-list {
    column-gap: 2px;
}
.qlassified-header__nav .header-nav-list .first-a {
    padding: 9px 11px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #1F2433 !important;
    border-radius: 8px;
}
.qlassified-header__nav .header-nav-list > li > .first-a.active,
.qlassified-header__nav .header-nav-list > li:hover > .first-a {
    color: var(--themeColor) !important;
    background: var(--brand-soft);
}
.qlassified-header__nav .have-sub-menu .first-a > svg path {
    fill: currentColor;
}
.qlassified-header__nav .first-sub-menu {
    border-radius: 12px;
    border-bottom: 0;
    padding: 8px;
    left: 0;
    margin-top: 6px;
    box-shadow: 0 16px 40px rgba(15, 18, 32, .12);
    border: 1px solid #EEF0F5;
    background: #fff;
}
.qlassified-header__nav .first-sub-menu a {
    display: block;
    border-radius: 8px;
    padding: 8px 10px;
    color: #1F2433 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
}
.qlassified-header__nav .first-sub-menu a:hover,
.qlassified-header__nav .first-sub-menu a.active {
    color: var(--themeColor, #0F5EAD) !important;
    background: #F3F5F8;
}
.qlassified-header__buttons {
    column-gap: 10px;
    padding-left: 12px;
}
.qlassified-header__buttons::after {
    height: 20px;
    background: #E6E8EF;
}
.qlassified-header__login {
    padding: 8px 4px;
    font-size: 14px;
    font-weight: 600;
    color: #1F2433 !important;
    text-decoration: none !important;
    transition: color .18s ease;
    white-space: nowrap;
}
.qlassified-header__login:hover {
    color: var(--themeColor) !important;
}

/* ===== Global Add Listing CTA ===== */
.qlassified-add-btn,
.qlassified-header__cta,
a.at-home-listing-btn {
    --qlassified-add-bg: #0F5EAD;
    --qlassified-add-shadow: rgba(15, 94, 173, 0.22);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    min-height: 40px;
    padding: 0 16px 0 12px !important;
    width: auto !important;
    max-width: none;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--qlassified-add-bg) !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.01em;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(15, 18, 32, 0.08), 0 6px 16px var(--qlassified-add-shadow);
    transition: background .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease;
}
.beauty-details-body a.at-home-listing-btn,
.qlassified-details--beauty .qlassified-add-btn,
.qlassified-details--beauty .qlassified-header__cta {
    --qlassified-add-bg: #FF736A;
    --qlassified-add-shadow: rgba(255, 115, 106, 0.28);
}
.hotel-details-body a.at-home-listing-btn,
.qlassified-details--hotel .qlassified-add-btn,
.qlassified-details--hotel .qlassified-header__cta {
    --qlassified-add-bg: #124797;
    --qlassified-add-shadow: rgba(18, 71, 151, 0.28);
}
.real-estate-details-body a.at-home-listing-btn,
.qlassified-details--real-estate .qlassified-add-btn,
.qlassified-details--real-estate .qlassified-header__cta {
    --qlassified-add-bg: #44A1ED;
    --qlassified-add-shadow: rgba(68, 161, 237, 0.28);
}
.restaurant-details-body a.at-home-listing-btn,
.qlassified-details--restaurant .qlassified-add-btn,
.qlassified-details--restaurant .qlassified-header__cta {
    --qlassified-add-bg: #EF255C;
    --qlassified-add-shadow: rgba(239, 37, 92, 0.28);
}
.car-details-body a.at-home-listing-btn,
.qlassified-details--car .qlassified-add-btn,
.qlassified-details--car .qlassified-header__cta {
    --qlassified-add-bg: #1F2433;
    --qlassified-add-shadow: rgba(31, 36, 51, 0.28);
}
.qlassified-add-btn:hover,
.qlassified-header__cta:hover,
a.at-home-listing-btn:hover {
    color: #fff !important;
    background: var(--qlassified-add-bg) !important;
    filter: brightness(1.08);
    box-shadow: 0 2px 4px rgba(15, 18, 32, 0.1), 0 8px 20px var(--qlassified-add-shadow);
    transform: translateY(-1px);
}
.qlassified-add-btn:active,
.qlassified-header__cta:active,
a.at-home-listing-btn:active {
    transform: translateY(0);
    filter: brightness(0.96);
}
.qlassified-add-btn:focus-visible,
.qlassified-header__cta:focus-visible,
a.at-home-listing-btn:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--qlassified-add-bg) 55%, #fff);
    outline-offset: 2px;
}
.qlassified-add-btn__icon {
    display: block;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
}
a.at-home-listing-btn > img {
    display: none !important;
}
a.at-home-listing-btn::before {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    background: center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 1.75v10.5M1.75 7h10.5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
a.at-home-listing-btn > span {
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
}

/* Legacy outline CTA → same solid system */
.header-buttons .add-listing-btn,
a.add-listing-btn:not(.w-120px) {
    --qlassified-add-bg: #0F5EAD;
    --qlassified-add-shadow: rgba(15, 94, 173, 0.22);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 16px 0 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--qlassified-add-bg) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow: 0 1px 2px rgba(15, 18, 32, 0.08), 0 6px 16px var(--qlassified-add-shadow);
}
.header-buttons .add-listing-btn:hover,
a.add-listing-btn:not(.w-120px):hover {
    color: #fff !important;
    background: var(--qlassified-add-bg) !important;
    filter: brightness(1.08);
}
.header-buttons .add-listing-btn path,
a.add-listing-btn:not(.w-120px) path {
    fill: #fff !important;
}

.qlassified-header__menu-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #E6E8EF;
    background: #fff;
    color: #1F2433;
    display: none;
    align-items: center;
    justify-content: center;
}
.qlassified-header__menu-btn path {
    fill: currentColor;
}
.qlassified-header__menu-btn:hover {
    background: var(--brand-soft);
    border-color: rgba(15, 94, 173, 0.28);
    color: var(--themeColor);
}
/* Mobile drawer — outside sticky header so position:fixed is viewport-relative */
.qlassified-header-offcanvas.offcanvas {
    --bs-offcanvas-width: min(300px, 86vw);
    --qlassified-drawer-ink: #111827;
    --qlassified-drawer-muted: #6B7280;
    --qlassified-drawer-line: #E8EAEF;
    --qlassified-drawer-blue: #0F5EAD;
    z-index: 1055;
    border: 0;
    border-left: 1px solid var(--qlassified-drawer-line);
    background: #fff;
    box-shadow: -8px 0 28px rgba(17, 24, 39, .08);
}
.qlassified-header-offcanvas__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--qlassified-drawer-line);
}
.qlassified-header-offcanvas__logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.qlassified-header-offcanvas__logo img {
    height: 28px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    padding: 0 !important;
}
.qlassified-header-offcanvas__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 -6px 0 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #4B5563;
    flex-shrink: 0;
    transition: color .15s, background .15s;
}
.qlassified-header-offcanvas__close:hover {
    background: #F3F4F6;
    color: var(--qlassified-drawer-ink);
}
.qlassified-header-offcanvas__body {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    height: 100%;
}
.qlassified-header-offcanvas__scroll {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 8px 12px 20px;
    -webkit-overflow-scrolling: touch;
}
.qlassified-header-offcanvas__account {
    margin-top: 16px;
    padding: 16px 8px 4px;
    border-top: 1px solid var(--qlassified-drawer-line);
}
.qlassified-header-offcanvas__auth {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.qlassified-header-offcanvas__auth-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.01em;
    text-decoration: none;
    text-align: center;
    transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
}
.qlassified-header-offcanvas__auth-btn--ghost {
    color: var(--qlassified-drawer-ink);
    background: #fff;
    border: 1px solid #D1D5DB;
}
.qlassified-header-offcanvas__auth-btn--ghost:hover {
    border-color: #9CA3AF;
    background: #F9FAFB;
    color: var(--qlassified-drawer-ink);
}
.qlassified-header-offcanvas__auth-btn--solid {
    color: #fff;
    background: var(--qlassified-drawer-blue);
    border: 1px solid var(--qlassified-drawer-blue);
    box-shadow: 0 1px 2px rgba(15, 94, 173, .18);
}
.qlassified-header-offcanvas__auth-btn--solid:hover {
    color: #fff;
    filter: brightness(1.06);
    box-shadow: 0 4px 12px rgba(15, 94, 173, .22);
}
.qlassified-header-offcanvas__link {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 12px;
    color: var(--qlassified-drawer-ink);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
    text-decoration: none;
    border-radius: 8px;
    transition: color .15s, background .15s;
}
.qlassified-header-offcanvas__link:hover {
    background: #F9FAFB;
    color: var(--qlassified-drawer-blue);
}
.qlassified-header-offcanvas__link--muted {
    color: var(--qlassified-drawer-muted);
    font-weight: 450;
}
.qlassified-header-offcanvas__footer {
    flex-shrink: 0;
    padding: 16px 20px calc(18px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--qlassified-drawer-line);
    background: #fff;
}
.qlassified-header-offcanvas__add-btn.qlassified-add-btn {
    display: inline-flex !important;
    width: 100%;
    justify-content: center;
    min-height: 44px;
    height: 44px;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -.01em;
}
.qlassified-header-offcanvas .qlassified-header__nav .header-nav-list {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 0;
}
.qlassified-header-offcanvas .qlassified-header__nav .header-nav-list > li {
    list-style: none;
}
.qlassified-header-offcanvas .qlassified-header__nav .header-nav-list .first-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
    padding: 11px 12px;
    border-radius: 8px;
    color: var(--qlassified-drawer-ink);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.015em;
    text-decoration: none;
    transition: color .15s, background .15s;
}
.qlassified-header-offcanvas .qlassified-header__nav .header-nav-list .first-a:hover {
    background: #F9FAFB;
    color: var(--qlassified-drawer-blue);
}
.qlassified-header-offcanvas .qlassified-header__nav .header-nav-list .first-a.active {
    color: var(--qlassified-drawer-blue);
    font-weight: 600;
    background: transparent;
}
.qlassified-header-offcanvas .qlassified-header__nav .have-sub-menu > .first-a svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: .4;
    transition: transform .2s ease, opacity .2s;
}
.qlassified-header-offcanvas .qlassified-header__nav .have-sub-menu.active-submenu > .first-a svg {
    transform: rotate(180deg);
    opacity: .7;
    color: var(--qlassified-drawer-blue);
}
.qlassified-header-offcanvas .qlassified-header__nav .first-sub-menu {
    position: static !important;
    display: block;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
    margin: 0 0 4px 12px;
    padding: 0 0 0 12px !important;
    background: transparent !important;
    border-left: 1px solid var(--qlassified-drawer-line) !important;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-height .22s ease, opacity .18s ease;
}
.qlassified-header-offcanvas .qlassified-header__nav .have-sub-menu.active-submenu .first-sub-menu {
    opacity: 1;
    visibility: visible;
    max-height: 520px;
    pointer-events: auto;
}
.qlassified-header-offcanvas .qlassified-header__nav .first-sub-menu li {
    list-style: none;
}
.qlassified-header-offcanvas .qlassified-header__nav .first-sub-menu a {
    display: block;
    padding: 9px 10px;
    border-radius: 6px;
    color: #4B5563;
    font-size: 14px;
    font-weight: 450;
    text-decoration: none;
    transition: color .15s, background .15s;
}
.qlassified-header-offcanvas .qlassified-header__nav .first-sub-menu a:hover,
.qlassified-header-offcanvas .qlassified-header__nav .first-sub-menu a.active {
    background: #F9FAFB;
    color: var(--qlassified-drawer-blue);
}
.qlassified-header-offcanvas .btn-close:focus {
    box-shadow: none;
}

/* ===== Type homes offcanvas (hotel/car/beauty/restaurant/real-estate) ===== */
.qlassified-type-offcanvas {
    --qlassified-type-ink: #111827;
    --qlassified-type-muted: #6B7280;
    --qlassified-type-line: #E8EAEF;
    --qlassified-type-accent: #0F5EAD;
}
.qlassified-type--hotel .qlassified-type-offcanvas,
.hotel-details-body .qlassified-type-offcanvas {
    --qlassified-type-accent: #124797;
}
.qlassified-type--car .qlassified-type-offcanvas,
.car-details-body .qlassified-type-offcanvas {
    --qlassified-type-accent: #1F2433;
}
.qlassified-type--beauty .qlassified-type-offcanvas,
.beauty-details-body .qlassified-type-offcanvas {
    --qlassified-type-accent: #FF736A;
}
.qlassified-type--restaurant .qlassified-type-offcanvas,
.restaurant-details-body .qlassified-type-offcanvas {
    --qlassified-type-accent: #EF255C;
}
.qlassified-type--real-estate .qlassified-type-offcanvas,
.real-estate-details-body .qlassified-type-offcanvas {
    --qlassified-type-accent: #44A1ED;
}

/* Desktop (xl+): keep inline nav; ignore drawer chrome */
@media (min-width: 1200px) {
    .qlassified-type-offcanvas.offcanvas-xl {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    .qlassified-type-offcanvas__body {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        padding: 0 !important;
        height: auto !important;
    }
    .qlassified-type-offcanvas__scroll {
        display: contents;
    }
}

/* Mobile / tablet drawer */
@media (max-width: 1199.98px) {
    .qlassified-type-offcanvas.offcanvas {
        --bs-offcanvas-width: min(300px, 86vw);
        border: 0;
        border-left: 1px solid var(--qlassified-type-line);
        background: #fff;
        box-shadow: -8px 0 28px rgba(17, 24, 39, .08);
    }
    .qlassified-type-offcanvas__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 16px 20px;
        border-bottom: 1px solid var(--qlassified-type-line);
    }
    .qlassified-type-offcanvas__logo {
        display: inline-flex;
        align-items: center;
        flex-shrink: 0;
    }
    .qlassified-type-offcanvas__logo img {
        height: 28px;
        width: auto;
        max-width: 120px;
        object-fit: contain;
        padding: 0 !important;
        border-radius: 0 !important;
    }
    .qlassified-type-offcanvas__close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin: 0 -6px 0 0;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #4B5563;
        flex-shrink: 0;
        transition: color .15s, background .15s;
    }
    .qlassified-type-offcanvas__close:hover {
        background: #F3F4F6;
        color: var(--qlassified-type-ink);
    }
    .qlassified-type-offcanvas__body {
        display: flex !important;
        flex-direction: column;
        padding: 0 !important;
        height: 100%;
    }
    .qlassified-type-offcanvas__scroll {
        flex: 1 1 auto;
        overflow-y: auto;
        padding: 8px 12px 20px;
        -webkit-overflow-scrolling: touch;
    }
    .qlassified-type-offcanvas .at-home-navbar-nav,
    .qlassified-type-offcanvas .header-nav-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }
    .qlassified-type-offcanvas .at-home-navbar-nav > li,
    .qlassified-type-offcanvas .header-nav-list > li {
        width: 100%;
        list-style: none;
    }
    .qlassified-type-offcanvas .at-home-nav-link,
    .qlassified-type-offcanvas .first-a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 44px;
        padding: 11px 12px;
        border-radius: 8px;
        color: var(--qlassified-type-ink) !important;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -.015em;
        text-decoration: none;
        transition: color .15s, background .15s;
    }
    .qlassified-type-offcanvas .at-home-nav-link:hover,
    .qlassified-type-offcanvas .first-a:hover {
        background: #F9FAFB;
        color: var(--qlassified-type-accent) !important;
    }
    .qlassified-type-offcanvas .at-home-nav-link.active,
    .qlassified-type-offcanvas .first-a.active {
        color: var(--qlassified-type-accent) !important;
        font-weight: 600;
        background: transparent;
    }
    .qlassified-type-offcanvas .have-sub-menu > .first-a svg {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
        opacity: .4;
        transition: transform .2s ease, opacity .2s;
    }
    .qlassified-type-offcanvas .have-sub-menu.active-submenu > .first-a svg {
        transform: rotate(180deg);
        opacity: .7;
        color: var(--qlassified-type-accent);
    }
    .qlassified-type-offcanvas .first-sub-menu {
        position: static !important;
        display: block;
        transform: none !important;
        box-shadow: none !important;
        border: 0 !important;
        margin: 0 0 4px 12px;
        padding: 0 0 0 12px !important;
        background: transparent !important;
        border-left: 1px solid var(--qlassified-type-line) !important;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        pointer-events: none;
        transition: max-height .22s ease, opacity .18s ease;
        min-width: 0 !important;
        width: auto !important;
    }
    .qlassified-type-offcanvas .have-sub-menu.active-submenu .first-sub-menu {
        opacity: 1;
        visibility: visible;
        max-height: 520px;
        pointer-events: auto;
    }
    .qlassified-type-offcanvas .first-sub-menu li {
        list-style: none;
    }
    .qlassified-type-offcanvas .first-sub-menu a {
        display: block;
        padding: 9px 10px;
        border-radius: 6px;
        color: #4B5563 !important;
        font-size: 14px;
        font-weight: 450;
        text-decoration: none;
    }
    .qlassified-type-offcanvas .first-sub-menu a:hover,
    .qlassified-type-offcanvas .first-sub-menu a.active {
        background: #F9FAFB;
        color: var(--qlassified-type-accent) !important;
    }
    .qlassified-type-offcanvas__account {
        margin-top: 16px;
        padding: 16px 8px 4px;
        border-top: 1px solid var(--qlassified-type-line);
    }
    .qlassified-type-offcanvas__auth {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .qlassified-type-offcanvas__auth-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 10px 12px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.01em;
        text-decoration: none;
        text-align: center;
        transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
    }
    .qlassified-type-offcanvas__auth-btn--ghost {
        color: var(--qlassified-type-ink);
        background: #fff;
        border: 1px solid #D1D5DB;
    }
    .qlassified-type-offcanvas__auth-btn--ghost:hover {
        border-color: #9CA3AF;
        background: #F9FAFB;
        color: var(--qlassified-type-ink);
    }
    .qlassified-type-offcanvas__auth-btn--solid {
        color: #fff;
        background: var(--qlassified-type-accent);
        border: 1px solid var(--qlassified-type-accent);
        box-shadow: 0 1px 2px rgba(15, 24, 40, .12);
    }
    .qlassified-type-offcanvas__auth-btn--solid:hover {
        color: #fff;
        filter: brightness(1.06);
    }
    .qlassified-type-offcanvas__link {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 10px 12px;
        color: var(--qlassified-type-ink);
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -.01em;
        text-decoration: none;
        border-radius: 8px;
        transition: color .15s, background .15s;
    }
    .qlassified-type-offcanvas__link:hover {
        background: #F9FAFB;
        color: var(--qlassified-type-accent);
    }
    .qlassified-type-offcanvas__link--muted {
        color: var(--qlassified-type-muted);
        font-weight: 450;
    }
    .qlassified-type-offcanvas__footer {
        flex-shrink: 0;
        padding: 16px 20px calc(18px + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid var(--qlassified-type-line);
        background: #fff;
    }
    .qlassified-type-offcanvas__add-btn.qlassified-add-btn {
        display: inline-flex !important;
        width: 100%;
        justify-content: center;
        min-height: 44px;
        height: 44px;
        border-radius: 8px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: -.01em;
        background: var(--qlassified-type-accent) !important;
        --qlassified-add-bg: var(--qlassified-type-accent);
    }
}

.qlassified-header .at-user-dropdown .user-dropdown-toggle {
    padding: 0;
    border: 0;
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.qlassified-header .at-user-dropdown .user-dropdown-toggle::after {
    display: none;
}
.qlassified-header .at-user-dropdown .user-dropdown-toggle img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #E6E8EF;
    background: #F0F1F6;
    display: block;
}

/* ===== Account menu toggle (pro pill) ===== */
.at-user-dropdown {
    z-index: 5;
}
.qlassified-account-toggle.user-dropdown-toggle,
.qlassified-header .at-user-dropdown .qlassified-account-toggle.user-dropdown-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    height: auto;
    min-height: 40px;
    padding: 3px 10px 3px 3px;
    border-radius: 999px;
    border: 1px solid #E6E8EF;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 18, 32, 0.04);
    color: #1F2433;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.qlassified-account-toggle.user-dropdown-toggle:hover,
.qlassified-account-toggle.user-dropdown-toggle:focus,
.qlassified-account-toggle.user-dropdown-toggle.show,
.qlassified-header .at-user-dropdown .qlassified-account-toggle.user-dropdown-toggle:hover,
.qlassified-header .at-user-dropdown .qlassified-account-toggle.user-dropdown-toggle:focus,
.qlassified-header .at-user-dropdown .qlassified-account-toggle.user-dropdown-toggle.show {
    border-color: rgba(15, 94, 173, 0.28);
    background: #F8FAFD;
    box-shadow: 0 4px 14px rgba(15, 18, 32, 0.07);
    color: #0F1220;
}
.qlassified-account-toggle.user-dropdown-toggle::after,
.qlassified-header .at-user-dropdown .qlassified-account-toggle.user-dropdown-toggle::after {
    display: none !important;
    content: none !important;
}
.qlassified-account-toggle__avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background: #EEF1F6;
    box-shadow: inset 0 0 0 1px rgba(15, 18, 32, 0.06);
}
.qlassified-account-toggle__avatar img,
.qlassified-header .at-user-dropdown .qlassified-account-toggle.user-dropdown-toggle img {
    width: 100%;
    height: 100%;
    min-width: 0;
    object-fit: cover;
    display: block;
    border: 0;
    border-radius: 50%;
    background: transparent;
}
.qlassified-account-toggle__meta {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
    max-width: 9.5rem;
    line-height: 1.15;
    text-align: left;
}
.qlassified-account-toggle__meta strong {
    font-size: 13px;
    font-weight: 700;
    color: #0F1220;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.qlassified-account-toggle__meta em {
    font-style: normal;
    font-size: 11px;
    font-weight: 550;
    color: #7A8499;
    letter-spacing: .01em;
}
.qlassified-account-toggle__chev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: #6B7385;
    transition: transform .18s ease, color .18s ease;
}
.qlassified-account-toggle.show .qlassified-account-toggle__chev,
.qlassified-account-toggle[aria-expanded="true"] .qlassified-account-toggle__chev {
    transform: rotate(180deg);
    color: var(--themeColor, #0F5EAD);
}
@media (min-width: 1200px) {
    .qlassified-account-toggle__meta {
        display: flex;
    }
}

/* Legacy toggles (type headers) — same pill language without name meta */
.at-user-dropdown > .user-dropdown-toggle:not(.qlassified-account-toggle) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    height: auto;
    min-height: 40px;
    padding: 3px 10px 3px 3px;
    border-radius: 999px;
    border: 1px solid #E6E8EF !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 18, 32, 0.04);
    position: relative;
}
.at-user-dropdown > .user-dropdown-toggle:not(.qlassified-account-toggle):hover {
    border-color: rgba(15, 94, 173, 0.28) !important;
    background: #F8FAFD !important;
}
.at-user-dropdown > .user-dropdown-toggle:not(.qlassified-account-toggle) img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50%;
    border: 0;
    object-fit: cover;
}
.at-user-dropdown > .user-dropdown-toggle:not(.qlassified-account-toggle)::after {
    position: static !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 2px 0 0 !important;
    transform: none !important;
    top: auto !important;
    right: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.2 6.2L8 10l3.8-3.8' stroke='%236B7385' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    z-index: 1 !important;
}

.qlassified-header .user-dropdown-menu,
.at-user-dropdown .user-dropdown-menu {
    min-width: 220px;
    margin-top: 8px !important;
    border-radius: 14px;
    border: 1px solid #E6E8EF;
    box-shadow: 0 16px 40px rgba(15, 18, 32, 0.12);
    padding: 6px;
    overflow: hidden;
}
.qlassified-header .user-dropdown-group,
.at-user-dropdown .user-dropdown-group {
    padding: 4px;
}

.qlassified-mother-explore .mh-filter-btn {
    border-radius: 999px;
    padding: 8px 18px;
    font-weight: 600;
}

.qlassified-mother-trust-logos {
    opacity: .9;
}
.qlassified-mother-trust-logos .trusted-companies-wrap {
    filter: grayscale(1);
    opacity: .8;
}

.qlassified-mother-seller__panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-radius: 18px;
    padding: 32px 34px;
    background:
        radial-gradient(120% 140% at 100% 0%, rgba(15, 94, 173, 0.28) 0%, transparent 55%),
        linear-gradient(135deg, #171B2C 0%, #0F1220 60%);
    color: #fff;
}
.qlassified-mother-seller__copy {
    flex: 1 1 280px;
    max-width: 40rem;
}
.qlassified-mother-seller__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.qlassified-mother-seller__ghost {
    background: transparent;
    border: 1px solid rgba(255,255,255,.35);
    color: #fff !important;
}
.qlassified-mother-seller__ghost:hover {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.55);
    color: #fff !important;
}

@media (max-width: 1199.98px) {
    .qlassified-header .header-search-form {
        display: none;
    }
    .qlassified-header__menu-btn {
        display: inline-flex;
    }
    .qlassified-header__cta,
    .qlassified-header .qlassified-add-btn {
        display: none !important;
    }
    .qlassified-header__buttons {
        padding-left: 0;
    }
    .qlassified-header__buttons::after {
        display: none;
    }
    .qlassified-header__nav .header-nav-list {
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }
    .qlassified-header__nav .header-nav-list .first-a {
        padding: 12px 14px;
    }
    .qlassified-header__nav .first-sub-menu {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        box-shadow: none;
        border: 0;
        margin: 0;
        background: transparent;
        padding: 0 0 0 10px;
    }
}
@media (max-width: 991.98px) {
    .qlassified-top__item--address {
        display: none;
    }
    .qlassified-mother-trust__list {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 8px 0;
    }
    .qlassified-mother-trust__item {
        padding: 16px 0;
    }
    .qlassified-mother-trust__item + .qlassified-mother-trust__item::before {
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        width: auto;
        height: 1px;
    }
    .qlassified-mother-hero .banner-slider-wrap {
        min-height: 480px;
        padding: 140px 14px 150px;
    }
    .qlassified-mother-commerce__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
}
@media (max-width: 767.98px) {
    .qlassified-mother-page {
        scroll-behavior: smooth;
    }
    .qlassified-top.header-top-section {
        display: none;
    }
    .qlassified-header__bar {
        min-height: 60px;
    }
    .qlassified-header__logo img {
        height: 34px;
    }
    .qlassified-mother-section {
        padding: 44px 0;
    }
    .qlassified-mother-section--compact {
        padding: 28px 0;
    }
    /* A2: 4 slots mobile (spec) */
    .qlassified-mother-spotlight__grid .qlassified-hf-slot:nth-child(n+5) {
        display: none;
    }
    .qlassified-mother-hero__brand {
        font-size: 2.35rem;
    }
    .qlassified-mother-hero__headline {
        max-width: 18ch;
        font-size: 1.25rem !important;
    }
    .qlassified-mother-hero__sub {
        font-size: 14px;
        margin-bottom: 16px;
    }
    .qlassified-mother-hero .banner-slider-wrap {
        padding-top: 112px;
        padding-bottom: 148px;
        min-height: 440px;
    }
    .qlassified-mother-hero__content {
        padding-bottom: 56px;
    }
    .qlassified-mother-hero__cta {
        gap: 10px;
    }
    .qlassified-mother-hero__cta .btn {
        padding: 11px 16px !important;
        font-size: 13px;
        min-width: 0;
        min-height: 44px;
    }
    .qlassified-mother-hero .banner-slider .swiper-pagination {
        bottom: 112px;
    }
    .qlassified-mother-search.atn-search-filter-section {
        margin-top: -78px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .qlassified-mother-search .atn-search-nav-pills {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width: calc(100% - 8px);
        max-width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .qlassified-mother-search .atn-search-nav-pills::-webkit-scrollbar {
        display: none;
    }
    .qlassified-mother-search .atn-search-nav-link {
        flex: 0 0 auto;
        white-space: nowrap;
        padding: 9px 14px;
    }
    .qlassified-mother-search .atn-search-content {
        flex-direction: column;
        align-items: stretch;
    }
    .qlassified-mother-search .atn-single-search-item,
    .qlassified-mother-search .atn-single-search-item.afNone {
        width: 100%;
        min-width: 0;
        flex: 1 1 auto;
    }
    .qlassified-mother-search .atn-search-filter-wrap .at-btn-purple {
        width: calc(100% - 24px);
        justify-content: center;
        margin: 8px 12px 14px;
    }
    .qlassified-mother-seller__panel {
        padding: 22px 20px;
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        border-radius: 16px;
    }
    .qlassified-mother-seller__copy {
        flex: none;
        max-width: none;
    }
    .qlassified-mother-seller__copy .qlassified-mother-kicker {
        margin-bottom: 6px;
    }
    .qlassified-mother-seller__copy .qlassified-mother-title {
        margin-bottom: 8px;
        font-size: 1.45rem;
    }
    .qlassified-mother-seller__copy .qlassified-mother-lead {
        font-size: 14px;
        line-height: 1.45;
    }
    .qlassified-mother-seller__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .qlassified-mother-seller__actions .btn {
        flex: none;
        width: 100%;
        min-height: 46px;
        justify-content: center;
        text-align: center;
        border-radius: 12px;
        margin: 0;
    }
    .qlassified-mother-types .mh-single-category .banner {
        height: 148px;
    }
    .qlassified-mother-search .atn-search-filter-label {
        margin-top: 12px;
        margin-left: 16px;
        font-size: 14px;
    }
    .qlassified-mother-commerce__head {
        margin-bottom: 20px;
    }
    .qlassified-mother-commerce__media {
        height: 140px;
    }
    .qlassified-mother-commerce__title {
        font-size: 14px;
    }
    .qlassified-mother-commerce__body {
        padding: 12px 12px 14px;
    }
    .qlassified-mother-commerce__price {
        font-size: 14px;
    }
    .qlassified-mother-commerce__cta {
        font-size: 11px;
    }
}

/* Mother search — phone only (do not affect tablet ≥576px) */
@media (max-width: 575.98px) {
    .qlassified-mother-search.atn-search-filter-section {
        margin-top: -64px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .qlassified-mother-search .atn-search-filter-wrap {
        width: 100%;
        align-items: stretch;
    }

    /* Tabs: clearer active/inactive + horizontal scroll */
    .qlassified-mother-search .atn-search-nav-pills {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 6px;
        gap: 4px;
        column-gap: 4px;
        row-gap: 0;
        border-radius: 14px 14px 0 0;
        background: #fff;
        box-shadow: 0 8px 24px rgba(15, 18, 32, .08);
    }
    .qlassified-mother-search .atn-search-nav-link {
        min-height: 40px;
        padding: 8px 14px !important;
        border-radius: 10px !important;
        font-size: 13px;
        font-weight: 600;
        color: #3a3f4b;
        background: transparent;
    }
    .qlassified-mother-search .nav-pills .atn-search-nav-link:not(.active) {
        background: #f3f5f8;
        color: #3a3f4b;
    }
    .qlassified-mother-search .nav-pills .atn-search-nav-link.active {
        background-color: var(--themeColor, #0F5EAD);
        color: #fff;
        box-shadow: 0 2px 8px rgba(15, 94, 173, .28);
    }

    /* Card */
    .qlassified-mother-search .atn-search-tab-content {
        width: 100%;
        margin: 0;
        padding: 0 0 10px;
        border-radius: 0 0 14px 14px;
        box-shadow: 0 14px 36px rgba(15, 18, 32, .12);
    }
    .qlassified-mother-search .atn-search-content {
        flex-direction: column;
        align-items: stretch;
        row-gap: 0;
        padding: 4px 12px 0;
    }

    /* Stacked fields — denser, clear tap targets */
    .qlassified-mother-search .atn-single-search-item,
    .qlassified-mother-search .atn-single-search-item.afNone,
    .qlassified-mother-search .real-search-filter-border {
        width: 100%;
        max-width: none;
        flex: none;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #eef0f5;
    }
    .qlassified-mother-search .atn-single-search-item:last-of-type,
    .qlassified-mother-search .atn-search-content > .atn-single-search-item:last-child {
        border-bottom: 0;
    }
    .qlassified-mother-search .atn-search-filter-wrap .atn-single-search-item::after,
    .qlassified-mother-search .atn-search-filter-wrap .real-search-filter-border::after {
        display: none !important;
    }

    .qlassified-mother-search .atn-search-filter-label {
        display: block;
        margin: 10px 4px 0;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .02em;
        color: #1a1d27;
        line-height: 1.2;
    }

    .qlassified-mother-search .atn-search-filter-wrap .mh-filter-select {
        padding: 6px 4px 10px !important;
        min-height: 0;
        border-radius: 0;
    }

    /* Native select FOUC + Select2 — solid tap row */
    .qlassified-mother-search select.transparent-filter-select2:not(.select2-hidden-accessible) {
        min-height: 44px !important;
        padding: 8px 36px 10px 4px !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        background-position: right 4px center !important;
    }
    .qlassified-mother-search .transparent-filter-select2.cap-select2 ~ .select2-container {
        width: 100% !important;
        display: block !important;
    }
    .qlassified-mother-search .transparent-filter-select2.cap-select2 ~ .select2-container--default .select2-selection--single {
        min-height: 44px !important;
        height: auto !important;
        padding: 8px 36px 10px 4px !important;
        border: 0 !important;
        background: transparent !important;
        display: flex !important;
        align-items: center;
    }
    .qlassified-mother-search .transparent-filter-select2.cap-select2 ~ .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 !important;
        line-height: 1.35 !important;
        font-size: 14px !important;
        color: #5c6378 !important;
    }
    .qlassified-mother-search .transparent-filter-select2.cap-select2 ~ .select2-container--default .select2-selection--single .select2-selection__arrow {
        display: block !important;
        top: 50% !important;
        right: 4px !important;
        width: 20px !important;
        height: 20px !important;
        transform: translateY(-50%);
    }

    /* Search CTA — full width, comfortable */
    .qlassified-mother-search .atn-search-filter-wrap .at-btn-purple {
        width: calc(100% - 24px);
        max-width: none;
        min-height: 48px;
        margin: 12px 12px 4px;
        padding: 12px 16px !important;
        border-radius: 12px;
        justify-content: center;
        align-self: stretch;
        font-size: 15px;
        font-weight: 600;
        gap: 8px;
    }

    /* For professionals CTA — denser phone card */
    .qlassified-mother-seller.qlassified-mother-section {
        padding: 28px 0;
    }
    .qlassified-mother-seller__panel {
        padding: 18px 16px;
        gap: 14px;
        border-radius: 14px;
        background:
            radial-gradient(100% 120% at 100% 0%, rgba(15, 94, 173, 0.32) 0%, transparent 52%),
            linear-gradient(160deg, #1a2034 0%, #0F1220 70%);
    }
    .qlassified-mother-seller__copy .qlassified-mother-kicker {
        margin-bottom: 4px;
        font-size: 11px;
        letter-spacing: .08em;
    }
    .qlassified-mother-seller__copy .qlassified-mother-title {
        margin-bottom: 6px;
        font-size: 1.28rem;
        line-height: 1.2;
    }
    .qlassified-mother-seller__copy .qlassified-mother-lead {
        font-size: 13.5px;
        line-height: 1.4;
    }
    .qlassified-mother-seller__actions {
        gap: 8px;
        margin-top: 2px;
    }
    .qlassified-mother-seller__actions .btn {
        min-height: 44px;
        padding: 11px 14px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 11px;
    }
    .qlassified-mother-seller__ghost {
        border-width: 1px;
        border-color: rgba(255,255,255,.4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .qlassified-mother-hero__content,
    .qlassified-mother-search.atn-search-filter-section,
    .qlassified-mother-types .mh-single-category,
    .qlassified-mother-commerce__card {
        animation: none !important;
        transition: none !important;
    }
}

/*
 * Sponsored card chrome — shared across listing / commerce / agent cards.
 * Applied via .is-boosted (Blade) or :has(.attention-boost-label) fallback.
 * Listing cards have no default border — force a thick amber frame so paid slots read clearly.
 */
.single-grid-card.is-boosted,
.single-list-card.is-boosted,
.aa-card.is-boosted,
.qlassified-hf-card.is-boosted,
.qlassified-mother-commerce__card.is-boosted,
.single-grid-card:has(.attention-boost-label),
.single-list-card:has(.attention-boost-label),
.aa-card:has(.attention-boost-label),
.qlassified-hf-card:has(.attention-boost-label),
.qlassified-mother-commerce__card:has(.attention-boost-label),
.single-grid-card:has(.attention-badge--boost),
.single-list-card:has(.attention-badge--boost),
.aa-card:has(.attention-badge--boost),
.qlassified-hf-card:has(.attention-badge--boost),
.qlassified-mother-commerce__card:has(.attention-badge--boost) {
    border: 3px solid var(--sponsored, #C2410C);
    box-shadow:
        0 0 0 1px rgba(194, 65, 12, 0.2),
        0 12px 32px rgba(194, 65, 12, 0.22);
}
.single-grid-card.is-boosted:hover,
.single-list-card.is-boosted:hover,
.aa-card.is-boosted:hover,
.qlassified-hf-card.is-boosted:hover,
.qlassified-mother-commerce__card.is-boosted:hover,
.single-grid-card:has(.attention-boost-label):hover,
.single-list-card:has(.attention-boost-label):hover,
.aa-card:has(.attention-boost-label):hover,
.qlassified-hf-card:has(.attention-boost-label):hover,
.qlassified-mother-commerce__card:has(.attention-boost-label):hover,
.single-grid-card:has(.attention-badge--boost):hover,
.single-list-card:has(.attention-badge--boost):hover,
.aa-card:has(.attention-badge--boost):hover,
.qlassified-hf-card:has(.attention-badge--boost):hover,
.qlassified-mother-commerce__card:has(.attention-badge--boost):hover {
    border-color: var(--sponsored-deep, #9A3412);
    box-shadow:
        0 0 0 2px rgba(194, 65, 12, 0.28),
        0 18px 40px rgba(194, 65, 12, 0.28);
}

/*
 * Details page — boost badge on media only (same placement + chrome as listing cards).
 */
.ql-gallery__boost {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 6;
    pointer-events: none;
    max-width: calc(100% - 72px);
}
.ql-gallery__mobile-boost {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 4;
    pointer-events: none;
    max-width: calc(100% - 72px);
}
/* Do not restyle badges on details — keep identical to card chips */
.ql-gallery__boost .attention-badge,
.ql-gallery__mobile-boost .attention-badge,
.ql-gallery__boost .attention-boost-label,
.ql-gallery__boost .attention-featured-label,
.ql-gallery__boost .attention-popular-label,
.ql-gallery__mobile-boost .attention-boost-label,
.ql-gallery__mobile-boost .attention-featured-label,
.ql-gallery__mobile-boost .attention-popular-label {
    backdrop-filter: none;
    box-shadow: 0 1px 2px rgba(15, 18, 32, 0.16);
}

/*
 * Boost badges — color + shape per label token.
 * Sponsored stays amber (paid disclosure). Organic types get distinct hues.
 */
.attention-badge,
.attention-boost-label,
.attention-featured-label,
.attention-popular-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1;
    vertical-align: middle;
    padding: 6px 10px 6px 8px;
    border-radius: 999px;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(15, 18, 32, 0.16);
}
.attention-badge-icon {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    display: block;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.attention-badge-text {
    display: block;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

/* Sponsored — paid amber (disclosure), same pill chrome as others */
.attention-badge--boost,
.attention-boost-label {
    background: var(--sponsored, #C2410C);
    color: #fff;
}
/* Featured — solid amber (quieter than Sponsored, same shape) */
.attention-badge--featured,
.attention-featured-label {
    background: #EA580C;
    color: #fff;
}
/* Popular — gold flame */
.attention-badge--popular,
.attention-popular-label {
    background: #CA8A04;
    color: #fff;
}
/* Top — deep bronze / crown */
.attention-badge--top {
    background: #B45309;
    color: #fff;
}
/* Trending — rose / hot */
.attention-badge--trending {
    background: #E11D48;
    color: #fff;
}
/* Best — emerald medal */
.attention-badge--best {
    background: #059669;
    color: #fff;
}
/* Wellness — leaf green */
.attention-badge--wellness {
    background: #16A34A;
    color: #fff;
}

/* Wrapper is only a position anchor — never a second pill behind the badge */
.card-light-text.theme-light,
.card-light-text.black-light {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.card-light-text .attention-badge,
.card-light-text .attention-boost-label,
.card-light-text .attention-featured-label,
.card-light-text .attention-popular-label {
    position: relative;
}

/* Map pins — sponsored uses Attention amber (same disclosure as badges) */
.attention-map-pin {
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(15, 18, 32, 0.28);
}
.attention-map-pin.is-boosted {
    box-shadow: 0 2px 10px rgba(194, 65, 12, 0.45);
}

/* ===== Qlassified site footer (refined) ===== */
.qlassified-footer {
    margin-top: 48px;
    color: #fff;
}
.qlassified-footer-trust {
    background: linear-gradient(180deg, #FAFAFC 0%, #fff 100%);
    border-top: 1px solid #EEF1F7;
    color: #0F1220;
}
.qlassified-footer-trust__list {
    list-style: none;
    margin: 0;
    padding: 28px 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px 28px;
}
.qlassified-footer-trust__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding-right: 8px;
}
.qlassified-footer-trust__list li:not(:last-child) {
    border-right: 1px solid #EEF1F7;
}
.qlassified-footer-trust__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--brand-soft);
    color: var(--brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.qlassified-footer-trust__icon--intent {
    background: var(--brand-soft);
    color: var(--brand);
}
.qlassified-footer-trust__icon--sponsored {
    background: var(--sponsored-soft);
    color: var(--sponsored);
}
.qlassified-footer-trust__icon--verified {
    background: var(--verified-soft);
    color: var(--verified);
}
.qlassified-footer-trust__icon--support {
    background: rgba(15, 18, 32, 0.06);
    color: #334155;
}
.qlassified-footer-trust__icon svg {
    width: 20px;
    height: 20px;
}
.qlassified-footer-trust__list strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px;
    color: #0F1220;
    letter-spacing: -0.01em;
}
.qlassified-footer-trust__list small {
    display: block;
    font-size: 12.5px;
    line-height: 1.45;
    color: #6B7289;
}

.qlassified-footer-main {
    background:
        radial-gradient(80% 120% at 100% 0%, rgba(15, 94, 173, 0.18) 0%, transparent 55%),
        linear-gradient(180deg, #14182A 0%, #0F1220 100%);
    padding: 40px 0 36px;
}
.qlassified-footer-brandbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px 28px;
    padding-bottom: 28px;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.qlassified-footer-logo {
    flex: 0 0 auto;
}
.qlassified-footer-logo img {
    height: 42px;
    width: auto;
    max-width: 168px;
    object-fit: contain;
}
.qlassified-footer-social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    justify-content: center;
}
.qlassified-footer-social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.85);
    transition: .2s ease;
}
.qlassified-footer-social a:hover {
    background: var(--themeColor);
    border-color: var(--themeColor);
    color: #fff;
    transform: translateY(-1px);
}
.qlassified-footer-social svg {
    width: 15px;
    height: 15px;
}
.qlassified-footer-newsletter {
    flex: 0 1 340px;
    min-width: min(100%, 260px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}
.qlassified-footer-newsletter__label {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    line-height: 1.2;
}
.qlassified-footer-newsletter__form {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.qlassified-footer-newsletter__form input {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    outline: 0;
    padding: 0 14px;
    font-size: 13px;
    color: #fff;
    background: rgba(255,255,255,.05);
    transition: border-color .18s ease, background .18s ease;
}
.qlassified-footer-newsletter__form input::placeholder {
    color: rgba(255,255,255,.42);
}
.qlassified-footer-newsletter__form input:focus {
    border-color: rgba(15, 94, 173, 0.55);
    background: rgba(255,255,255,.07);
}
.qlassified-footer-newsletter__form button {
    flex: 0 0 auto;
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: var(--themeColor);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 0 16px;
    white-space: nowrap;
    cursor: pointer;
    transition: .18s ease;
}
.qlassified-footer-newsletter__form button:hover {
    filter: brightness(1.1);
}

.qlassified-footer-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 32px;
    align-items: start;
}
.qlassified-footer-col__title {
    margin: 0 0 16px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    border-bottom: none;
    position: relative;
}
.qlassified-footer-col__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: var(--themeColor);
    border-radius: 2px;
}
.qlassified-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}
.qlassified-footer-links li + li {
    margin-top: 10px;
}
.qlassified-footer-links a {
    color: rgba(255,255,255,.68) !important;
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none !important;
    transition: .18s ease;
    display: inline-block;
}
.qlassified-footer-links a:hover {
    color: #fff !important;
    transform: translateX(3px);
}

.qlassified-footer-contact {
    margin-bottom: 0;
}
.qlassified-footer-contact-line {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 12px;
    color: rgba(255,255,255,.72);
    font-size: 13.5px;
    line-height: 1.45;
}
.qlassified-footer-contact-line:last-child {
    margin-bottom: 0;
}
.qlassified-footer-contact-line__icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.qlassified-footer-contact-line__icon svg {
    width: 14px;
    height: 14px;
    opacity: .9;
}
.qlassified-footer-contact-line a {
    color: rgba(255,255,255,.85) !important;
    text-decoration: none !important;
    word-break: break-word;
}
.qlassified-footer-contact-line a:hover {
    color: #fff !important;
}

.qlassified-footer-bottom {
    background: #090b14;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.04);
}
.qlassified-footer-bottom__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
}
.qlassified-footer-bottom p {
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,.48);
}
.qlassified-footer-bottom__legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
}
.qlassified-footer-bottom__legal a {
    color: rgba(255,255,255,.48) !important;
    font-size: 12.5px;
    text-decoration: none !important;
    transition: .18s ease;
}
.qlassified-footer-bottom__legal a:hover {
    color: #fff !important;
}

@media (max-width: 991.98px) {
    .qlassified-footer-trust__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 16px;
    }
    .qlassified-footer-trust__list li:nth-child(2n) {
        border-right: 0;
        padding-right: 0;
    }
    .qlassified-footer-brandbar {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }
    .qlassified-footer-social {
        justify-content: flex-start;
        flex: 0 0 auto;
    }
    .qlassified-footer-newsletter {
        flex: 1 1 auto;
        width: 100%;
        max-width: 360px;
    }
    .qlassified-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 24px;
    }
}
@media (max-width: 575.98px) {
    .qlassified-footer-trust__list {
        grid-template-columns: 1fr;
        padding: 20px 0;
    }
    .qlassified-footer-trust__list li {
        border-right: 0 !important;
        padding-right: 0;
        padding-bottom: 14px;
        border-bottom: 1px solid #EEF1F7;
    }
    .qlassified-footer-trust__list li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .qlassified-footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .qlassified-footer-newsletter {
        max-width: none;
    }
    .qlassified-footer-bottom__wrap {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Public pricing — denser entitlement list */
.at-shadow-card .at-check-listitem {
    font-size: 15px;
    line-height: 1.35;
}
.at-shadow-card .at-check-listitem strong {
    font-weight: 700;
    white-space: nowrap;
}

/* ===== Qlassified public pricing page ===== */
.qlassified-pricing {
    --ap-ink: #0F1220;
    --ap-muted: #5C6378;
    --ap-line: #E8EAF0;
    --ap-surface: #F7F8FB;
    background: var(--ap-surface);
    padding-bottom: 72px;
}
.qlassified-pricing__hero {
    position: relative;
    padding: 56px 0 44px;
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(15, 94, 173, 0.14) 0%, transparent 55%),
        radial-gradient(50% 80% at 0% 100%, rgba(15, 118, 110, 0.08) 0%, transparent 50%),
        linear-gradient(180deg, #fff 0%, var(--ap-surface) 100%);
    overflow: hidden;
}
.qlassified-pricing__hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ap-line), transparent);
}
.qlassified-pricing__kicker {
    margin: 0 0 10px;
    color: var(--brand, #0F5EAD);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.qlassified-pricing__title {
    margin: 0 0 12px;
    max-width: 18ch;
    color: var(--ap-ink);
    font-size: clamp(1.85rem, 3.2vw, 2.55rem);
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.15;
}
.qlassified-pricing__lead {
    margin: 0 0 28px;
    max-width: 40rem;
    color: var(--ap-muted);
    font-size: 1.05rem;
    line-height: 1.55;
}
.qlassified-pricing__layers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
}
.qlassified-pricing__layers li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid var(--ap-line);
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.2;
}
.qlassified-pricing__layers strong {
    color: var(--ap-ink);
    font-weight: 700;
}
.qlassified-pricing__layer-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.qlassified-pricing__layer-dot--access { background: var(--brand, #0F5EAD); }
.qlassified-pricing__layer-dot--visibility { background: var(--sponsored, #C2410C); }
.qlassified-pricing__layer-dot--transaction { background: var(--verified, #0F766E); }

.qlassified-pricing__plans {
    padding: 8px 0 8px;
}
.qlassified-pricing__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}
.qlassified-pricing__empty {
    margin: 24px 0;
    text-align: center;
    color: var(--ap-muted);
}
.qlassified-pricing__footnote {
    margin: 22px auto 0;
    max-width: 40rem;
    text-align: center;
    color: #7A8194;
    font-size: 13px;
    line-height: 1.45;
}

.qlassified-pricing-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 22px 20px 20px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--ap-line);
    box-shadow: 0 10px 28px rgba(15, 18, 32, 0.04);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.qlassified-pricing-card:hover {
    transform: translateY(-3px);
    border-color: #D5DAE6;
    box-shadow: 0 16px 36px rgba(15, 18, 32, 0.09);
}
.qlassified-pricing-card.is-featured {
    border-color: rgba(15, 94, 173, 0.35);
    box-shadow:
        0 0 0 1px rgba(15, 94, 173, 0.12),
        0 18px 40px rgba(15, 94, 173, 0.12);
    background:
        linear-gradient(180deg, rgba(15, 94, 173, 0.05) 0%, transparent 36%),
        #fff;
}
.qlassified-pricing-card.is-featured:hover {
    border-color: rgba(15, 94, 173, 0.5);
}
.qlassified-pricing-card__ribbon {
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--brand, #0F5EAD);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.qlassified-pricing-card__ribbon--current {
    background: var(--verified, #0F766E);
}
.qlassified-pricing-card__head {
    margin-bottom: 18px;
    padding-right: 64px;
}
.qlassified-pricing-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
    border-radius: 12px;
    background: var(--brand-soft, rgba(15, 94, 173, 0.08));
    color: var(--brand, #0F5EAD);
    font-size: 18px;
}
.qlassified-pricing-card.is-featured .qlassified-pricing-card__icon {
    background: rgba(15, 94, 173, 0.14);
}
.qlassified-pricing-card__name {
    margin: 0 0 6px;
    color: var(--ap-ink);
    font-size: 1.25rem;
    font-weight: 720;
    letter-spacing: -0.02em;
    line-height: 1.25;
}
.qlassified-pricing-card__sub {
    margin: 0;
    color: var(--ap-muted);
    font-size: 13.5px;
    line-height: 1.4;
}
.qlassified-pricing-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 8px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ap-line);
}
.qlassified-pricing-card__amount {
    color: var(--ap-ink);
    font-size: clamp(1.55rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -0.03em;
    line-height: 1;
}
.qlassified-pricing-card__period {
    color: var(--ap-muted);
    font-size: 13px;
    font-weight: 500;
}
.qlassified-pricing-card__features {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
.qlassified-pricing-card__features li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    color: var(--ap-muted);
    font-size: 13px;
    line-height: 1.35;
}
.qlassified-pricing-card__features li span {
    min-width: 0;
}
.qlassified-pricing-card__features li strong {
    color: var(--ap-ink);
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}
.qlassified-pricing-card__cta {
    margin-top: auto;
}
.qlassified-pricing-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    border-radius: 12px;
    border: 1px solid var(--ap-line);
    background: #fff;
    color: var(--ap-ink);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.qlassified-pricing-card__btn:hover {
    border-color: var(--brand, #0F5EAD);
    color: var(--brand, #0F5EAD);
}
.qlassified-pricing-card__btn.is-primary {
    background: var(--brand, #0F5EAD);
    border-color: var(--brand, #0F5EAD);
    color: #fff;
}
.qlassified-pricing-card__btn.is-primary:hover {
    background: var(--brand-hover, #0B4A8A);
    border-color: var(--brand-hover, #0B4A8A);
    color: #fff;
}
.qlassified-pricing-card__btn.is-disabled {
    cursor: default;
    background: #F1F3F7;
    color: #7A8194;
    border-color: transparent;
}

.qlassified-pricing__faq {
    margin-top: 56px;
    padding-top: 8px;
}
.qlassified-pricing__faq-title {
    margin: 0 0 22px;
    text-align: center;
    color: var(--ap-ink);
    font-size: clamp(1.35rem, 2.2vw, 1.75rem);
    font-weight: 720;
    letter-spacing: -0.02em;
}
.qlassified-pricing-accordion {
    max-width: 760px;
    margin: 0 auto;
    --bs-accordion-border-color: var(--ap-line);
    --bs-accordion-btn-bg: #fff;
    --bs-accordion-bg: #fff;
    --bs-accordion-active-bg: #fff;
    --bs-accordion-active-color: var(--ap-ink);
    --bs-accordion-btn-focus-box-shadow: none;
}
.qlassified-pricing-accordion .accordion-item {
    border-radius: 12px !important;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid var(--ap-line) !important;
}
.qlassified-pricing-accordion .accordion-button {
    font-weight: 650;
    color: var(--ap-ink);
    padding: 16px 18px;
    box-shadow: none !important;
}
.qlassified-pricing-accordion .accordion-button:not(.collapsed) {
    color: var(--brand, #0F5EAD);
}
.qlassified-pricing-accordion .accordion-body {
    padding: 0 18px 16px;
    color: var(--ap-muted);
    font-size: 14.5px;
    line-height: 1.55;
}
.qlassified-pricing-accordion .accordion-body p {
    margin: 0;
}

@media (max-width: 1199.98px) {
    .qlassified-pricing__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767.98px) {
    .qlassified-pricing__hero {
        padding: 40px 0 28px;
    }
    .qlassified-pricing__title {
        max-width: none;
    }
    .qlassified-pricing__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .qlassified-pricing-card {
        padding: 20px 18px 18px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .qlassified-pricing-card,
    .qlassified-pricing-card__btn {
        transition: none;
    }
    .qlassified-pricing-card:hover {
        transform: none;
    }
}

/* ==========================================================================
   Qlassified Details v4 — product listing surface
   Fixes: mosaic holes, legacy theme bleed, booking CTA cohesion
   ========================================================================== */
.qlassified-details-page {
    /* Kill per-type theme hijacks (car → black, etc.) */
    --themeColor: var(--brand, #0F5EAD);
    --ad-ink: #0F1220;
    --ad-muted: #5C6378;
    --ad-line: #E6E8EF;
    --ad-soft: #F5F6F8;
    --ad-brand: var(--brand, #0F5EAD);
    --ad-brand-hover: var(--brand-hover, #0B4A8A);
    --ad-radius: 16px;
    --ad-radius-sm: 10px;
    background: #fff !important;
    color: var(--ad-ink);
}
.qlassified-details-page.car-details-body,
.qlassified-details-page.restaurant-details-body,
.qlassified-details-page.beauty-details-body,
.qlassified-details-page.hotel-details-body,
.qlassified-details-page.real-estate-details-body {
    --themeColor: var(--brand, #0F5EAD);
}

/* Neutralize legacy sticky / form chrome inside details */
.qlassified-details-page .hoteldetails-form-area,
.qlassified-details-page .beauty-details-sidebar,
.qlassified-details-page .restdetails-sidebar,
.qlassified-details-page .cardetails-form-sidebar,
.qlassified-details-page .sticky-class,
.qlassified-details-page .realdetails-sidebar {
    position: static !important;
    top: auto !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    margin: 0 !important;
}
.qlassified-details-page .mb-50px,
.qlassified-details-page .mb-80px,
.qlassified-details-page .mb-36:not(.shop-products-section),
.qlassified-details-page .mb-30px,
.qlassified-details-page .mt-5 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.qlassified-details-page .submit-fluid-btn,
.qlassified-details-page .submit-fluid-btn2 {
    background: var(--ad-brand) !important;
    border-color: var(--ad-brand) !important;
    color: #fff !important;
    border-radius: var(--ad-radius-sm) !important;
}
.qlassified-details-page .submit-fluid-btn:hover,
.qlassified-details-page .submit-fluid-btn2:hover {
    background: var(--ad-brand-hover) !important;
}

.ql-page__top { padding-top: 4px; padding-bottom: 0; }

/* Breadcrumb */
.ql-crumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    padding: 10px 0 14px;
}
.ql-crumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12.5px;
}
.ql-crumb__item {
    display: inline-flex;
    align-items: center;
    color: var(--ad-muted);
}
.ql-crumb__item + .ql-crumb__item::before {
    content: "/";
    color: #C5C9D4;
    padding: 0 8px;
}
.ql-crumb__item a {
    color: var(--ad-muted);
    text-decoration: none;
}
.ql-crumb__item a:hover { color: var(--ad-brand); }
.ql-crumb__item.is-current {
    color: var(--ad-ink);
    font-weight: 600;
}
.ql-crumb__back {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ad-muted);
    text-decoration: none;
}
.ql-crumb__back:hover { color: var(--ad-brand); }

/* Legacy breadcrumb fallback */
.qlassified-details__breadcrumb {
    padding: 8px 0 14px;
}
.qlassified-details__breadcrumb .breadcrumb {
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 12.5px;
}
.qlassified-details__breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #C5C9D4;
    padding: 0 8px;
}
.qlassified-details__breadcrumb a { color: var(--ad-muted); text-decoration: none; }
.qlassified-details__breadcrumb a:hover { color: var(--ad-brand); }
.qlassified-details__breadcrumb .active { color: var(--ad-ink); font-weight: 600; }

/* ===== Gallery mosaic — explicit placements ===== */
.ql-gallery { margin-bottom: 20px; }
.ql-gallery__stage { position: relative; }
.ql-gallery__mosaic {
    display: grid;
    gap: 6px;
    height: clamp(340px, 44vw, 520px);
    border-radius: 16px;
    overflow: hidden;
    background: transparent;
}
.ql-gallery__cell {
    margin: 0;
    position: relative;
    overflow: hidden;
    min-height: 0;
    min-width: 0;
    background: #1a1d27;
    display: block;
    cursor: zoom-in;
    border-radius: 4px;
}
.ql-gallery__mosaic--one .ql-gallery__cell,
.ql-gallery__cell--hero {
    border-radius: 12px;
}
.ql-gallery__mosaic--one .ql-gallery__cell { border-radius: 16px; }

/* 1 photo */
.ql-gallery__mosaic--one {
    grid-template: 1fr / 1fr;
}
.ql-gallery__mosaic--one .ql-gallery__cell--1 { grid-area: 1 / 1; }

/* 2 photos — equal split */
.ql-gallery__mosaic--two {
    grid-template: 1fr / 1fr 1fr;
}
.ql-gallery__mosaic--two .ql-gallery__cell--1 { grid-area: 1 / 1; border-radius: 12px 4px 4px 12px; }
.ql-gallery__mosaic--two .ql-gallery__cell--2 { grid-area: 1 / 2; border-radius: 4px 12px 12px 4px; }

/* 3 photos — hero left, 2 stacked right */
.ql-gallery__mosaic--three {
    grid-template:
        "hero a" 1fr
        "hero b" 1fr
        / 1.7fr 1fr;
}
.ql-gallery__mosaic--three .ql-gallery__cell--1 { grid-area: hero; border-radius: 12px 4px 4px 12px; }
.ql-gallery__mosaic--three .ql-gallery__cell--2 { grid-area: a; border-radius: 4px 12px 4px 4px; }
.ql-gallery__mosaic--three .ql-gallery__cell--3 { grid-area: b; border-radius: 4px 4px 12px 4px; }

/* 4 photos — hero left, 3 stacked right */
.ql-gallery__mosaic--four {
    grid-template:
        "hero a" 1fr
        "hero b" 1fr
        "hero c" 1fr
        / 1.75fr 1fr;
}
.ql-gallery__mosaic--four .ql-gallery__cell--1 { grid-area: hero; border-radius: 12px 4px 4px 12px; }
.ql-gallery__mosaic--four .ql-gallery__cell--2 { grid-area: a; border-radius: 4px 12px 4px 4px; }
.ql-gallery__mosaic--four .ql-gallery__cell--3 { grid-area: b; border-radius: 4px; }
.ql-gallery__mosaic--four .ql-gallery__cell--4 { grid-area: c; border-radius: 4px 4px 12px 4px; }

/* 5+ photos — hero left, 2×2 right */
.ql-gallery__mosaic--five {
    grid-template:
        "hero a b" 1fr
        "hero c d" 1fr
        / 1.6fr 1fr 1fr;
}
.ql-gallery__mosaic--five .ql-gallery__cell--1 { grid-area: hero; border-radius: 12px 4px 4px 12px; }
.ql-gallery__mosaic--five .ql-gallery__cell--2 { grid-area: a; border-radius: 4px 4px 4px 4px; }
.ql-gallery__mosaic--five .ql-gallery__cell--3 { grid-area: b; border-radius: 4px 12px 4px 4px; }
.ql-gallery__mosaic--five .ql-gallery__cell--4 { grid-area: c; border-radius: 4px 4px 4px 4px; }
.ql-gallery__mosaic--five .ql-gallery__cell--5 { grid-area: d; border-radius: 4px 4px 12px 4px; }

.ql-gallery__cell::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(15, 18, 32, 0);
    transition: background .25s ease;
    pointer-events: none;
    z-index: 1;
}
.ql-gallery__cell:hover::after {
    background: rgba(15, 18, 32, .14);
}
.ql-gallery__cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .55s ease;
}
.ql-gallery__cell:hover img { transform: scale(1.035); }

.ql-gallery__more {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    background: rgba(15, 18, 32, .55);
    color: #fff;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -.02em;
    backdrop-filter: blur(2px);
}

.ql-gallery__hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.ql-gallery__chrome {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
}

.ql-gallery__all {
    position: absolute;
    right: 14px;
    bottom: 14px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, .96);
    color: var(--ad-ink, #0F1220);
    font-size: 13px;
    font-weight: 650;
    box-shadow: 0 8px 22px rgba(15, 18, 32, .18);
    cursor: pointer;
    transition: transform .15s ease, background .15s ease;
}
.ql-gallery__all:hover {
    background: #fff;
    transform: translateY(-1px);
}
.ql-gallery__all svg { opacity: .85; }

.ql-gallery__mobile { display: none; border-radius: 14px; overflow: hidden; position: relative; }
.ql-gallery__mobile-slide {
    margin: 0;
    display: block;
    aspect-ratio: 4 / 3;
    background: #12151f;
    overflow: hidden;
}
.ql-gallery__mobile-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.ql-gallery__mobile .swiper-pagination {
    bottom: 12px !important;
}
.ql-gallery__mobile .swiper-pagination-bullet {
    background: rgba(255,255,255,.55);
    opacity: 1;
}
.ql-gallery__mobile .swiper-pagination-bullet-active {
    background: #fff;
    width: 18px;
    border-radius: 999px;
}
.ql-gallery__mobile-chrome {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
}
.ql-gallery__mobile-count {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 3;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(15, 18, 32, .62);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    backdrop-filter: blur(8px);
}

/* ===== Listing details header ===== */
.ql-header {
    padding: 6px 0 20px;
    border-bottom: 1px solid var(--ad-line, #E6E8EF);
}
.ql-header__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px 16px;
    margin-bottom: 10px;
}
.ql-header__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.ql-header__type {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #F3F5F9;
    border: 1px solid #E6E8EF;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #5B6578;
    line-height: 1.2;
}
.ql-header__id {
    margin: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 650;
    color: #8A93A6;
    font-variant-numeric: tabular-nums;
    letter-spacing: .01em;
    white-space: nowrap;
}
.ql-header__id span {
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #A0A7B5;
    margin-right: 4px;
}
.ql-header__title {
    margin: 0 0 12px;
    max-width: min(100%, 42ch);
    font-size: clamp(1.55rem, 1.2rem + 1.35vw, 2.05rem);
    font-weight: 750;
    letter-spacing: -.03em;
    line-height: 1.18;
    color: var(--ad-ink, #0F1220);
}
.ql-header__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    margin: 0;
    font-size: 13.5px;
    color: var(--ad-muted, #6B7385);
}
.ql-header__place,
.ql-header__rating {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}
.ql-header__place svg { opacity: .65; flex-shrink: 0; }
.ql-header__rating {
    color: inherit;
    text-decoration: none !important;
    font-weight: 600;
}
.ql-header__rating:hover { color: var(--ad-ink, #0F1220); }
.ql-header__rating svg { color: #C9A227; flex-shrink: 0; }
.ql-header__rating strong {
    font-weight: 750;
    color: var(--ad-ink, #0F1220);
    font-variant-numeric: tabular-nums;
}
.ql-header__rating em {
    font-style: normal;
    font-weight: 550;
    color: var(--ad-muted, #6B7385);
}
.ql-header__facts-wrap {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--ad-line, #E6E8EF);
}
.ql-header__facts,
.qlassified-details__facts,
.qlassified-details-page .hotel-room-bed-sft,
.qlassified-details-page .realestate-property-list {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.ql-header__fact,
.qlassified-details__facts li,
.qlassified-details-page .hotel-room-bed-sft li,
.qlassified-details-page .realestate-property-list li {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid #EEF0F5 !important;
    border-radius: 10px !important;
    background: #FAFBFD !important;
    font-size: 12.5px !important;
    font-weight: 550 !important;
    line-height: 1.2 !important;
    color: var(--ad-muted, #6B7385) !important;
    width: auto !important;
    position: static !important;
}
.ql-header__fact::after,
.qlassified-details__facts li::after,
.qlassified-details-page .hotel-room-bed-sft li::after,
.qlassified-details-page .realestate-property-list li::after {
    display: none !important;
    content: none !important;
}
.ql-header__fact img,
.qlassified-details__facts li img,
.qlassified-details-page .hotel-room-bed-sft li img,
.qlassified-details-page .realestate-property-list li img {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    opacity: .7;
    flex-shrink: 0;
}
.ql-header__fact strong,
.qlassified-details__facts li strong {
    font-weight: 750;
    color: var(--ad-ink, #0F1220);
    font-variant-numeric: tabular-nums;
}
.qlassified-details__meta-item {
    color: var(--ad-muted, #6B7385);
    font-size: 12.5px;
    margin-top: 10px;
}

@media (max-width: 575.98px) {
    .ql-header__top { flex-direction: column; align-items: flex-start; }
    .ql-header__title { max-width: none; font-size: 1.4rem; }
    .ql-header__meta { gap: 8px 12px; }
}

/* Tools — media overlay */
.ql-tools { display: inline-flex; gap: 8px; align-items: center; }
.ql-tools__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .94);
    color: var(--ad-ink);
    box-shadow: 0 6px 18px rgba(15, 18, 32, .16);
    text-decoration: none;
    transition: transform .15s ease, background .15s ease, color .15s ease;
}
.ql-tools__btn:hover {
    background: #fff;
    color: var(--ad-brand);
    transform: translateY(-1px);
}
.ql-tools__btn.is-active,
.ql-tools__btn.save-share.is-active,
.ql-tools__btn.save-share.active {
    color: #C2410C;
    background: #fff;
}
.ql-tools--on-media .ql-tools__btn {
    backdrop-filter: blur(10px);
}
.ql-tools__share { position: relative; }
.ql-tools--on-media .ql-tools__share .social-menu {
    bottom: auto;
    top: calc(100% + 10px);
    left: auto;
    right: 0;
    transform: translateY(6px);
}
.ql-tools--on-media .ql-tools__share:hover .social-menu {
    transform: translateY(0);
}
.ql-tools--on-media .ql-tools__share .social-menu::after {
    bottom: auto;
    top: -5px;
    left: auto;
    right: 14px;
    transform: rotate(45deg);
}
.ql-tools__btn.save-share.active path,
.ql-tools__btn.save-share.is-active path {
    fill: currentColor;
}

/* ===== Body grid ===== */
.ql-page__body { padding: 32px 0 72px; }
.ql-page__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 352px;
    gap: 40px 48px;
    align-items: start;
}
.ql-page__content { min-width: 0; }
.ql-page__aside { min-width: 0; }

.qlassified-details__section,
.ql-block {
    padding: 28px 0;
    margin: 0;
    border-bottom: 1px solid var(--ad-line);
}
.qlassified-details__section:first-child { padding-top: 4px; }
.qlassified-details__section:last-child,
.ql-block:last-child { border-bottom: 0; }
.qlassified-details__section-kicker { display: none; }
.qlassified-details__section-title,
.qlassified-details-page .qlassified-details__section .in-title3-24px,
.qlassified-details-page .ql-block h2,
.qlassified-details-page .ql-block h3,
.qlassified-details-page .ql-block h4.title,
.qlassified-details-page .ql-block .title {
    margin: 0 0 14px !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    letter-spacing: -.02em;
    color: var(--ad-ink) !important;
    text-transform: none !important;
}
.qlassified-details-page .at-details-description .in-subtitle-2 {
    color: var(--ad-muted);
    font-size: 15.5px;
    line-height: 1.7;
}

.qlassified-details__amenities {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.qlassified-details__amenities li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid var(--ad-line);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
}
.qlassified-details__amenities li img { width: 15px; height: 15px; opacity: .7; }

/* SVG amenities — tinted to the active directory type color */
.amenity-icon--mask {
    display: inline-block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: var(--amenity-mask) center / contain no-repeat;
    mask: var(--amenity-mask) center / contain no-repeat;
    color: #64748B; /* fallback */
}
.hotel-details-body .amenity-icon--mask,
.qlassified-details--hotel .amenity-icon--mask {
    color: #124797; /* hotel amenity blue */
}
.restaurant-details-body .amenity-icon--mask,
.qlassified-details--restaurant .amenity-icon--mask {
    color: #EF255C; /* restaurant amenity magenta */
}
.beauty-details-body .amenity-icon--mask,
.qlassified-details--beauty .amenity-icon--mask {
    color: #FF736A; /* beauty coral */
}
.car-details-body .amenity-icon--mask,
.qlassified-details--car .amenity-icon--mask,
.qlassified-type--car .amenity-icon--mask {
    color: #B91C1C; /* car red */
}
.real-estate-details-body .amenity-icon--mask,
.qlassified-details--real-estate .amenity-icon--mask {
    color: #0F766E; /* real-estate teal */
}
.custom-types-details-body .amenity-icon--mask,
.qlassified-details--custom .amenity-icon--mask {
    color: var(--themeColor, #0F5EAD);
}

.qlassified-details__location-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 14px;
}
.qlassified-details__map {
    height: 260px;
    border-radius: var(--ad-radius);
    overflow: hidden;
    border: 1px solid var(--ad-line);
    background: var(--ad-soft);
}
.qlassified-details__map #map { width: 100%; height: 100%; }

/* FAQ accordion — Qlassified details */
.ql-faq {
    margin: 0;
}
.ql-faq__title {
    margin: 0 0 16px;
    font-size: clamp(1.2rem, 1.05rem + .4vw, 1.4rem);
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ad-ink, #0F1220);
}
.ql-faq__accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    --bs-accordion-border-color: transparent;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--ad-ink, #0F1220);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-active-icon: none;
}
.ql-faq__item {
    border: 1px solid var(--ad-line, #E6E8EF) !important;
    border-radius: 14px !important;
    background: #fff !important;
    overflow: hidden;
    margin: 0 !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.ql-faq__item:has(.ql-faq__btn:not(.collapsed)) {
    border-color: rgba(15, 94, 173, .28) !important;
    box-shadow: 0 8px 24px rgba(15, 18, 32, .06);
}
.ql-faq__btn {
    gap: 14px;
    padding: 16px 18px !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    color: var(--ad-ink, #0F1220) !important;
    background: #fff !important;
    box-shadow: none !important;
}
.ql-faq__btn:hover {
    background: #FAFBFC !important;
}
.ql-faq__btn:not(.collapsed) {
    color: var(--ad-brand, #0F5EAD) !important;
    background: #fff !important;
}
.ql-faq__btn:focus {
    box-shadow: none !important;
}
.ql-faq__q {
    flex: 1;
    min-width: 0;
    text-align: left;
}
.ql-faq__btn::after {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin: 0 !important;
    border-radius: 50%;
    background-color: var(--ad-soft, #F5F6F8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%230F1220' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    transition: transform .2s ease, background-color .18s ease;
}
.ql-faq__btn:not(.collapsed)::after {
    background-color: rgba(15, 94, 173, .1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 7.5L6 4l3.5 3.5' stroke='%230F5EAD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: none;
}
.ql-faq__body {
    padding: 0 18px 16px !important;
    color: var(--ad-muted, #5C6378);
    font-size: 14.5px;
    line-height: 1.55;
}
.ql-faq__body p {
    margin: 0;
}

/* Agent contact — Qlassified card */
.ad-agent {
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none !important;
    background: transparent !important;
}
.ad-agent__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--ad-line);
}
.ad-agent__title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ad-ink);
}
.ad-agent__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ad-agent__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.ad-agent__btn--primary {
    background: var(--ad-brand);
    border-color: var(--ad-brand);
    color: #fff !important;
}
.ad-agent__btn--primary:hover {
    background: var(--ad-brand-hover);
    border-color: var(--ad-brand-hover);
    color: #fff !important;
}
.ad-agent__btn--ghost {
    background: #fff;
    border-color: var(--ad-line);
    color: var(--ad-ink) !important;
}
.ad-agent__btn--ghost:hover {
    border-color: var(--ad-brand);
    color: var(--ad-brand) !important;
}
.ad-agent__card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--ad-line);
    border-radius: var(--ad-radius);
    background: #fff;
}
.ad-agent__avatar {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--ad-soft);
    border: 1px solid var(--ad-line);
}
.ad-agent__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ad-agent__info {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ad-agent__by {
    margin: 0;
    font-size: 14px;
    color: var(--ad-muted);
    line-height: 1.4;
}
.ad-agent__by strong {
    color: var(--ad-ink);
    font-weight: 700;
}
.ad-agent__row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: baseline;
    font-size: 13.5px;
    color: var(--ad-ink);
    text-decoration: none;
    line-height: 1.35;
}
.ad-agent__row:hover { color: var(--ad-brand); }
.ad-agent__label {
    color: var(--ad-muted);
    font-weight: 500;
    min-width: 3.4rem;
}
.ad-agent__form { margin-top: 18px; }
.ad-agent__form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ad-ink);
}
.ad-agent__form-label span { color: var(--ad-muted); font-weight: 500; }
.ad-agent__textarea {
    min-height: 120px !important;
    border-radius: 12px !important;
    border-color: var(--ad-line) !important;
    padding: 12px 14px !important;
    font-size: 14px;
    resize: vertical;
    box-shadow: none !important;
}
.ad-agent__textarea:focus {
    border-color: var(--ad-brand) !important;
    box-shadow: 0 0 0 3px rgba(15, 94, 173, .12) !important;
}
.ad-agent__form-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
}
.ad-agent__report {
    font-size: 13px;
    font-weight: 600;
    color: var(--ad-muted);
    text-decoration: none;
}
.ad-agent__report:hover { color: #B42318; }
.ad-agent__report.is-done { cursor: default; opacity: .7; }

@media (max-width: 575.98px) {
    .ad-agent__card { align-items: flex-start; }
    .ad-agent__header { align-items: flex-start; }
}

/* Shop / services inside details — tame legacy cards + shared commerce cards */
.qlassified-details-page .ql-block .btn:not(.shop-filter-chip):not(.car-filter-btn):not(.quantity-btn):not(.qlassified-c-card__btn),
.qlassified-details-page .ql-block .theme-btn1,
.qlassified-details-page .ql-block a.book-now,
.qlassified-details-page .ql-block .ss-book-btn {
    background: var(--ad-brand) !important;
    border-color: var(--ad-brand) !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

/* ==========================================================================
   Qlassified commerce cards (Shop products + Services) — shared card system
   ========================================================================== */
.qlassified-c-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    height: 100%;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--ad-line, #E6E8EF);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15, 18, 32, .05);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.qlassified-c-card:hover {
    transform: translateY(-2px);
    border-color: #D5DAE6;
    box-shadow: 0 14px 30px rgba(15, 18, 32, .09);
}
.qlassified-c-card__media {
    width: 112px;
    height: 112px;
    margin: 0;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #F0F2F6;
}
.qlassified-c-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.qlassified-c-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.qlassified-c-card__title {
    margin: 0;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: -.015em;
    color: var(--ad-ink, #0F1220);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.qlassified-c-card__desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    color: var(--ad-muted, #5C6378);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
}
.qlassified-c-card__meta {
    margin: 0;
    font-size: 12.5px;
    font-weight: 650;
    color: var(--ad-muted, #5C6378);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qlassified-c-card__footer {
    margin-top: auto;
    padding-top: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
}
.qlassified-c-card__price {
    margin: 0;
    font-size: 15px;
    font-weight: 750;
    color: var(--ad-ink, #0F1220);
    letter-spacing: -.01em;
}
.qlassified-c-card__actions {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.qlassified-c-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: var(--ad-brand, var(--brand, #0F5EAD));
    color: #fff !important;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none !important;
    border: 0;
    cursor: pointer;
}
.qlassified-c-card__btn:hover {
    background: var(--ad-brand-hover, var(--brand-hover, #0B4A8A));
    color: #fff !important;
}
.qlassified-c-card .quantity-selector {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--ad-line, #E6E8EF);
    border-radius: 10px;
    padding: 2px;
    background: #fff;
}
.qlassified-c-card .quantity-btn {
    appearance: none;
    border: 0;
    background: #F5F6F8;
    color: #0F1220;
    min-width: 28px;
    height: 28px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
}
.qlassified-c-card .quantity {
    margin: 0 8px;
    font-size: 13px;
    font-weight: 700;
    min-width: 1.2em;
    text-align: center;
}
.qlassified-c-card .shop-cart-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 12.5px;
    font-weight: 650;
    color: #0F1220;
    cursor: pointer;
    user-select: none;
}
.qlassified-c-card .shop-cart-check {
    width: 1.1em;
    height: 1.1em;
    margin: 0;
    cursor: pointer;
}
.qlassified-details-page .ql-shop .qlassified-c-card,
.qlassified-details-page .ql-services .qlassified-c-card,
.qlassified-details-page .ql-shop .quantity-btn,
.qlassified-details-page .ql-shop .shop-cart-toggle {
    pointer-events: auto !important;
}
.qlassified-details-page .ql-block .qlassified-c-card__btn {
    background: var(--ad-brand) !important;
    border-color: var(--ad-brand) !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}
.service-selling-section { margin: 8px 0 28px; }

@media (max-width: 575.98px) {
    .qlassified-c-card { padding: 10px; gap: 10px; }
    .qlassified-c-card__media { width: 88px; height: 88px; }
}

.qlassified-details-page .ql-block img {
    border-radius: 10px;
}

/* Shop category chips — inactive outline, active brand fill */
.qlassified-details-page .shop-category-filters {
    gap: 8px !important;
}
.qlassified-details-page .shop-filter-chip {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 14px;
    margin: 0;
    border: 1px solid var(--ad-line);
    border-radius: 999px;
    background: #fff;
    color: var(--ad-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.qlassified-details-page .shop-filter-chip:hover {
    border-color: #C9CEDA;
    background: var(--ad-soft);
}
.qlassified-details-page .shop-filter-chip.active {
    background: var(--ad-brand);
    border-color: var(--ad-brand);
    color: #fff;
}
.qlassified-details-page .shop-filter-chip:focus-visible {
    outline: 2px solid var(--ad-brand);
    outline-offset: 2px;
}

/* Type sections rhythm */
.qlassified-details-page .beauty-details-services,
.qlassified-details-page .ql-beauty-services,
.qlassified-details-page .ql-beauty-hours,
.qlassified-details-page .ql-beauty-team,
.qlassified-details-page .hotel-details-gallery,
.qlassified-details-page .ql-rooms,
.qlassified-details-page .restdetails-menu-wrap,
.qlassified-details-page .restaurent-opening-time,
.qlassified-details-page .overview-tab-content,
.qlassified-details-page .car-details-features,
.qlassified-details-page .car-details-specification,
.qlassified-details-page .realestate-details-features,
.qlassified-details-page .floor-plans-area,
.qlassified-details-page .realdetails-video-area,
.qlassified-details-page .ql-video-section,
.qlassified-details-page .real-3dmodel-area {
    padding: 28px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--ad-line);
}

/* Listing video — responsive 16:9 (no Plyr dependency) */
.ql-video-section .qlassified-details__section-title,
.qlassified-details-page .realdetails-video-area .qlassified-details__section-title {
    margin-bottom: 16px !important;
}
.ql-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--ad-radius);
    overflow: hidden;
    background: #0F1220;
    border: 1px solid var(--ad-line);
    box-shadow: 0 10px 28px rgba(15, 18, 32, .06);
}
.ql-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.qlassified-details-page .realdetails-video,
.qlassified-details-page .plyr__video-embed {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--ad-radius);
    overflow: hidden;
    background: #0F1220;
}
.qlassified-details-page .realdetails-video iframe,
.qlassified-details-page .plyr__video-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Beauty — services */
.ql-svc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.ql-svc {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border: 1px solid var(--ad-line);
    border-radius: var(--ad-radius-sm);
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.ql-svc:hover {
    border-color: #D5D9E4;
    box-shadow: 0 8px 22px rgba(15, 18, 32, .05);
}
.ql-svc__media {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #F0F2F7;
}
.ql-svc__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ql-svc__main { min-width: 0; flex: 1; }
.ql-svc__title {
    margin: 0 0 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -.015em;
    color: var(--ad-ink) !important;
    line-height: 1.3;
}
.ql-svc__time {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--ad-muted);
}
.ql-svc__price {
    margin: 0;
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--ad-soft);
    color: var(--ad-brand);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: -.01em;
    white-space: nowrap;
}
.ql-svc--bookable {
    align-items: center;
}
.ql-svc--bookable .ql-svc__media {
    flex-basis: 80px;
    width: 80px;
    height: 80px;
}
.ql-svc__aside {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0;
}
.ql-svc__cta {
    appearance: none;
    border: 0;
    cursor: pointer;
    padding: 8px 14px;
    border-radius: 10px;
    background: var(--ad-brand, #0F5EAD);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.2;
    transition: background .15s ease, transform .15s ease;
}
.ql-svc__cta:hover {
    background: #0c4f93;
    transform: translateY(-1px);
}
.qlassified-storefront .ql-svc-grid {
    margin-top: 4px;
}
.qlassified-details-page .beauty-details-service {
    box-shadow: none !important;
    border: 1px solid var(--ad-line);
    border-radius: var(--ad-radius-sm);
    padding: 16px 18px;
    background: #fff;
}

/* Beauty — team */
.ql-team {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px 16px;
}
.ql-team__member {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0;
}
.ql-team__avatar {
    position: relative;
    width: 96px;
    height: 96px;
    margin-bottom: 14px;
}
.ql-team__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px var(--ad-line);
    display: block;
}
.ql-team__rating {
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--ad-line);
    box-shadow: 0 4px 12px rgba(15, 18, 32, .08);
    color: var(--ad-ink);
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}
.ql-team__rating strong {
    font-weight: 750;
}
.ql-team__rating svg {
    color: #C9A227;
    flex-shrink: 0;
}
.ql-team__name {
    margin: 0 0 2px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--ad-ink) !important;
    line-height: 1.3;
}
.ql-team__role {
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--ad-muted);
}
.qlassified-details-page .beauty-team-members {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px 16px;
}
.qlassified-details-page .beauty-team-members .ratings {
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
    gap: 4px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--ad-line);
    box-shadow: 0 4px 12px rgba(15, 18, 32, .08);
}

/* Hotel rooms — card layout */
.ql-rooms__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ql-room {
    border: 1px solid var(--ad-line);
    border-radius: var(--ad-radius);
    background: #fff;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.ql-room:hover {
    border-color: #D5D9E4;
    box-shadow: 0 10px 28px rgba(15, 18, 32, .06);
}
.ql-room__gallery {
    display: grid;
    gap: 4px;
    background: var(--ad-soft);
}
.ql-room__gallery--split {
    grid-template-columns: minmax(0, 1.55fr) minmax(88px, .7fr);
}
.ql-room__hero {
    position: relative;
    display: block;
    min-height: 200px;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.ql-room__hero img,
.ql-room__thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.ql-room__hero:hover img,
.ql-room__thumbs a:hover img {
    transform: scale(1.04);
}
.ql-room__count {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 18, 32, .72);
    color: #fff;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .01em;
    backdrop-filter: blur(6px);
}
.ql-room__thumbs {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 4px;
    min-height: 200px;
}
.ql-room__thumbs[data-count="1"] { grid-template-rows: 1fr; }
.ql-room__thumbs[data-count="2"] { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.ql-room__thumbs a {
    display: block;
    overflow: hidden;
    min-height: 0;
}
.ql-room__body {
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ql-room__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.ql-room__index {
    margin: 0 0 2px;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ad-muted);
}
.ql-room__title {
    margin: 0 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: -.02em;
    color: var(--ad-ink) !important;
    line-height: 1.3;
}
.ql-room__price {
    margin: 0;
    flex-shrink: 0;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--ad-soft);
    color: var(--ad-brand);
    font-size: 14px;
    font-weight: 750;
    letter-spacing: -.01em;
    white-space: nowrap;
}
.ql-room__price-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
}
.ql-room__price-block .ql-room__price {
    padding: 0;
    background: transparent;
    border-radius: 0;
    font-size: 1.05rem;
    color: var(--ad-ink);
}
.ql-room__price-unit {
    font-size: 12px;
    font-weight: 550;
    color: var(--ad-muted);
}
.ql-room__capacity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    color: var(--ad-muted);
    font-size: 12.5px;
    font-weight: 550;
}
.ql-room__capacity span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.ql-room__capacity svg {
    flex-shrink: 0;
    color: #6B7385;
}
.ql-room__chip--muted {
    border-style: dashed;
    opacity: .9;
}
.ql-room__actions {
    display: flex;
    justify-content: stretch;
    padding-top: 10px;
    border-top: 1px solid var(--ad-line);
    margin-top: auto;
}
.ql-room__cta {
    border-radius: 10px !important;
    padding: 10px 16px !important;
    font-weight: 700 !important;
    width: 100%;
}
.ql-room--compact .ql-room__hero {
    min-height: 160px;
}
.ql-room--compact .ql-room__thumbs {
    min-height: 160px;
}
.ql-room--compact .ql-room__body {
    padding: 14px 16px 14px;
    gap: 10px;
}

/* Grid catalogue cards (2-col + pagination) */
.ql-room--grid {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ql-room--grid .ql-room__gallery {
    grid-template-columns: 1fr;
}
.ql-room--grid .ql-room__hero {
    min-height: 0;
    aspect-ratio: 16 / 10;
}
.ql-room--grid .ql-room__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 14px 14px;
}
.ql-room--grid .ql-room__title {
    font-size: .98rem !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ql-room--grid .ql-room__price-block .ql-room__price {
    font-size: .95rem;
}
.ql-room--grid .ql-room__amenities {
    gap: 5px;
}
.ql-room--grid .ql-room__amenities li {
    max-width: 100%;
    padding: 5px 8px 5px 6px;
    font-size: 11.5px;
}
.ql-room--grid .ql-room__amenities li > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 9.5em;
}
.ql-room__amenities-more {
    background: #fff !important;
    border: 1px dashed var(--ad-line);
    color: var(--ad-ink) !important;
    font-weight: 700 !important;
}
.qlassified-sf-slot--room .qlassified-sf-slot__room-card {
    margin-bottom: 16px;
}
.qlassified-sf-slot--room .ql-room {
    border-radius: 14px;
}
.qlassified-storefront__rail--stay .sf-page-item {
    display: flex;
}
.qlassified-storefront__rail--stay .sf-page-item > .ql-room {
    width: 100%;
}
.ql-room__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ql-room__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--ad-line);
    background: #fff;
    color: var(--ad-muted);
    font-size: 12.5px;
    font-weight: 550;
}
.ql-room__chip img,
.ql-room__chip-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6B7385;
    opacity: .9;
}
.ql-room__chip-icon svg { display: block; }
.ql-room__amenities {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ql-room__amenities li {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px 6px 8px;
    border-radius: 999px;
    background: var(--ad-soft);
    color: var(--ad-muted);
    font-size: 12.5px;
    font-weight: 550;
    line-height: 1.3;
    width: auto !important;
}
.ql-room__amenities li::after { display: none !important; }
.ql-room__amen-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 3px;
}
.ql-room__amen-icon--fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6B7385;
}
.ql-room__amen-icon--fallback svg { display: block; }

/* Legacy hotel gallery fallback (if old markup still present) */
.qlassified-details-page .hoteldetails-gallery-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
}
.qlassified-details-page .hoteldetails-gallery-list a {
    display: block;
    aspect-ratio: 4/3;
    border-radius: 10px;
    overflow: hidden;
}
.qlassified-details-page .hoteldetails-gallery-list img {
    width: 100%; height: 100%; object-fit: cover;
}
.qlassified-details-page .restopening-time-list,
.qlassified-details-page .opening-time-list { list-style: none; margin: 0; padding: 0; }
.qlassified-details-page .restopening-time-list li,
.qlassified-details-page .opening-time-list li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid var(--ad-line);
    font-size: 14px;
}
.qlassified-details-page .restopening-time-list li:last-child,
.qlassified-details-page .opening-time-list li:last-child { border-bottom: 0; }
.qlassified-details-page .restdetails-menu-item {
    padding: 12px 0;
    border-bottom: 1px solid var(--ad-line);
}
.qlassified-details-page .restdetails-menu-item:last-child { border-bottom: 0; }
.qlassified-details-page .white-btn1,
.qlassified-details-page .theme-btn1,
.qlassified-details-page .gray-btn1,
.qlassified-details-page .get-direction-btn {
    border-radius: 999px !important;
    min-height: 38px;
    font-size: 13px !important;
    font-weight: 650 !important;
}
.qlassified-details-page .theme-btn1 {
    background: var(--ad-brand) !important;
    border-color: var(--ad-brand) !important;
    color: #fff !important;
}
.qlassified-details-page .theme-btn1:hover {
    background: var(--ad-brand-hover) !important;
    border-color: var(--ad-brand-hover) !important;
}
.qlassified-details-page .gray-btn1 {
    background: #fff !important;
    border: 1px solid var(--ad-line) !important;
    color: var(--ad-ink) !important;
}
.qlassified-details-page .gray-btn1:hover {
    border-color: var(--ad-brand) !important;
    color: var(--ad-brand) !important;
}

/* ===== Booking rail ===== */
.ql-rail { position: sticky; top: 92px; }
.ql-book {
    padding: 20px 18px 18px;
    border: 1px solid var(--ad-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 18, 32, .07);
}
.ql-book__head {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--ad-line);
}
.ql-book__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    margin: 0;
}
.ql-book__amount {
    font-size: 1.5rem;
    font-weight: 750;
    letter-spacing: -.02em;
    line-height: 1.15;
    color: var(--ad-ink);
    white-space: nowrap;
}
.ql-book__was {
    font-size: 13px;
    font-weight: 500;
    color: var(--ad-muted);
    text-decoration: line-through;
}
.ql-book__unit {
    font-size: 13px;
    font-weight: 500;
    color: var(--ad-muted);
}
.ql-book__title {
    margin: 0;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.3;
    color: var(--ad-muted);
}
.ql-book__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ql-book__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.ql-book__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.ql-book__label {
    margin: 0;
    font-size: 11.5px;
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #8B91A3;
}
.ql-book__fieldset { margin: 0; padding: 0; border: 0; }
.ql-book__fieldset legend {
    margin-bottom: 8px;
    font-size: 11.5px;
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #8B91A3;
}
.ql-book__radios {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    font-size: 13.5px;
}
.qlassified-details-page .ql-book .form-control,
.qlassified-details-page .ql-book .mform-control {
    margin: 0 !important;
    min-height: 42px;
    border-radius: 10px;
    border-color: var(--ad-line);
    background: #FAFBFC;
    font-size: 14px;
    box-shadow: none !important;
}
.qlassified-details-page .ql-book .form-control:focus,
.qlassified-details-page .ql-book .mform-control:focus {
    background: #fff;
    border-color: var(--ad-brand);
    box-shadow: 0 0 0 3px var(--brand-soft, rgba(15,94,173,.12)) !important;
}
.qlassified-details-page .ql-book textarea.form-control {
    min-height: 72px;
    resize: vertical;
}
.qlassified-details-page .ql-book .hoteldetails-form-inputs,
.qlassified-details-page .ql-book .form-builder-booking-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.qlassified-details-page .ql-book .hoteldetails-form-inputs .mb-14,
.qlassified-details-page .ql-book .hoteldetails-form-inputs .mb-16,
.qlassified-details-page .ql-book .form-builder-booking-form .mb-14,
.qlassified-details-page .ql-book .form-builder-booking-form .mb-16,
.qlassified-details-page .ql-book .form-builder-booking-form .mb-2 {
    margin: 0 !important;
}
.qlassified-details-page .ql-book .submit-fluid-btn,
.qlassified-details-page .ql-book .submit-fluid-btn2,
.qlassified-details-page .ql-book .ql-book__builder button[type="submit"] {
    margin-top: 4px !important;
    width: 100%;
    min-height: 46px !important;
    border-radius: 12px !important;
    background: var(--ad-brand) !important;
    border-color: var(--ad-brand) !important;
    color: #fff !important;
    font-size: 14.5px !important;
    font-weight: 650 !important;
}
.ql-book__guest-toggle {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid var(--ad-line);
    border-radius: 10px;
    background: #FAFBFC;
    text-align: left;
    font-size: 14px;
}
.ql-book__cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 4px;
    align-items: stretch;
}
.ql-book__cta--solo { grid-template-columns: 1fr; }
.ql-book__cta .ql-wa {
    min-width: 48px;
    padding: 0 14px;
}
.ql-book__cta .ql-wa span { display: none; }
.ql-book__submit {
    margin: 0;
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 12px;
    background: var(--ad-brand);
    color: #fff;
    font-size: 14.5px;
    font-weight: 650;
    letter-spacing: -.01em;
    transition: background .15s ease;
}
.ql-book__submit:hover { background: var(--ad-brand-hover); }
.ql-book__wa { width: 100%; }
.ql-book__sub {
    margin: 6px 0 0;
    font-size: 12.5px;
    font-weight: 550;
    color: var(--ad-muted, #6B7385);
    line-height: 1.4;
}
.ql-book__commerce-cta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    padding: 14px 40px 14px 14px;
    border-radius: 12px;
    background: #0F5EAD;
    color: #fff !important;
    text-decoration: none !important;
    margin-bottom: 14px;
    transition: background .15s ease;
}
.ql-book__commerce-cta:hover { background: #0c4f93; color: #fff !important; }
.ql-book__commerce-cta-label {
    font-size: 15px;
    font-weight: 750;
    letter-spacing: -.02em;
}
.ql-book__commerce-cta-hint {
    font-size: 12px;
    font-weight: 550;
    opacity: .88;
}
.ql-book__commerce-cta-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .9;
}
.ql-book__lead {
    padding-top: 12px;
    border-top: 1px solid var(--ad-line, #E6E8EF);
}
.ql-book__lead-title {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ad-ink, #0F1220);
}
.ql-book--commerce .ql-book__builder--lead .submit-fluid-btn,
.ql-book--commerce .ql-book__lead .ql-book__submit {
    min-height: 42px !important;
    font-size: 13.5px !important;
}
.ql-book__builder + .ql-book__cta {
    margin-top: 10px;
    grid-template-columns: 1fr;
}
.ql-book__builder + .ql-book__cta .ql-wa span { display: inline; }
.ql-book__ghost {
    display: block;
    margin-top: 10px;
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--ad-line);
    border-radius: 10px;
    background: #fff;
    color: var(--ad-ink);
    font-size: 13px;
    font-weight: 650;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
}

/* Claim ownership — separate from inquire / book form */
.ql-claim {
    margin-top: 14px;
}
.ql-claim__btn {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #E6E8EF;
    background: #fff;
    color: inherit;
    text-decoration: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
a.ql-claim__btn:hover {
    border-color: rgba(15, 94, 173, 0.35);
    box-shadow: 0 8px 22px rgba(15, 18, 32, 0.06);
    background: #F8FAFD;
}
.ql-claim__btn.is-done {
    background: #F7F8FB;
    opacity: .9;
    cursor: default;
}
.ql-claim__ico {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(15, 94, 173, 0.08);
    color: var(--themeColor, #0F5EAD);
}
.ql-claim__btn.is-done .ql-claim__ico {
    background: rgba(15, 118, 110, 0.1);
    color: #0F766E;
}
.ql-claim__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    text-align: left;
}
.ql-claim__copy strong {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ad-ink, #0F1220);
    line-height: 1.25;
}
.ql-claim__copy em {
    font-style: normal;
    font-size: 12px;
    color: var(--ad-muted, #6B7385);
    line-height: 1.35;
}

.ql-rail__partners { margin-top: 14px; }
.ql-rail__extra { margin-top: 14px; }

/* ===== Sponsored Post (sidebar + rail) ===== */
.partner-rail {
    --ads-ink: var(--ad-ink, #0F1220);
    --ads-muted: var(--ad-muted, #5B6475);
    --ads-line: var(--ad-line, #E6E9F0);
    --ads-sponsored: var(--sponsored, #C2410C);
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid var(--ads-line);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(194, 65, 12, 0.04) 0%, transparent 42%),
        #fff;
    box-shadow: 0 10px 28px rgba(15, 18, 32, 0.06);
}
.partner-rail__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ads-line);
}
.partner-rail__kicker {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--ads-sponsored);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.3;
}
.partner-rail__title,
.partner-rail .partner-rail-header h4.sub-title {
    margin: 0;
    color: var(--ads-ink);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
}
.partner-rail__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.partner-rail__item { margin: 0; }
.partner-rail__card {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid transparent;
    background: transparent;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.partner-rail__card:hover,
.partner-rail__card:focus-visible {
    border-color: rgba(194, 65, 12, 0.35);
    box-shadow: 0 8px 20px rgba(194, 65, 12, 0.12);
    transform: translateY(-1px);
    outline: none;
}
.partner-rail__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #EEF1F6;
    border-radius: 12px;
}
.partner-rail__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}
.partner-rail__card:hover .partner-rail__img {
    transform: scale(1.03);
}
.partner-rail__body {
    padding: 10px 2px 2px;
}
.partner-rail__headline {
    margin: 0 0 4px;
    color: var(--ads-ink);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.partner-rail__excerpt {
    margin: 0 0 8px;
    color: var(--ads-muted);
    font-size: 0.8rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.partner-rail__cta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--ads-sponsored);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.partner-rail__cta::after {
    content: "→";
    transition: transform 0.2s ease;
}
.partner-rail__card:hover .partner-rail__cta::after {
    transform: translateX(3px);
}

/* Legacy class hooks (style.css) — neutralize nested grey boxes */
.ql-rail__partners .partner-rail,
.qlassified-details-page .partner-rail {
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(15, 18, 32, 0.06);
}
.partner-rail-body a.partner-rail-item {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}
.partner-rail-body img.partner-rail-img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

@media (max-width: 1199.98px) {
    .ql-book__grid { grid-template-columns: 1fr; }
    .ql-book__cta {
        grid-template-columns: 1fr;
    }
    .ql-book__cta .ql-wa span { display: inline; }
}

/* WhatsApp system */
.ql-wa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease, border-color .15s ease;
}
.ql-wa__icon { flex-shrink: 0; }
.ql-wa--solid {
    background: #25D366;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(37, 211, 102, .25);
}
.ql-wa--solid:hover {
    background: #1ebe57;
    color: #fff !important;
    transform: translateY(-1px);
}
.ql-wa--soft {
    background: rgba(37, 211, 102, .1);
    color: #128C7E !important;
    border-color: rgba(37, 211, 102, .35);
}
.ql-wa--soft:hover {
    background: rgba(37, 211, 102, .16);
    color: #075E54 !important;
}
.ql-wa--icon {
    width: 40px;
    min-height: 40px;
    padding: 0;
    border-radius: 50%;
    background: #25D366;
    color: #fff !important;
}
.ql-book__wa-form { width: 100%; }

/* Contact card */
.ql-contact {
    margin-top: 14px;
    padding: 18px 18px 16px;
    border: 1px solid var(--ad-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 18, 32, .05);
}
.ql-contact__head { margin-bottom: 14px; }
.ql-contact__title {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: -.015em;
    color: var(--ad-ink);
}
.ql-contact__person {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}
.ql-contact__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: var(--ad-soft);
    border: 1px solid var(--ad-line);
}
.ql-contact__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ql-contact__who { min-width: 0; }
.ql-contact__name {
    margin: 0 0 4px;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--ad-ink);
    line-height: 1.3;
}
.ql-contact__rows {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ql-contact__row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: var(--ad-ink);
    text-decoration: none;
    line-height: 1.35;
    word-break: break-word;
}
.ql-contact__row:hover { color: var(--ad-brand); }
.ql-contact__row.is-static { color: var(--ad-muted); cursor: default; }
.ql-contact__ico {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--ad-soft);
    color: var(--ad-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ql-contact__actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ql-contact__wa { width: 100%; }
.ql-contact__profile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid var(--ad-line);
    background: #fff;
    color: var(--ad-ink);
    font-size: 13.5px;
    font-weight: 650;
    text-decoration: none;
}
.ql-contact__profile:hover {
    border-color: var(--ad-brand);
    color: var(--ad-brand);
}

/* Floating WhatsApp — admin/site support (not listing details) */
.qlassified-admin-wa-fab.ql-wa,
.qlassified-admin-wa-fab {
    position: fixed;
    right: 18px;
    bottom: 22px;
    z-index: 1040;
    width: 54px;
    height: 54px;
    min-width: 54px;
    padding: 0;
    border-radius: 50%;
    background: #25D366;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 28px rgba(37, 211, 102, .4);
    text-decoration: none;
    border: 0;
    transition: background .2s ease, transform .2s ease;
}
.qlassified-admin-wa-fab:hover {
    background: #1ebe57;
    color: #fff !important;
    transform: translateY(-2px);
}
.qlassified-admin-wa-fab .ql-wa__icon {
    width: 26px;
    height: 26px;
}
@media (max-width: 575.98px) {
    .qlassified-admin-wa-fab {
        right: 14px;
        bottom: 16px;
        width: 50px;
        height: 50px;
        min-width: 50px;
    }
}

/* Legacy details FAB (removed from shell — keep rule harmless) */
.ql-wa-fab {
    position: fixed;
    right: 18px;
    bottom: 22px;
    z-index: 1040;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #25D366;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 28px rgba(37, 211, 102, .4);
    text-decoration: none;
}
.ql-wa-fab:hover {
    background: #1ebe57;
    color: #fff !important;
    transform: translateY(-2px);
}
@media (min-width: 992px) {
    .ql-wa-fab { display: none; }
}
@media (max-width: 575.98px) {
    .ql-wa-fab { right: 14px; bottom: 16px; width: 50px; height: 50px; }
}

/* Related — same HF card language as homepage */
.qlassified-details__related {
    padding: 56px 0 72px;
    background: var(--ad-soft);
    border-top: 1px solid var(--ad-line);
}
.qlassified-details__related-head { margin-bottom: 22px; }
.qlassified-details__related-title {
    margin: 0;
    font-size: clamp(1.3rem, 1.1rem + .6vw, 1.55rem);
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ad-ink);
}
.qlassified-details__related .qlassified-hf-card {
    height: 100%;
    background: #fff;
}
.qlassified-details__related .qlassified-hf-card__title {
    color: var(--ad-ink) !important;
}
.qlassified-details__related .qlassified-hf-card__badge {
    background: transparent !important;
}
.qlassified-details__related .card-light-text:empty,
.qlassified-details__related .qlassified-hf-card__badge-wrap:empty {
    display: none !important;
}
.qlassified-details__related .see-details-btn1 {
    background: var(--ad-brand) !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 8px 12px;
}
.qlassified-details__related .see-details-btn1:hover {
    background: var(--ad-brand-hover) !important;
}
.qlassified-details__related .grid-list-bookmark.white-bookmark {
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 18, 32, .12);
}
.qlassified-details__related .grid-list-bookmark.white-bookmark path {
    fill: transparent;
    stroke: var(--ad-brand);
    stroke-width: 1.2px;
}
.qlassified-details__related .grid-list-bookmark.white-bookmark.active path,
.qlassified-details__related .grid-list-bookmark.white-bookmark:hover path {
    fill: var(--ad-brand);
    stroke: var(--ad-brand);
}
.qlassified-hf-card__rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    color: var(--ad-ink);
    font-weight: 600;
    white-space: nowrap;
}

@media (max-width: 1199.98px) {
    .ql-page__grid { grid-template-columns: minmax(0,1fr) 310px; gap: 32px; }
    .ql-gallery__mosaic { height: clamp(300px, 40vw, 440px); gap: 5px; }
}

@media (max-width: 991.98px) {
    .ql-page__grid { grid-template-columns: 1fr; gap: 28px; }
    .ql-rail { position: static; }
    .ql-gallery__stage { display: none; }
    .ql-gallery__mobile { display: block; }
    .ql-header__title { max-width: none; }
    .ql-crumb__back { display: none; }
    .qlassified-details-page .hoteldetails-gallery-list {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .ql-room__gallery--split {
        grid-template-columns: 1fr;
    }
    .ql-room__thumbs {
        grid-template-rows: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
    }
    .ql-room__thumbs a {
        aspect-ratio: 4 / 3;
    }
    .ql-room__hero {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }
    .ql-room__head {
        flex-wrap: wrap;
    }
    .ql-svc-grid {
        grid-template-columns: 1fr;
    }
    .ql-team,
    .qlassified-details-page .beauty-team-members {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .ql-header__title { font-size: 1.45rem; }
    .ql-book { padding: 18px 16px; border-radius: 14px; }
    .ql-page__body { padding: 22px 0 48px; }
    .ql-gallery { margin-bottom: 14px; }
}

/* ===== Qlassified Agent storefront ===== */
.qlassified-agent-page {
    --aa-ink: #0F1220;
    --aa-muted: #6B7289;
    --aa-line: #E8EAF0;
    --aa-soft: #F5F6F8;
    --aa-brand: var(--brand, #0F5EAD);
    --aa-brand-hover: var(--brand-hover, #0B4A8A);
    background: #F3F4F7;
}
.aa-store { padding-bottom: 72px; }
.aa-crumb { padding: 12px 0 16px; }
.aa-crumb ol {
    display: flex; flex-wrap: wrap; align-items: center;
    margin: 0; padding: 0; list-style: none;
    font-size: 12.5px; color: var(--aa-muted);
}
.aa-crumb li { display: inline-flex; align-items: center; }
.aa-crumb li + li::before { content: "/"; color: #C5C9D4; padding: 0 8px; }
.aa-crumb a { color: var(--aa-muted); text-decoration: none; }
.aa-crumb a:hover { color: var(--aa-brand); }
.aa-crumb li[aria-current="page"] { color: var(--aa-ink); font-weight: 600; }

/* Hero banner + floating identity */
.aa-hero { position: relative; margin-bottom: 88px; }
.aa-hero__banner {
    position: relative;
    height: clamp(200px, 30vw, 280px);
    border-radius: 18px;
    overflow: hidden;
    background: #E7EDF5;
}
.aa-hero__mosaic {
    display: grid;
    gap: 3px;
    width: 100%;
    height: 100%;
}
.aa-hero__mosaic--1 { grid-template-columns: 1fr; gap: 0; }
.aa-hero__mosaic--2 { grid-template-columns: 1.25fr 1fr; }
.aa-hero__mosaic--3 { grid-template-columns: 1.4fr 1fr 1fr; }
.aa-hero__shot { margin: 0; min-width: 0; min-height: 0; }
.aa-hero__shot img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.aa-hero__veil {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(15,18,32,.04) 0%, rgba(15,18,32,.32) 100%);
    pointer-events: none;
}
.aa-hero__fallback {
    height: 100%;
    display: grid; place-items: center;
    background:
        radial-gradient(800px 200px at 20% 0%, rgba(15,94,173,.18), transparent 55%),
        linear-gradient(135deg, #D9E4F2, #EEF2F7 55%, #E4ECF6);
    color: var(--aa-ink);
    font-size: clamp(1.2rem, 1rem + 1vw, 1.7rem);
    font-weight: 750;
    letter-spacing: -.02em;
    text-align: center;
    padding: 24px;
}

.aa-identity {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 20px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--aa-line);
    box-shadow: 0 18px 44px rgba(15, 18, 32, .12);
}
.aa-identity__main {
    display: flex;
    align-items: center;
    gap: 14px 16px;
    min-width: 0;
    flex: 1;
}
.aa-identity__logo-wrap {
    position: relative;
    flex-shrink: 0;
    margin-top: -36px;
}
.aa-identity__logo {
    width: 84px; height: 84px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 3px solid #fff;
    box-shadow: 0 6px 18px rgba(15, 18, 32, .14);
    background: #E8EEF6;
}
.aa-identity__logo img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.aa-identity__logo.is-fallback {
    display: grid; place-items: center;
    background: linear-gradient(145deg, #0F5EAD, #1A7AD4);
    color: #fff; font-size: 1.85rem; font-weight: 700;
}
.aa-identity__copy { min-width: 0; flex: 1; }
.aa-identity__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin-bottom: 4px;
}
.aa-identity__name {
    margin: 0;
    font-size: clamp(1.15rem, 1rem + .45vw, 1.35rem);
    font-weight: 750;
    letter-spacing: -.025em;
    color: var(--aa-ink);
    line-height: 1.2;
}
.aa-identity__title-row .seller-status-badge { margin-left: 0; }
.aa-identity__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 4px 0 8px;
}
.aa-mini-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    padding: 3px 9px 3px 4px;
    border-radius: 999px;
    background: #F4F6FA;
    border: 1px solid var(--aa-line);
    font-size: 11px;
    font-weight: 650;
    color: var(--aa-ink);
    line-height: 1.2;
}
.aa-mini-badge img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex-shrink: 0;
}
.aa-mini-badge em {
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}
.aa-identity__meta {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
    font-size: 12.5px; color: var(--aa-muted);
}
.aa-meta-dot {
    width: 3px; height: 3px; border-radius: 50%;
    background: #C5C9D4; flex-shrink: 0;
}
.aa-stars { display: inline-flex; align-items: center; gap: 2px; }
.aa-stars em { font-style: normal; margin-left: 6px; color: var(--aa-muted); }
.aa-identity__orders {
    color: var(--aa-brand);
    font-weight: 650;
    text-decoration: none;
}
.aa-identity__orders:hover { text-decoration: underline; }
.aa-identity__bio {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--aa-muted);
    line-height: 1.45;
}
.aa-identity__actions {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}
.aa-chat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    min-width: 148px;
    padding: 0 18px;
    border-radius: 11px;
    background: var(--aa-brand);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(15, 94, 173, .22);
    white-space: nowrap;
}
.aa-chat:hover { background: var(--aa-brand-hover); color: #fff !important; }
.aa-chat--wa {
    background: #25D366;
    box-shadow: 0 10px 22px rgba(37, 211, 102, .3);
}
.aa-chat--wa:hover { background: #1ebe57; color: #fff !important; }
.aa-chat--wa-muted {
    background: #E8F8EF;
    color: #128C7E !important;
    box-shadow: none;
    border: 1px dashed #25D366;
}
.aa-chat--wa-muted:hover {
    background: #d8f3e4;
    color: #0e6b5f !important;
}
.aa-chat--ghost {
    background: #fff;
    color: var(--aa-ink) !important;
    border: 1px solid var(--aa-line);
    box-shadow: none;
}
.aa-chat--ghost:hover {
    background: #F7F8FB;
    color: var(--aa-ink) !important;
}

/* Follow agent CTA (identity actions) */
.aa-follow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    min-width: 148px;
    padding: 0 18px;
    border-radius: 11px;
    border: 1.5px solid var(--aa-brand);
    background: #fff;
    color: var(--aa-brand) !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
    white-space: nowrap;
    transition: background .15s ease, color .15s ease, border-color .15s ease, opacity .15s ease;
}
.aa-follow:hover {
    background: rgba(15, 94, 173, .06);
    color: var(--aa-brand) !important;
}
.aa-follow.is-following {
    background: var(--aa-brand);
    border-color: var(--aa-brand);
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(15, 94, 173, .22);
}
.aa-follow.is-following:hover {
    background: var(--aa-brand-hover);
    border-color: var(--aa-brand-hover);
    color: #fff !important;
}
.aa-follow.is-busy,
.aa-follow:disabled {
    opacity: .65;
    cursor: wait;
}
.aa-follow__icon { flex-shrink: 0; }
.aa-follow__icon--check { display: none; }
.aa-follow.is-following .aa-follow__icon--plus { display: none; }
.aa-follow.is-following .aa-follow__icon--check { display: block; }

/* Owner edit affordances (cover + avatar) */
.aa-edit-media {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff !important;
    text-decoration: none;
    background: rgba(15, 18, 32, .72);
    border: 1px solid rgba(255, 255, 255, .18);
    backdrop-filter: blur(6px);
    transition: background .15s ease, transform .15s ease;
}
.aa-edit-media:hover {
    background: rgba(15, 18, 32, .88);
    color: #fff !important;
}
.aa-edit-media--cover {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
}
.aa-edit-media--avatar {
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    z-index: 2;
    border: 2px solid #fff;
}

/* Toolbar */
.aa-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 18px;
    margin: 56px 0 18px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid var(--aa-line);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 18, 32, .04);
}
.aa-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    min-width: 0;
}
.aa-tabs__btn {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    padding: 7px 12px;
    margin: 0;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 650;
    color: var(--aa-muted);
    cursor: pointer;
    line-height: 1.2;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.aa-tabs__btn span {
    margin-left: 4px;
    font-size: 11px;
    color: #9AA1B2;
    font-weight: 600;
}
.aa-tabs__btn:hover {
    color: var(--aa-ink);
    background: #F4F6FA;
}
.aa-tabs__btn.is-active {
    color: var(--aa-brand);
    background: rgba(15, 94, 173, .08);
    border-color: rgba(15, 94, 173, .16);
}
.aa-tabs__btn.is-active span { color: var(--aa-brand); }

.aa-toolbar__tools {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 320px;
    justify-content: flex-end;
    max-width: 100%;
}
.aa-search {
    display: flex;
    align-items: center;
    gap: 0;
    flex: 1 1 220px;
    min-width: 0;
    max-width: 360px;
    height: 42px;
    padding: 0 6px 0 12px;
    border: 1px solid var(--aa-line);
    border-radius: 999px;
    background: #F7F8FB;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.aa-search:focus-within {
    background: #fff;
    border-color: rgba(15, 94, 173, .45);
    box-shadow: 0 0 0 3px rgba(15, 94, 173, .12);
}
.aa-search__icon {
    display: inline-flex;
    color: #9AA1B2;
    flex-shrink: 0;
    margin-right: 8px;
}
.aa-search input {
    border: 0;
    outline: 0;
    background: transparent;
    min-height: 40px;
    padding: 0;
    flex: 1;
    font-size: 13.5px;
    min-width: 0;
    color: var(--aa-ink);
}
.aa-search input::placeholder { color: #9AA1B2; }
.aa-search input[type="search"]::-webkit-search-decoration,
.aa-search input[type="search"]::-webkit-search-cancel-button,
.aa-search input[type="search"]::-webkit-search-results-button { -webkit-appearance: none; }
.aa-search__btn {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: var(--aa-brand);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s ease, transform .15s ease;
}
.aa-search__btn:hover { background: var(--aa-brand-hover); }
.aa-search__btn:active { transform: scale(.96); }

.aa-sort {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    min-width: 0;
    height: 42px;
    padding: 0 6px 0 12px;
    border: 1px solid var(--aa-line);
    border-radius: 999px;
    background: #fff;
}
.aa-sort__label {
    font-size: 12px;
    font-weight: 650;
    color: var(--aa-muted);
    white-space: nowrap;
}
.aa-select {
    min-height: 40px;
    padding: 0 32px 0 12px;
    border: 1px solid var(--aa-line);
    border-radius: 8px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%236B7289' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;
    font-size: 13px;
    color: var(--aa-ink);
    appearance: none;
}
.aa-select--sort {
    min-height: 38px;
    min-width: 118px;
    max-width: 180px;
    padding: 0 28px 0 0;
    border: 0;
    background-color: transparent;
    background-position: right 8px center;
    font-size: 13px;
    font-weight: 650;
    color: var(--aa-ink);
    cursor: pointer;
}
.aa-select--sort:focus { outline: none; }
.aa-select--block { width: 100%; }
.aa-sort:focus-within {
    border-color: rgba(15, 94, 173, .45);
    box-shadow: 0 0 0 3px rgba(15, 94, 173, .12);
}

/* Body: sidebar + grid */
.aa-body {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 20px 24px;
    align-items: start;
}
.aa-filters {
    padding: 16px;
    border: 1px solid var(--aa-line);
    border-radius: 12px;
    background: #fff;
    position: sticky; top: 92px;
}
.aa-filters__title {
    margin: 0 0 14px;
    font-size: 15px; font-weight: 750; color: var(--aa-ink);
}
.aa-filters__group { margin-bottom: 16px; }
.aa-filters__label {
    display: block; margin: 0 0 8px;
    font-size: 12px; font-weight: 700; color: var(--aa-ink);
}
.aa-price {
    display: grid;
    grid-template-columns: 1fr 1fr 40px;
    gap: 6px;
}
.aa-price input {
    min-height: 38px; border: 1px solid var(--aa-line); border-radius: 8px;
    padding: 0 8px; font-size: 13px; width: 100%;
}
.aa-price__go {
    border: 0; border-radius: 8px; background: var(--aa-brand); color: #fff; cursor: pointer;
}
.aa-price__go:hover { background: var(--aa-brand-hover); }
.aa-cats { list-style: none; margin: 0; padding: 0; }
.aa-cats__btn {
    width: 100%; display: flex; align-items: center; justify-content: space-between;
    gap: 8px; padding: 10px 0; border: 0; border-bottom: 1px solid var(--aa-line);
    background: transparent; text-align: left; cursor: pointer;
    font-size: 13px; font-weight: 600; color: var(--aa-ink);
}
.aa-cats li:last-child .aa-cats__btn { border-bottom: 0; }
.aa-cats__btn em { font-style: normal; color: var(--aa-muted); font-size: 12px; }
.aa-cats__btn:hover { color: var(--aa-brand); }
.aa-filters__contact {
    margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--aa-line);
    display: flex; flex-direction: column; gap: 8px;
}
.aa-link {
    font-size: 12.5px; font-weight: 600; color: var(--aa-muted); text-decoration: none;
    word-break: break-word;
}
.aa-link:hover { color: var(--aa-brand); }
.aa-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.aa-social a {
    font-size: 12px; font-weight: 650; color: var(--aa-brand); text-decoration: none;
}

.aa-grid__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    min-height: 1.2em;
}
.aa-grid__status {
    margin: 0; font-size: 12.5px; font-weight: 600; color: var(--aa-muted);
}
.aa-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.aa-card {
    background: #fff;
    border: 1px solid var(--aa-line);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.aa-card:hover {
    transform: translateY(-3px);
    border-color: #D5DAE6;
    box-shadow: 0 16px 34px rgba(15, 18, 32, .1);
}
.aa-card.is-hidden { display: none !important; }
.aa-card__media {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #F0F2F6;
    overflow: hidden;
}
.aa-card__badge {
    position: absolute;
    left: 10px;
    top: 10px;
    right: auto;
    z-index: 2;
    max-width: calc(100% - 56px);
    pointer-events: none;
}
.aa-card__badge .attention-badge,
.aa-card__badge .attention-boost-label,
.aa-card__badge .attention-featured-label,
.aa-card__badge .attention-popular-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.aa-card__shot { display: block; width: 100%; height: 100%; }
.aa-card__media img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .35s ease;
}
.aa-card:hover .aa-card__media img { transform: scale(1.04); }
.aa-card__type {
    position: absolute; left: 10px; top: 10px;
    padding: 4px 9px; border-radius: 999px;
    background: rgba(15,18,32,.72); color: #fff;
    font-size: 11px; font-weight: 650;
    backdrop-filter: blur(4px);
    z-index: 1;
}
.aa-card__media:has(.aa-card__badge) .aa-card__type {
    top: auto;
    bottom: 10px;
}
.aa-card__wish {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.92);
    color: #C5C9D4;
    box-shadow: 0 4px 12px rgba(15,18,32,.12);
    cursor: pointer;
    transition: color .15s ease, transform .15s ease;
}
.aa-card__wish:hover { color: #E11D48; transform: scale(1.05); }
.aa-card__wish.is-active,
.aa-card__wish.active { color: #E11D48; }
.aa-card__body {
    padding: 12px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}
.aa-card__title {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.015em;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.aa-card__title a { color: var(--aa-ink); text-decoration: none; }
.aa-card__title a:hover { color: var(--aa-brand); }
.aa-card__meta {
    margin: 0;
    font-size: 12px;
    color: var(--aa-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.aa-card__footer {
    margin-top: auto;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.aa-card__price {
    margin: 0; font-size: 15px; font-weight: 750; color: var(--aa-ink); letter-spacing: -.01em;
}
.aa-card__price--muted {
    font-size: 12.5px;
    font-weight: 650;
    color: var(--aa-muted);
}
.aa-card__more {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--aa-brand);
    text-decoration: none;
    white-space: nowrap;
}
.aa-card__more:hover { text-decoration: underline; }

.aa-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 22px;
    padding: 4px 0 8px;
}
.aa-pager.is-hidden { display: none !important; }
.aa-pager__pages {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
}
.aa-pager__nav,
.aa-pager__page {
    appearance: none;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid var(--aa-line);
    background: #fff;
    color: var(--aa-ink);
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.aa-pager__nav:hover:not(:disabled),
.aa-pager__page:hover {
    border-color: #C9CFDB;
    background: #F7F8FB;
}
.aa-pager__page.is-active {
    background: var(--aa-brand);
    border-color: var(--aa-brand);
    color: #fff;
}
.aa-pager__nav:disabled {
    opacity: .4;
    cursor: not-allowed;
}
.aa-pager__gap {
    min-width: 20px;
    text-align: center;
    color: #9AA1B2;
    font-weight: 650;
}

.aa-empty {
    grid-column: 1 / -1;
    padding: 40px 18px; text-align: center; color: var(--aa-muted);
    background: #fff; border: 1px dashed var(--aa-line); border-radius: 12px;
}
.aa-empty.is-hidden { display: none !important; }
.aa-reset {
    margin-top: 10px; min-height: 36px; padding: 0 14px;
    border-radius: 8px; border: 1px solid var(--aa-line);
    background: #fff; font-weight: 650; cursor: pointer;
}
.visually-hidden {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

@media (max-width: 1199.98px) {
    .aa-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
    .aa-body { grid-template-columns: 1fr; }
    .aa-filters { position: static; }
    .aa-hero__mosaic--3 { grid-template-columns: 1.4fr 1fr; }
    .aa-hero__mosaic--3 .aa-hero__shot:last-child { display: none; }
}
@media (max-width: 767.98px) {
    .aa-identity {
        position: relative; left: 0; right: 0; bottom: 0;
        margin-top: -40px; flex-wrap: wrap;
        padding-top: 8px;
    }
    .aa-identity__main { width: 100%; }
    .aa-identity__logo-wrap { margin-top: -28px; }
    .aa-identity__logo { width: 72px; height: 72px; }
    .aa-hero { margin-bottom: 22px; }
    .aa-toolbar {
        margin-top: 18px;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .aa-toolbar__tools {
        flex-wrap: wrap;
        justify-content: stretch;
        flex: 1 1 auto;
    }
    .aa-search {
        flex: 1 1 100%;
        max-width: none;
    }
    .aa-sort {
        flex: 1 1 100%;
        justify-content: space-between;
    }
    .aa-select--sort {
        max-width: none;
        width: 100%;
        text-align: right;
    }
    .aa-identity__actions { width: 100%; }
    .aa-chat { width: 100%; min-width: 0; }
    .aa-edit-media--cover span { display: none; }
    .aa-edit-media--cover { min-width: 34px; padding: 0; width: 34px; border-radius: 50%; }
    .aa-mini-badge em { max-width: 72px; }
    .aa-meta-dot { display: none; }
    .aa-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .aa-hero__mosaic--2,
    .aa-hero__mosaic--3 { grid-template-columns: 1fr; }
    .aa-hero__mosaic--2 .aa-hero__shot:not(:first-child),
    .aa-hero__mosaic--3 .aa-hero__shot:not(:first-child) { display: none; }
}
@media (max-width: 480px) {
    .aa-grid { grid-template-columns: 1fr; }
}

/* ===== Qlassified listing filters sidebar ===== */
.sidebar-accordion-area {
    --af-ink: #0F1220;
    --af-muted: #5C6378;
    --af-line: #E6E8EF;
    --af-soft: #F5F6F8;
    --af-brand: var(--brand, #0F5EAD);
    padding: 18px 18px 12px !important;
    border: 1px solid var(--af-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(15, 18, 32, .05) !important;
    background: #fff;
    top: 88px;
}
.sidebar-title {
    margin-bottom: 8px !important;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--af-line);
}
.sidebar-title .title {
    margin: 0;
    font-size: 1.05rem !important;
    font-weight: 750 !important;
    letter-spacing: -.02em;
    color: var(--af-ink) !important;
    line-height: 1.3 !important;
}
.sidebar-title .clear {
    font-size: 12.5px !important;
    font-weight: 650 !important;
    color: var(--af-brand) !important;
    text-decoration: none !important;
}
.sidebar-title .clear:hover { text-decoration: underline !important; }

.sidebar-accordion {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-accordion > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--af-line);
}
.sidebar-accordion > li:last-child { border-bottom: 0; }

.sidebar-accordion-li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: -.01em;
    color: var(--af-ink) !important;
    text-decoration: none;
}
.sidebar-accordion-li:not(:first-child) > a,
.sidebar-accordion-li:not(:last-child) > a,
.sidebar-accordion-li.active > a {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 0 !important;
}
.sidebar-accordion-li > a > img {
    width: 16px !important;
    height: 16px !important;
    opacity: .55;
    transition: transform .2s ease;
}
.sidebar-accordion-li.active > a > img {
    transform: rotate(180deg);
    opacity: .8;
}

.sidebar-accordion-menu {
    padding: 0 0 14px !important;
    margin: 0;
    list-style: none;
}
.sidebar-accordion-menu li { margin: 0; }
.sidebar-accordion-menu li a,
.sidebar-accordion-menu li a.label,
.sidebar-accordion-menu li a.filter {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px !important;
    margin: 0 0 4px;
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: 550 !important;
    line-height: 1.3 !important;
    color: var(--af-muted) !important;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease;
}
.sidebar-accordion-menu li a:hover,
.sidebar-accordion-menu li a.active {
    background: var(--af-soft);
    color: var(--af-ink) !important;
}
.sidebar-accordion-menu li a.active {
    background: color-mix(in srgb, var(--af-brand) 10%, #fff);
    color: var(--af-brand) !important;
}
.sidebar-accordion-menu li a label,
.sidebar-accordion-menu li a .form-check-label {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit !important;
    cursor: pointer;
}
.sidebar-accordion-menu li a .total {
    flex-shrink: 0;
    min-width: 28px;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--af-soft);
    color: var(--af-muted);
    font-size: 11.5px;
    font-weight: 650;
    text-align: center;
}
.sidebar-accordion-menu li a.active .total {
    background: color-mix(in srgb, var(--af-brand) 14%, #fff);
    color: var(--af-brand);
}
.sidebar-accordion-menu li .show-more {
    display: inline-flex !important;
    margin-top: 6px !important;
    padding: 6px 10px !important;
    border-radius: 999px;
    background: transparent;
    color: var(--af-brand) !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}
.sidebar-accordion-menu li .show-more:hover {
    background: var(--af-soft);
}

/* Price block */
.accordion-item-range {
    padding: 14px 0 16px !important;
}
.accordion-item-range .title {
    margin: 0 0 14px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: -.01em;
    color: var(--af-ink) !important;
    line-height: 1.3 !important;
    text-transform: none !important;
}
.accordion-range-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 14px !important;
}
.accordion-item-range #price-slide {
    margin: 4px 4px 0;
}

/* Bedroom / bathroom check rows */
.sidebar-accordion-menu .eCheck,
.sidebar-accordion-menu .form-check {
    width: 100%;
    margin: 0 0 4px;
    padding: 8px 10px;
    border-radius: 10px;
}
.sidebar-accordion-menu .eCheck:hover,
.sidebar-accordion-menu .form-check:hover {
    background: var(--af-soft);
}
.sidebar-accordion-menu .form-check-input {
    margin-top: .2em;
    border-color: #C9CEDA;
}
.sidebar-accordion-menu .form-check-input:checked {
    background-color: var(--af-brand);
    border-color: var(--af-brand);
}
.sidebar-accordion-menu .form-check-label {
    color: var(--af-muted);
    font-size: 13px;
    font-weight: 550;
}

/* ===== Mobile / tablet listing filters sheet (desktop unchanged at lg+) ===== */
.qlassified-filters-trigger {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #E6E8EF;
    border-radius: 999px;
    background: #fff;
    color: #1F2433;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(15, 18, 32, .04);
}
.qlassified-filters-trigger svg {
    flex-shrink: 0;
}
.qlassified-filters-trigger__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--themeColor, #0F5EAD);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
@media (min-width: 992px) {
    .qlassified-filters-trigger { display: none !important; }
    .qlassified-filters-sheet.offcanvas-lg {
        position: static !important;
        transform: none !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    .qlassified-filters-sheet .offcanvas-body,
    .qlassified-filters-sheet__body {
        display: block !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    .qlassified-filters-sheet__footer {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .qlassified-filters-col {
        position: static !important;
        width: 0 !important;
        max-width: 0 !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
    }

    .qlassified-filters-sheet.offcanvas-bottom {
        height: min(88vh, 760px);
        max-height: 88vh;
        border-radius: 20px 20px 0 0;
        border: 0;
        box-shadow: 0 -12px 40px rgba(15, 18, 32, .18);
    }
    .qlassified-filters-sheet .offcanvas-body,
    .qlassified-filters-sheet__body {
        padding: 0 16px 12px !important;
        overscroll-behavior: contain;
    }
    .qlassified-filters-sheet__head {
        position: relative;
        display: block;
        padding: 10px 16px 12px;
        border-bottom: 1px solid #EEF0F5;
    }
    .qlassified-filters-sheet__handle {
        width: 42px;
        height: 4px;
        margin: 0 auto 12px;
        border-radius: 999px;
        background: #D7DBE5;
    }
    .qlassified-filters-sheet__head-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }
    .qlassified-filters-sheet__eyebrow {
        margin: 0 0 2px;
        font-size: 11px;
        font-weight: 650;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: #8B93A7;
    }
    .qlassified-filters-sheet__title {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 750;
        letter-spacing: -.02em;
        color: #0F1220;
        line-height: 1.25;
    }
    .qlassified-filters-sheet__close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 10px;
        background: #F3F5F8;
        color: #1F2433;
        flex-shrink: 0;
    }
    .qlassified-filters-sheet__footer {
        display: flex;
        gap: 10px;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid #EEF0F5;
        background: #fff;
    }
    .qlassified-filters-sheet__done {
        flex: 1;
        height: 46px;
        border: 0;
        border-radius: 12px;
        background: var(--themeColor, #0F5EAD);
        color: #fff;
        font-size: 14px;
        font-weight: 700;
    }

    /* Avoid double "Filters" title inside the sheet */
    .qlassified-filters-sheet .sidebar-title {
        display: none !important;
    }
    .qlassified-filters-sheet .sidebar-accordion-area.qlassified-filters,
    .qlassified-filters-sheet .sidebar-accordion-area {
        position: static !important;
        top: auto !important;
        margin: 0 !important;
        padding: 4px 0 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .showing-result-header {
        gap: 10px 12px;
        margin-bottom: 14px !important;
    }
    .showing-result-header .filter-tab-switch {
        gap: 8px;
        margin-left: auto;
    }
}

/* ===== Qlassified details reviews ===== */
.ql-reviews__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    margin-bottom: 4px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--ad-line);
}
.ql-reviews__scoreline {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 8px;
    margin: 0;
    line-height: 1.2;
}
.ql-reviews__avg {
    display: inline-flex;
    color: #C9A227;
    transform: translateY(1px);
}
.ql-reviews__score {
    font-size: 28px;
    font-weight: 750;
    color: var(--ad-ink);
    letter-spacing: -0.03em;
}
.ql-reviews__count {
    font-size: 15px;
    font-weight: 550;
    color: var(--ad-muted);
}
.ql-reviews__title {
    margin: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    color: var(--ad-ink) !important;
}
.ql-reviews__cta {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--ad-line);
    border-radius: 999px;
    background: #fff;
    color: var(--ad-ink);
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}
.ql-reviews__cta:hover {
    border-color: var(--ad-brand);
    color: var(--ad-brand);
}
.ql-reviews__empty {
    margin: 0;
    padding: 28px 0;
    color: var(--ad-muted);
    font-size: 14.5px;
}
.ql-reviews__list {
    display: flex;
    flex-direction: column;
}
.ql-reviews__list:not(.is-expanded) .ql-review.is-extra {
    display: none;
}
.ql-reviews__footer {
    display: flex;
    justify-content: flex-start;
    padding-top: 8px;
}
.ql-reviews__load {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--ad-line);
    border-radius: 999px;
    background: #fff;
    color: var(--ad-ink);
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}
.ql-reviews__load:hover {
    border-color: var(--ad-brand);
    color: var(--ad-brand);
}

.ql-review {
    padding: 22px 0;
    border-bottom: 1px solid var(--ad-line);
}
.ql-reviews__list > .ql-review:last-child {
    border-bottom: 0;
}
.qlassified-details-page .ql-reviews .single-comment-wrap,
.qlassified-details-page .ql-review.single-comment-wrap {
    margin: 0 !important;
    padding: 22px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ad-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.qlassified-details-page .ql-reviews .single-comment-wrap::after,
.qlassified-details-page .ql-review.single-comment-wrap::after {
    display: none !important;
    content: none !important;
}
.ql-review__main {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.ql-review__avatar {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
}
.ql-review__avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--ad-line);
    display: block;
    background: var(--ad-soft);
}
.ql-review__avatar--sm,
.ql-review__avatar--sm img {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
}
.ql-review__body {
    min-width: 0;
    flex: 1;
}
.ql-review__meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.ql-review__name {
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: 700;
    color: var(--ad-ink);
    line-height: 1.3;
}
.ql-review__sub {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.ql-review__date {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--ad-muted);
}
.ql-review__menu {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ql-review__menu:hover { background: var(--ad-soft); }
.ql-review__stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #C9A227;
    line-height: 1;
}
.ql-review__stars .is-off { color: #D0D4DE; }
.ql-review__copy { margin: 0; }
.ql-review__text {
    margin: 0;
    font-size: 15px;
    font-weight: 450;
    line-height: 1.65;
    color: #3A4154;
    white-space: normal;
    word-break: break-word;
    overflow: visible !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    display: block !important;
}
.ql-review__preview,
.ql-review__full {
    word-break: break-word;
}
.ql-review__preview[hidden],
.ql-review__full[hidden] {
    display: none !important;
}
.ql-review__toggle {
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--ad-brand);
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}
.ql-review__toggle:hover {
    color: var(--ad-brand-hover);
}
.ql-review__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}
.ql-review__reply {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--ad-line);
    border-radius: 999px;
    background: #fff;
    color: var(--ad-ink);
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}
.ql-review__reply:hover {
    border-color: var(--ad-brand);
    color: var(--ad-brand);
    background: #fff;
}
.ql-review__owner-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--ad-soft);
    border: 1px solid var(--ad-line);
    color: var(--ad-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    vertical-align: middle;
}
.ql-review__reply-item.is-owner {
    padding: 12px;
    border-radius: var(--ad-radius-sm);
    background: var(--ad-soft);
}
.ql-review__replies {
    list-style: none;
    margin: 16px 0 0 62px;
    padding: 16px 0 0;
    border-top: 1px solid var(--ad-line);
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 575.98px) {
    .ql-review__replies { margin-left: 0; }
    .ql-review__avatar,
    .ql-review__avatar img {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
    .ql-reviews__score { font-size: 24px; }
}

/* ===== Qlassified review modal ===== */
.ql-review-modal {
    border: 1px solid var(--ad-line);
    border-radius: var(--ad-radius);
    overflow: hidden;
}
.ql-review-modal__head {
    border-bottom: 1px solid var(--ad-line);
    padding: 18px 20px;
}
.ql-review-modal__title {
    margin: 0;
    font-size: 18px;
    font-weight: 750;
    color: var(--ad-ink);
}
.ql-review-modal__body {
    padding: 20px;
}
.ql-review-modal__field + .ql-review-modal__field {
    margin-top: 18px;
}
.ql-review-modal__label {
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 650;
    color: var(--ad-ink);
}
.ql-review-modal__stars {
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 4px;
}
.ql-review-modal__star {
    position: relative;
    margin: 0;
    cursor: pointer;
    line-height: 0;
}
.ql-review-modal__star input {
    position: absolute;
    inset: 0;
    opacity: 0;
    margin: 0;
    cursor: pointer;
}
.ql-review-modal__star svg {
    display: block;
    fill: #D5D8E0;
    stroke: #D5D8E0;
    transition: fill .15s ease, stroke .15s ease, transform .15s ease;
}
.ql-review-modal__star:hover svg,
.ql-review-modal__star:hover ~ .ql-review-modal__star svg,
.ql-review-modal__star:has(input:checked) svg,
.ql-review-modal__star:has(input:checked) ~ .ql-review-modal__star svg {
    fill: #C9A227;
    stroke: #C9A227;
}
.ql-review-modal__star:hover svg {
    transform: scale(1.08);
}
.ql-review-modal__textarea {
    display: block;
    width: 100%;
    min-height: 120px;
    padding: 12px 14px;
    border: 1px solid var(--ad-line);
    border-radius: var(--ad-radius-sm);
    background: #fff;
    color: var(--ad-ink);
    font-size: 14.5px;
    font-weight: 450;
    line-height: 1.55;
    resize: vertical;
}
.ql-review-modal__textarea:focus {
    outline: none;
    border-color: var(--ad-brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ad-brand) 18%, transparent);
}
.ql-review-modal__textarea::placeholder {
    color: #9AA1B2;
}
.ql-review-modal__foot {
    border-top: 1px solid var(--ad-line);
    padding: 14px 20px;
    gap: 10px;
}
.ql-review-modal__cancel {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--ad-line);
    border-radius: 999px;
    background: #fff;
    color: var(--ad-ink);
    font-size: 13px;
    font-weight: 650;
}
.ql-review-modal__cancel:hover {
    background: var(--ad-soft);
}
.ql-review-modal__submit {
    min-height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    background: var(--ad-brand);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}
.ql-review-modal__submit:hover {
    background: var(--ad-brand-hover);
}

/* Listing Storefront — Beauty unified cart */
.qlassified-storefront { margin: 8px 0 28px; position: relative; }
.qlassified-storefront__head { margin-bottom: 18px; }
.qlassified-storefront__sub { margin: 6px 0 0; color: #5c6478; font-size: 14px; }
.qlassified-storefront__rail { margin-bottom: 28px; }
.qlassified-storefront__rail-title {
    display: flex; align-items: center; gap: 10px;
    font-size: 16px; font-weight: 700; margin: 0 0 14px; color: #0F1220;
}
.qlassified-storefront__rail-title span {
    font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    padding: 3px 8px; border-radius: 999px; background: #F0F2F7; color: #3d4659;
}
.qlassified-storefront__rail--book .qlassified-storefront__rail-title span { background: #E8F1FB; color: #0F5EAD; }
.qlassified-storefront__rail--buy .qlassified-storefront__rail-title span { background: #EEF8F0; color: #1B7A3D; }
.qlassified-storefront .sf-product-card.is-hidden { display: none !important; }
.qlassified-storefront__bar {
    position: sticky;
    bottom: 14px;
    z-index: 40;
    margin-top: 12px;
    padding: 0 2px;
}
.qlassified-storefront__bar[hidden] { display: none !important; }
.qlassified-storefront__bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 10px 10px 14px;
    border-radius: 16px;
    background: linear-gradient(180deg, #1a1f2e 0%, #0F1220 100%);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow:
        0 12px 32px rgba(15, 18, 32, .28),
        0 1px 0 rgba(255, 255, 255, .06) inset;
}
.qlassified-storefront__bar-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}
.qlassified-storefront__bar-icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .08);
    color: #9ec5f5;
    border: 1px solid rgba(255, 255, 255, .06);
}
.qlassified-storefront__bar-meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.qlassified-storefront__bar-meta strong {
    display: block;
    font-size: 14px;
    font-weight: 750;
    letter-spacing: .01em;
    line-height: 1.2;
    color: #fff;
}
.qlassified-storefront__bar-kinds {
    display: block;
    font-size: 12px;
    font-weight: 550;
    color: rgba(255, 255, 255, .62);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 42vw;
}
.qlassified-storefront__bar-kinds[hidden] { display: none !important; }
.qlassified-storefront__bar-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.qlassified-storefront__bar-total-wrap {
    text-align: right;
    line-height: 1.15;
}
.qlassified-storefront__bar-total-label {
    display: block;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .48);
    margin-bottom: 2px;
}
.qlassified-storefront__bar-total {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.qlassified-storefront__bar-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 11px;
    background: #0F5EAD;
    color: #fff !important;
    font-size: 14px;
    font-weight: 750;
    white-space: nowrap;
    box-shadow: 0 6px 16px rgba(15, 94, 173, .35);
    transition: background .15s ease, transform .15s ease;
}
.qlassified-storefront__bar-cta:hover {
    background: #0c4f93;
    color: #fff !important;
    transform: translateY(-1px);
}
@media (max-width: 575.98px) {
    .qlassified-storefront__bar { bottom: 10px; }
    .qlassified-storefront__bar-inner {
        padding: 10px;
        gap: 10px;
        flex-wrap: nowrap;
    }
    .qlassified-storefront__bar-icon { width: 34px; height: 34px; border-radius: 10px; }
    .qlassified-storefront__bar-total-label { display: none; }
    .qlassified-storefront__bar-total { font-size: 14px; }
    .qlassified-storefront__bar-cta {
        min-height: 40px;
        padding: 0 12px;
        font-size: 13px;
    }
    .qlassified-storefront__bar-kinds { max-width: 28vw; }
}
.qlassified-storefront.is-checkout .qlassified-storefront__head { margin-bottom: 14px; }
.qlassified-storefront__checkout {
    margin-top: 4px;
    margin-bottom: 8px;
}

/* Storefront checkout panel */
.qlassified-sf-checkout__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
    gap: 18px;
    align-items: start;
}
.qlassified-sf-checkout__summary,
.qlassified-sf-checkout__form-wrap {
    border: 1px solid #E6E8EF;
    border-radius: 16px;
    background: #fff;
    padding: 18px 18px 16px;
    box-shadow: 0 8px 24px rgba(15, 18, 32, .04);
}
.qlassified-sf-checkout__panel-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEF0F5;
}
.qlassified-sf-checkout__title {
    margin: 0;
    font-size: 16px;
    font-weight: 750;
    color: #0F1220;
}
.qlassified-sf-checkout__count {
    margin: 0;
    font-size: 12px;
    font-weight: 650;
    color: #6B7289;
}
.qlassified-sf-checkout__lines {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.qlassified-sf-checkout__line {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}
.qlassified-sf-checkout__line-copy { min-width: 0; }
.qlassified-sf-checkout__line-title {
    margin: 0;
    font-size: 13.5px;
    font-weight: 650;
    color: #0F1220;
    line-height: 1.35;
}
.qlassified-sf-checkout__line-meta {
    margin: 3px 0 0;
    font-size: 12px;
    color: #6B7289;
    font-weight: 550;
}
.qlassified-sf-checkout__line-price {
    font-size: 13.5px;
    font-weight: 750;
    color: #0F1220;
    white-space: nowrap;
}
.qlassified-sf-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid transparent;
}
.qlassified-sf-chip--buy { background: #EEF8F0; color: #147A3A; border-color: #CDEAD6; }
.qlassified-sf-chip--book { background: #E8F1FB; color: #0F5EAD; border-color: #C9DCF5; }
.qlassified-sf-chip--stay { background: #F3EEFF; color: #5B3CC4; border-color: #DDD2F8; }
.qlassified-sf-chip--pack { background: #FFF4E5; color: #B86E00; border-color: #F5D9A8; }
.qlassified-sf-chip--menu { background: #E8F8F0; color: #1B7A3D; border-color: #C5E9D2; }
.qlassified-sf-chip--table { background: #E8F1FB; color: #0F5EAD; border-color: #C9DCF5; }
.qlassified-sf-checkout__totals {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #EEF0F5;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.qlassified-sf-checkout__total-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 13.5px;
    color: #3D4659;
}
.qlassified-sf-checkout__total-row strong { color: #0F1220; font-weight: 700; }
.qlassified-sf-checkout__total-row--cod { color: #6B7289; font-size: 12.5px; }
.qlassified-sf-checkout__total-row--payable {
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #E6E8EF;
    font-size: 15px;
    font-weight: 650;
    color: #0F1220;
}
.qlassified-sf-checkout__total-row--payable strong {
    font-size: 17px;
    font-weight: 800;
    color: #0F5EAD;
}
.qlassified-sf-checkout__note {
    margin: 12px 0 0;
    font-size: 11.5px;
    line-height: 1.4;
    color: #8A93A6;
}
.qlassified-sf-checkout__form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.qlassified-sf-checkout__field { display: flex; flex-direction: column; gap: 6px; }
.qlassified-sf-checkout__label {
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
    color: #3D4659;
}
.qlassified-sf-checkout__label em {
    font-style: normal;
    font-weight: 550;
    color: #8A93A6;
}
.qlassified-sf-checkout__input {
    min-height: 44px;
    border-radius: 10px !important;
    border-color: #D9DEE8 !important;
    font-size: 14px;
}
.qlassified-sf-checkout__input:focus {
    border-color: #0F5EAD !important;
    box-shadow: 0 0 0 3px rgba(15, 94, 173, .12) !important;
}
.qlassified-sf-checkout__textarea {
    min-height: 88px;
    resize: vertical;
}
.qlassified-sf-checkout__pay {
    display: grid;
    gap: 8px;
}
.qlassified-sf-pay {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 12px 12px;
    border: 1px solid #E6E8EF;
    border-radius: 12px;
    background: #FAFBFD;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.qlassified-sf-pay:has(input:checked) {
    border-color: #0F5EAD;
    background: #F3F8FE;
    box-shadow: 0 0 0 3px rgba(15, 94, 173, .1);
}
.qlassified-sf-pay input {
    margin-top: 3px;
    accent-color: #0F5EAD;
}
.qlassified-sf-pay__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.qlassified-sf-pay__body strong {
    font-size: 13.5px;
    font-weight: 700;
    color: #0F1220;
}
.qlassified-sf-pay__body em {
    font-style: normal;
    font-size: 12px;
    color: #6B7289;
    font-weight: 550;
}
.qlassified-sf-checkout__actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
    padding-top: 14px;
    border-top: 1px solid #EEF0F5;
}
.qlassified-sf-checkout__back {
    min-height: 44px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid #D5DAE6;
    background: #fff;
    color: #0F1220;
    font-weight: 650;
}
.qlassified-sf-checkout__back:hover {
    background: #F7F8FB;
    color: #0F1220;
}
.qlassified-sf-checkout__submit {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    font-weight: 700;
}
@media (max-width: 991.98px) {
    .qlassified-sf-checkout__grid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .qlassified-sf-checkout__summary,
    .qlassified-sf-checkout__form-wrap { padding: 14px; border-radius: 14px; }
    .qlassified-sf-checkout__actions { flex-direction: column-reverse; }
    .qlassified-sf-checkout__back,
    .qlassified-sf-checkout__submit { width: 100%; }
    .qlassified-sf-checkout__line {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .qlassified-sf-checkout__line-price {
        grid-column: 2;
        justify-self: start;
    }
}

.qlassified-details-page .ql-block .qlassified-storefront .qlassified-c-card__btn { border-radius: 10px; }

.qlassified-storefront__rail--stay .qlassified-storefront__rail-title span { background: #F3EEFF; color: #5B3CC4; }
.qlassified-storefront__rail--pack .qlassified-storefront__rail-title span { background: #FFF4E5; color: #B86E00; }

.qlassified-storefront__rail--menu .qlassified-storefront__rail-title span { background: #E8F8F0; color: #1B7A3D; }

.qlassified-storefront__rail--menu .qlassified-storefront__rail-title span { background: #E8F8F0; color: #1B7A3D; }

.qlassified-storefront__rail--table .qlassified-storefront__rail-title span { background: #E8F1FB; color: #0F5EAD; }
.qlassified-storefront__table-cta { padding: 16px; border: 1px solid #E6E8EF; border-radius: 12px; background: #fff; }

/* Storefront slot modal */
.qlassified-sf-slot { display: flex; flex-direction: column; gap: 0; margin: -4px 0; }
.qlassified-sf-slot__head { margin-bottom: 18px; }
.qlassified-sf-slot__head--media {
    display: grid; grid-template-columns: 112px 1fr; gap: 16px; align-items: start;
}
.qlassified-sf-slot__media {
    width: 112px; height: 112px; border-radius: 14px; overflow: hidden; background: #F0F2F7;
}
.qlassified-sf-slot__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.qlassified-sf-slot__eyebrow {
    margin: 0 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em;
    text-transform: uppercase; color: #6B7385;
}
.qlassified-sf-slot__title {
    margin: 0 0 10px !important; font-size: 22px !important; font-weight: 750 !important;
    letter-spacing: -.02em; line-height: 1.2; color: #0F1220 !important;
}
.qlassified-sf-slot__desc { margin: 0 0 12px; font-size: 14px; line-height: 1.45; color: #5C6478; }
.qlassified-sf-slot__meta { display: flex; flex-wrap: wrap; gap: 8px; }
.qlassified-sf-slot__chip {
    display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px;
    background: #F0F2F7; color: #3D4659; font-size: 12.5px; font-weight: 650;
}
.qlassified-sf-slot__chip--price { background: #E8F1FB; color: #0F5EAD; }
.qlassified-sf-slot__body {
    padding: 16px; border: 1px solid #E6E8EF; border-radius: 14px; background: #FAFBFD;
}
.qlassified-sf-slot__hint { margin: 0 0 14px; font-size: 13.5px; line-height: 1.45; color: #5C6478; }
.qlassified-sf-slot__fields {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.qlassified-sf-slot__label {
    display: block; margin-bottom: 6px; font-size: 12.5px; font-weight: 650; color: #3D4659;
}
.qlassified-sf-slot__input { border-radius: 10px !important; min-height: 44px; }
.qlassified-sf-slot__login-note {
    margin: 12px 0 0; font-size: 13px; color: #6B7385;
}
.qlassified-sf-slot__login-note a { color: #0F5EAD; font-weight: 650; text-decoration: none; }
.qlassified-sf-slot__login-note a:hover { text-decoration: underline; }
.qlassified-sf-slot__foot {
    display: flex; justify-content: flex-end; align-items: center; gap: 10px;
    margin-top: 18px; padding-top: 4px;
}
.qlassified-sf-slot__cancel {
    border: 1px solid #D5D9E4; background: #fff; color: #3D4659; border-radius: 10px; padding: 10px 16px;
}
.qlassified-sf-slot__submit { border-radius: 10px; padding: 10px 18px; min-width: 140px; }
@media (max-width: 575.98px) {
    .qlassified-sf-slot__head--media { grid-template-columns: 1fr; }
    .qlassified-sf-slot__media { width: 100%; height: 160px; }
    .qlassified-sf-slot__fields { grid-template-columns: 1fr; }
    .qlassified-sf-slot__foot { flex-direction: column-reverse; }
    .qlassified-sf-slot__cancel, .qlassified-sf-slot__submit { width: 100%; }
}


/* Storefront catalogue grid pager (4 / page) */
.qlassified-storefront .sf-page-item.is-page-hidden,
.qlassified-storefront .sf-page-item.is-filtered-out { display: none !important; }
.sf-grid-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 14px 0 4px;
}
.sf-grid-pager[hidden] { display: none !important; }
.sf-grid-pager__btn {
    appearance: none;
    border: 1px solid #D5D9E4;
    background: #fff;
    color: #0F1220;
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}
.sf-grid-pager__btn:hover:not(:disabled) { border-color: #0F5EAD; color: #0F5EAD; }
.sf-grid-pager__btn:disabled { opacity: .4; cursor: default; }
.sf-grid-pager__status {
    font-size: 13px;
    font-weight: 600;
    color: #5C6478;
    min-width: 88px;
    text-align: center;
}


.qlassified-sf-slot__head--room {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 16px;
    align-items: start;
}
.qlassified-sf-slot__media--wide {
    width: 100%;
    height: 168px;
    border-radius: 14px;
}
.qlassified-sf-slot__thumbs {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.qlassified-sf-slot__thumbs img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 10px;
    background: #F0F2F7;
}
@media (max-width: 575.98px) {
    .qlassified-sf-slot__head--room { grid-template-columns: 1fr; }
    .qlassified-sf-slot__media--wide { height: 180px; }
}


.qlassified-storefront__rail--stay .ql-rooms-grid .sf-page-item {
    display: flex;
}
.qlassified-storefront__rail--stay .ql-rooms-grid .ql-room {
    width: 100%;
}
.ql-room--modal .ql-room__hero,
.ql-room--list .ql-room__hero {
    min-height: 180px;
}
@media (max-width: 767.98px) {
    .ql-room--grid .ql-room__amenities li > span:last-child {
        max-width: 7.5em;
    }
}


/* Real-estate details — overview + features */
.ql-re {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 16px;
}
.ql-re__panel {
    border: 1px solid var(--ad-line, #E6E8EF);
    border-radius: 16px;
    background: #fff;
    padding: 18px;
}
.ql-re__panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}
.ql-re__id {
    margin: 6px 0 0;
    font-size: 12.5px;
    color: var(--ad-muted, #6B7385);
    font-weight: 550;
}
.ql-re__agent {
    margin: 0;
    text-align: right;
    font-size: 12.5px;
    color: var(--ad-muted, #6B7385);
}
.ql-re__agent strong {
    display: block;
    color: var(--ad-ink, #0F1220);
    font-weight: 700;
    margin-top: 2px;
}
.ql-re__specs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.ql-re__spec {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border-radius: 12px;
    background: #FAFBFD;
    border: 1px solid #EEF0F5;
}
.ql-re__spec-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #E8F1FB;
    color: #0F5EAD;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ql-re__spec-label {
    margin: 0 0 2px;
    font-size: 11.5px;
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--ad-muted, #6B7385);
}
.ql-re__spec-value {
    margin: 0;
    font-size: 14.5px;
    font-weight: 750;
    color: var(--ad-ink, #0F1220);
    letter-spacing: -.015em;
    line-height: 1.25;
    word-break: break-word;
}
.ql-re__direction {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #0F5EAD;
    color: #fff !important;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}
.ql-re__direction:hover { background: #0c4f93; color: #fff !important; }
.ql-re__address {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    border-radius: 12px;
    background: #FAFBFD;
    border: 1px solid #EEF0F5;
}
.ql-re__address-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #E8F1FB;
    color: #0F5EAD;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ql-re__address-line {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 700;
    color: var(--ad-ink, #0F1220);
    line-height: 1.35;
}
.ql-re__address-place {
    margin: 0;
    font-size: 13px;
    color: var(--ad-muted, #6B7385);
    font-weight: 550;
}
.ql-re-features__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.ql-re-features__more {
    appearance: none;
    border: 1px solid #D5D9E4;
    background: #fff;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 12.5px;
    font-weight: 700;
    color: #0F5EAD;
    cursor: pointer;
}
.ql-re-features__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.ql-re-features__grid--modal {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ql-re-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #E6E8EF;
    background: #fff;
    min-width: 0;
}
.ql-re-feature__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #F0F4FA;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #0F5EAD;
}
.ql-re-feature__icon img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}
.ql-re-feature__name {
    font-size: 13px;
    font-weight: 650;
    color: var(--ad-ink, #0F1220);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ql-re-modal { border-radius: 16px; overflow: hidden; }
@media (max-width: 991.98px) {
    .ql-re { grid-template-columns: 1fr; }
    .ql-re__specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ql-re-features__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .ql-re__specs { grid-template-columns: 1fr 1fr; }
    .ql-re-features__grid,
    .ql-re-features__grid--modal { grid-template-columns: 1fr; }
    .ql-re__panel-head { flex-direction: column; }
    .ql-re__agent { text-align: left; }
}


/* Shared listing Location block */
.ql-location__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.ql-location__eyebrow {
    margin: 6px 0 0;
    font-size: 13px;
    font-weight: 550;
    color: var(--ad-muted, #6B7385);
}
.ql-location__direction {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #0F5EAD;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}
.ql-location__direction:hover { background: #0c4f93; color: #fff !important; }
.ql-location__shell {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid #E6E8EF;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
}
.ql-location__card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    background: #fff;
}
.ql-location__pin {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #E8F1FB;
    color: #0F5EAD;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ql-location__address {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 750;
    color: var(--ad-ink, #0F1220);
    line-height: 1.35;
}
.ql-location__place {
    margin: 0;
    font-size: 13px;
    color: var(--ad-muted, #6B7385);
    font-weight: 550;
}
.ql-location__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #8A93A6;
    font-variant-numeric: tabular-nums;
}
.ql-location__map {
    border-top: 1px solid #e0e0e0;
    background: #e5e3df;
    min-height: 240px;
    position: relative;
}
.ql-location__map-canvas {
    width: 100%;
    height: 300px;
    background: #e5e3df;
}
.ql-location__map .mapboxgl-ctrl-group {
    border: 0 !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,.3) !important;
}
.ql-location__map .mapboxgl-ctrl-group button {
    width: 40px !important;
    height: 40px !important;
    background: #fff !important;
}
.ql-location__map .mapboxgl-ctrl-attrib {
    background: rgba(255, 255, 255, .78) !important;
    color: #5f6368 !important;
}
.ql-re__panel--full { grid-column: 1 / -1; }
.ql-re:has(.ql-re__panel--full) {
    grid-template-columns: 1fr;
}
@media (max-width: 991.98px) {
    .ql-location__map-canvas { height: 220px; }
}
@media (max-width: 575.98px) {
    .ql-location__head { flex-direction: column; }
    .ql-location__direction { width: 100%; justify-content: center; }
}

/* Nearby places (real-estate) — coherent with Location / overview */
.ql-nearby__head { margin-bottom: 14px; }
.ql-nearby__sub {
    margin: 6px 0 0;
    font-size: 13px;
    font-weight: 550;
    color: var(--ad-muted, #6B7385);
}
.ql-nearby__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.ql-nearby__tile {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px;
    border: 1px solid #EEF0F5;
    border-radius: 12px;
    background: #FAFBFD;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease;
}
.ql-nearby__tile:hover {
    border-color: #C9D7EA;
    background: #F3F8FD;
}
.ql-nearby__tile-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #E8F1FB;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ql-nearby__tile-icon img { width: 18px; height: 18px; object-fit: contain; }
.ql-nearby__tile-copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}
.ql-nearby__tile-label {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ad-ink, #0F1220);
    letter-spacing: -.01em;
}
.ql-nearby__tile-count {
    font-size: 12px;
    font-weight: 700;
    color: #0F5EAD;
    font-variant-numeric: tabular-nums;
    background: #E8F1FB;
    border-radius: 999px;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ql-nearby__tile-arrow {
    flex: 0 0 auto;
    color: #8A93A6;
    display: inline-flex;
}
.ql-nearby__tile:hover .ql-nearby__tile-arrow { color: #0F5EAD; }

.ql-nearby-modal .modal-dialog {
    max-width: 920px;
    width: calc(100% - 28px);
    margin: 1.2rem auto;
}
.ql-nearby-modal__content {
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 18, 32, 0.2);
}
.ql-nearby-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #EEF0F5;
    background: #fff;
}
.ql-nearby-modal__eyebrow {
    margin: 0 0 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #8A93A6;
}
.ql-nearby-modal__title {
    margin: 0;
    font-size: 17px;
    font-weight: 750;
    color: var(--ad-ink, #0F1220);
    letter-spacing: -.02em;
    line-height: 1.2;
}
.ql-nearby-modal__close {
    width: 34px;
    height: 34px;
    border: 1px solid #E6E8EF;
    border-radius: 10px;
    background: #fff;
    color: #5B6578;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ql-nearby-modal__close:hover {
    background: #F4F6FA;
    color: #0F1220;
}
.ql-nearby-modal__body { padding: 0; }
.ql-nearby-modal__stage {
    position: relative;
    height: min(68vh, 520px);
    background: #EEF1F6;
}
.ql-nearby-modal__map {
    width: 100%;
    height: 100%;
}
.ql-nearby-modal__panel {
    position: absolute;
    top: 14px;
    right: 14px;
    width: min(300px, calc(100% - 28px));
    max-height: calc(100% - 28px);
    display: flex;
    flex-direction: column;
    border: 1px solid #E6E8EF;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    box-shadow: 0 12px 28px rgba(15, 18, 32, 0.12);
    overflow: hidden;
    z-index: 2;
}
.ql-nearby-modal__panel-head {
    padding: 12px 14px 10px;
    border-bottom: 1px solid #EEF0F5;
}
.ql-nearby-modal__panel-title {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 750;
    color: var(--ad-ink, #0F1220);
}
.ql-nearby-modal__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}
.ql-nearby-modal__legend-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    color: #6B7385;
}
.ql-nearby-modal__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}
.ql-nearby-modal__dot--home { background: #0F1220; }
.ql-nearby-modal__dot--place { background: #0F5EAD; }
.ql-nearby-modal__list {
    list-style: none;
    margin: 0;
    padding: 8px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ql-nearby-modal__list > li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px;
    align-items: stretch;
}
.ql-nearby-modal__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}
.ql-nearby-modal__item:hover { background: #F4F7FB; }
.ql-nearby-modal__item.is-active {
    background: #EEF5FC;
    border-color: #D5E4F4;
}
.ql-nearby-modal__index {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #0F5EAD;
    color: #fff;
    font-size: 11px;
    font-weight: 750;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}
.ql-nearby-modal__item-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ql-nearby-modal__item-name {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ad-ink, #0F1220);
    line-height: 1.3;
    letter-spacing: -.01em;
}
.ql-nearby-modal__item-dist {
    font-size: 11.5px;
    font-weight: 600;
    color: #8A93A6;
    line-height: 1.3;
}
.ql-nearby-modal__dir {
    width: 34px;
    border-radius: 10px;
    border: 1px solid #EEF0F5;
    color: #5B6578;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    background: #FAFBFD;
}
.ql-nearby-modal__dir:hover {
    color: #0F5EAD;
    border-color: #C9D7EA;
    background: #F3F8FD;
}

.ql-nearby-marker {
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 999px;
    padding: 0;
    background: #0F5EAD;
    color: #fff;
    box-shadow: 0 4px 12px rgba(15, 94, 173, 0.35);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
}
.ql-nearby-marker.is-active {
    background: #0A4A8A;
    box-shadow: 0 0 0 4px rgba(15, 94, 173, 0.2), 0 6px 14px rgba(15, 94, 173, 0.4);
    transform: scale(1.08);
}
.ql-nearby-home {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #0F1220;
    border: 2px solid #fff;
    box-shadow: 0 4px 12px rgba(15, 18, 32, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .ql-nearby__grid { grid-template-columns: 1fr; }
    .ql-nearby-modal__stage { height: auto; min-height: 0; }
    .ql-nearby-modal__map { height: 240px; }
    .ql-nearby-modal__panel {
        position: static;
        width: 100%;
        max-height: none;
        border-radius: 0;
        border: 0;
        border-top: 1px solid #EEF0F5;
        box-shadow: none;
        backdrop-filter: none;
        background: #fff;
    }
}
@media (max-width: 575.98px) {
    .ql-nearby-modal .modal-dialog { margin: 10px; width: calc(100% - 20px); }
}


/* ===== Explore Restaurant city tiles ===== */
.qlassified-explore-cities__lead {
    margin: 0 auto;
    max-width: 34rem;
    color: #6b6460;
    font-size: 15px;
    line-height: 1.5;
}
.qlassified-city-tile {
    --qlassified-city-accent: #c2410c;
    position: relative;
    display: block;
    height: 260px;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none !important;
    background:
        linear-gradient(145deg, #2a1810 0%, #4a2c1a 45%, #1c100c 100%);
    box-shadow: 0 8px 24px rgba(28, 8, 12, .12);
    transition: transform .28s ease, box-shadow .28s ease;
}
.qlassified-city-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(28, 8, 12, .18);
}
.qlassified-city-tile__media,
.qlassified-city-tile__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.qlassified-city-tile__media img {
    object-fit: cover;
    transition: transform .45s ease;
}
.qlassified-city-tile:hover .qlassified-city-tile__media img {
    transform: scale(1.06);
}
.qlassified-city-tile__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(16, 8, 6, .15) 0%, rgba(16, 8, 6, .25) 35%, rgba(12, 5, 4, .82) 100%);
    pointer-events: none;
}
.qlassified-city-tile__badge {
    position: absolute;
    z-index: 2;
    top: 16px;
    left: 16px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(28, 8, 12, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1;
    backdrop-filter: blur(6px);
}
.qlassified-city-tile__meta {
    position: absolute;
    z-index: 2;
    left: 16px;
    right: 16px;
    bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.qlassified-city-tile__name {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.02em;
}
.qlassified-city-tile__region {
    color: rgba(255, 255, 255, .78);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}
@media (max-width: 575.98px) {
    .qlassified-city-tile { height: 220px; }
    .qlassified-city-tile__name { font-size: 20px; }
}

/* ===== Car latest vehicles brand filters ===== */
.qlassified-car-latest__lead {
    margin: 0 auto;
    max-width: 28rem;
    color: #6b6460;
    font-size: 15px;
    line-height: 1.45;
}
.qlassified-car-brand-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 920px;
    margin: 0 auto;
}
.qlassified-car-chip {
    margin: 0;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid #d8d4cf !important;
    background: #fff !important;
    color: #1a1714 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .01em;
    box-shadow: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.qlassified-car-chip:hover {
    border-color: #1a1714 !important;
    color: #1a1714 !important;
    background: #f6f4f1 !important;
    transform: translateY(-1px);
}
.qlassified-car-chip.mixitup-control-active,
.qlassified-car-chip.mixitup-control-active:hover {
    border-color: #0F0B0B !important;
    background: #0F0B0B !important;
    color: #fff !important;
}
@media (max-width: 575.98px) {
    .qlassified-car-brand-filters { gap: 8px; }
    .qlassified-car-chip { padding: 9px 14px; font-size: 13px; }
}

/* Real-estate city tiles — cooler slate accent */
.qlassified-city-tile--real {
    --qlassified-city-accent: #0F5EAD;
    background:
        linear-gradient(145deg, #1a2330 0%, #2c3a4a 45%, #121820 100%);
    box-shadow: 0 8px 24px rgba(15, 24, 36, .14);
}
.qlassified-city-tile--real:hover {
    box-shadow: 0 14px 32px rgba(15, 24, 36, .2);
}
.qlassified-city-tile--real .qlassified-city-tile__badge {
    background: rgba(15, 94, 173, .92);
}

/* Hotel city tiles — indigo/night accent */
.qlassified-city-tile--hotel {
    background:
        linear-gradient(145deg, #152238 0%, #243656 45%, #0f1724 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 36, .14);
}
.qlassified-city-tile--hotel:hover {
    box-shadow: 0 14px 32px rgba(15, 23, 36, .2);
}
.qlassified-city-tile--hotel .qlassified-city-tile__badge {
    background: rgba(15, 94, 173, .92);
}

/* Publish business funnel (guest → agent + draft listing) */
.qlassified-publish {
    --qlassified-pub-ink: #0B0D0F;
    --qlassified-pub-muted: #5B6578;
    --qlassified-pub-line: #E6E8EF;
    --qlassified-pub-blue: #0F5EAD;
    --qlassified-pub-soft: #F4F7FB;
    position: relative;
    isolation: isolate;
    padding: 40px 0 88px;
    overflow: hidden;
}
.qlassified-publish__stage {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(900px 420px at 8% -10%, rgba(15, 94, 173, .16), transparent 60%),
        radial-gradient(700px 380px at 92% 8%, rgba(15, 118, 110, .10), transparent 55%),
        linear-gradient(180deg, #F7F9FC 0%, #EEF2F7 48%, #F8FAFC 100%);
}
.qlassified-publish__stage--form {
    background:
        radial-gradient(800px 360px at 12% -8%, rgba(15, 94, 173, .12), transparent 58%),
        linear-gradient(180deg, #F7F9FC 0%, #F3F6FA 100%);
}
.qlassified-publish__shell {
    position: relative;
}
.qlassified-publish__brand {
    margin: 0 0 10px;
    font-size: clamp(28px, 5vw, 44px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1;
    color: var(--qlassified-pub-ink);
}
.qlassified-publish__hero {
    max-width: 640px;
    margin: 0 0 36px;
}
.qlassified-publish__hero--compact {
    margin-bottom: 28px;
}
.qlassified-publish__kicker {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--qlassified-pub-blue);
}
.qlassified-publish__title {
    margin: 0 0 12px;
    font-size: clamp(26px, 3.6vw, 38px);
    font-weight: 750;
    line-height: 1.15;
    color: var(--qlassified-pub-ink);
}
.qlassified-publish__lead {
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
    color: var(--qlassified-pub-muted);
    max-width: 48ch;
}
.qlassified-publish__steps {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
}
.qlassified-publish__steps li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 650;
    color: #8A93A6;
}
.qlassified-publish__steps li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid #D5DAE5;
    background: #fff;
    font-size: 11px;
    font-weight: 750;
}
.qlassified-publish__steps li.is-current {
    color: var(--qlassified-pub-ink);
}
.qlassified-publish__steps li.is-current span {
    border-color: var(--qlassified-pub-blue);
    background: rgba(15, 94, 173, .1);
    color: var(--qlassified-pub-blue);
}
.qlassified-publish__steps li.is-done {
    color: #0F766E;
}
.qlassified-publish__steps li.is-done span {
    border-color: rgba(15, 118, 110, .35);
    background: rgba(15, 118, 110, .1);
    color: #0F766E;
}
.qlassified-publish__steps a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: inherit;
    text-decoration: none;
}
.qlassified-publish__steps a:hover {
    color: var(--qlassified-pub-blue);
}
.qlassified-publish__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}
.qlassified-publish__type {
    --qlassified-pub-i: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 104px;
    padding: 18px 16px;
    border: 1px solid var(--qlassified-pub-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .88);
    backdrop-filter: blur(8px);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    opacity: 0;
    transform: translateY(10px);
    animation: qlassified-pub-in .5s ease forwards;
    animation-delay: calc(var(--qlassified-pub-i) * 60ms);
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.qlassified-publish__type::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: transparent;
    transition: background .2s;
}
.qlassified-publish__type:hover,
.qlassified-publish__type.is-active,
.qlassified-publish__type:focus-visible {
    color: inherit;
    border-color: rgba(15, 94, 173, .42);
    box-shadow: 0 14px 32px rgba(15, 40, 80, .1);
    transform: translateY(-3px);
}
.qlassified-publish__type:hover::before,
.qlassified-publish__type.is-active::before,
.qlassified-publish__type:focus-visible::before {
    background: var(--qlassified-pub-blue);
}
.qlassified-publish__type-index {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .04em;
    color: #9AA3B5;
    font-variant-numeric: tabular-nums;
}
.qlassified-publish__type-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}
.qlassified-publish__type-label {
    font-size: 17px;
    font-weight: 750;
    color: var(--qlassified-pub-ink);
    line-height: 1.25;
}
.qlassified-publish__type-blurb {
    font-size: 13px;
    color: var(--qlassified-pub-muted);
    line-height: 1.35;
}
.qlassified-publish__type-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: var(--qlassified-pub-soft);
    color: var(--qlassified-pub-blue);
    flex-shrink: 0;
    transition: background .2s, color .2s;
}
.qlassified-publish__type:hover .qlassified-publish__type-arrow,
.qlassified-publish__type.is-active .qlassified-publish__type-arrow {
    background: var(--qlassified-pub-blue);
    color: #fff;
}
.qlassified-publish__type--hotel:hover { border-color: rgba(15, 94, 173, .45); }
.qlassified-publish__type--car:hover { border-color: rgba(180, 60, 50, .35); }
.qlassified-publish__type--beauty:hover { border-color: rgba(15, 118, 110, .4); }
.qlassified-publish__type--restaurant:hover { border-color: rgba(180, 120, 40, .4); }
.qlassified-publish__type--real-estate:hover { border-color: rgba(40, 70, 120, .4); }
.qlassified-publish__foot {
    margin: 0;
    font-size: 14px;
    color: var(--qlassified-pub-muted);
}
.qlassified-publish__foot a {
    color: var(--qlassified-pub-blue);
    font-weight: 650;
}
.qlassified-publish__form {
    max-width: 760px;
}
.qlassified-publish__card {
    background: rgba(255, 255, 255, .94);
    border: 1px solid var(--qlassified-pub-line);
    border-radius: 18px;
    padding: 22px 22px 10px;
    margin-bottom: 16px;
    box-shadow: 0 10px 28px rgba(15, 30, 60, .04);
}
.qlassified-publish__card--note {
    background: linear-gradient(135deg, #F3F7FC, #EEF6F4);
    padding: 18px 22px;
}
.qlassified-publish__card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 16px;
    margin-bottom: 16px;
}
.qlassified-publish__card-title {
    margin: 0;
    font-size: 18px;
    font-weight: 750;
    color: var(--qlassified-pub-ink);
}
.qlassified-publish__card-note {
    margin: 0;
    font-size: 13px;
    color: var(--qlassified-pub-muted);
}
.qlassified-publish__card-note a {
    color: var(--qlassified-pub-blue);
    font-weight: 650;
}
.qlassified-publish__field {
    margin-bottom: 14px;
}
.qlassified-publish__label,
.qlassified-publish .ol-form-label,
.qlassified-publish .form-label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 650;
    color: #3A4556;
}
.qlassified-publish__input,
.qlassified-publish .form-control,
.qlassified-publish select.form-control {
    min-height: 46px;
    border-radius: 12px !important;
    border-color: #D9DEE8 !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 15px;
}
.qlassified-publish textarea.qlassified-publish__input,
.qlassified-publish textarea.form-control {
    min-height: 96px;
    padding-top: 12px;
}
.qlassified-publish__input:focus,
.qlassified-publish .form-control:focus {
    border-color: rgba(15, 94, 173, .55) !important;
    box-shadow: 0 0 0 3px rgba(15, 94, 173, .12) !important;
}
.qlassified-publish__location .row {
    --bs-gutter-x: 1rem;
}
.qlassified-publish__divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 6px 0 16px;
    color: #8A93A6;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.qlassified-publish__divider::before,
.qlassified-publish__divider::after {
    content: '';
    height: 1px;
    flex: 1;
    background: #EEF1F6;
}
.qlassified-publish__upload {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 148px;
    margin-bottom: 12px;
    padding: 24px 16px;
    border: 1.5px dashed #C9D2E0;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(15, 94, 173, .03), transparent 70%),
        #FBFCFE;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s, background .2s, box-shadow .2s;
}
.qlassified-publish__upload:hover,
.qlassified-publish__upload.is-filled {
    border-color: rgba(15, 94, 173, .45);
    background: #F5F9FD;
}
.qlassified-publish__upload.is-invalid {
    border-color: #F87171;
    background: #FFF7F7;
}
.qlassified-publish__upload-icon {
    color: var(--qlassified-pub-blue);
}
.qlassified-publish__upload-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--qlassified-pub-ink);
}
.qlassified-publish__upload-meta {
    font-size: 13px;
    color: var(--qlassified-pub-muted);
}
.qlassified-publish__upload-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.qlassified-publish__hint {
    margin: 8px 0 0;
    font-size: 13px;
    color: var(--qlassified-pub-muted);
}
.qlassified-publish__actions {
    margin-top: 8px;
    max-width: 760px;
}
.qlassified-publish__submit {
    min-width: 260px;
    min-height: 48px;
    border-radius: 12px;
}
.qlassified-publish__errors {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #991B1B;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 18px;
    max-width: 760px;
}
.qlassified-publish__errors ul { margin: 0; padding-left: 18px; }
.qlassified-publish__photo-error {
    margin-top: 0;
}
.qlassified-pricing__publish-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    margin: 20px 0 8px;
}
.qlassified-pricing__publish-cta span {
    font-size: 14px;
    color: #5B6578;
}
@keyframes qlassified-pub-in {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (max-width: 575.98px) {
    .qlassified-publish { padding: 28px 0 64px; }
    .qlassified-publish__card { padding: 18px 16px 8px; }
    .qlassified-publish__submit { width: 100%; min-width: 0; }
    .qlassified-publish__steps { gap: 8px 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .qlassified-publish__type {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

/* Agent — Add listing type picker */
.qlassified-add-listing__kicker {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #0F5EAD;
}
.qlassified-add-listing__title {
    margin: 0 0 8px;
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 750;
    line-height: 1.2;
    color: #0B0D0F;
}
.qlassified-add-listing__lead {
    margin: 0;
    max-width: 38ch;
    font-size: 14px;
    line-height: 1.5;
    color: #6B7289;
}
.qlassified-add-listing__panel {
    background:
        linear-gradient(180deg, rgba(15, 94, 173, .04) 0%, transparent 120px),
        #fff;
    border: 1px solid #E6E8EF;
    border-radius: 18px;
    padding: 22px;
}
.qlassified-add-listing__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    flex-wrap: wrap;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #EEF1F6;
}
.qlassified-add-listing__count {
    margin: 0;
    font-size: 13px;
    font-weight: 650;
    color: #5B6578;
}
.qlassified-add-listing__bulk {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.qlassified-add-listing__bulk-link,
.qlassified-add-listing__bulk-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    line-height: 1.2;
    transition: background .2s, color .2s, border-color .2s, transform .2s;
}
.qlassified-add-listing__bulk-link {
    color: #3A4556;
    background: #F5F7FB;
    border: 1px solid #E6E8EF;
}
.qlassified-add-listing__bulk-link:hover {
    color: #0F5EAD;
    border-color: rgba(15, 94, 173, .35);
    background: #fff;
}
.qlassified-add-listing__bulk-btn {
    color: #fff;
    background: #0F5EAD;
    border: 1px solid #0F5EAD;
}
.qlassified-add-listing__bulk-btn:hover {
    color: #fff;
    background: #0c4f93;
    transform: translateY(-1px);
}
.qlassified-add-listing__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}
.qlassified-add-listing__type {
    --qlassified-add-i: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    padding: 16px 14px 16px 16px;
    border: 1px solid #E6E8EF;
    border-radius: 14px;
    background: #fff;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    opacity: 0;
    transform: translateY(8px);
    animation: qlassified-add-in .45s ease forwards;
    animation-delay: calc(var(--qlassified-add-i) * 55ms);
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.qlassified-add-listing__type::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: transparent;
    transition: background .2s;
}
.qlassified-add-listing__type:hover,
.qlassified-add-listing__type:focus-visible {
    color: inherit;
    border-color: rgba(15, 94, 173, .4);
    box-shadow: 0 12px 28px rgba(15, 40, 80, .08);
    transform: translateY(-2px);
}
.qlassified-add-listing__type:hover::before,
.qlassified-add-listing__type:focus-visible::before {
    background: #0F5EAD;
}
.qlassified-add-listing__type-index {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .04em;
    color: #9AA3B5;
    font-variant-numeric: tabular-nums;
}
.qlassified-add-listing__type-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}
.qlassified-add-listing__type-label {
    font-size: 16px;
    font-weight: 700;
    color: #0B0D0F;
    line-height: 1.25;
}
.qlassified-add-listing__type-blurb {
    font-size: 13px;
    color: #6B7289;
    line-height: 1.35;
}
.qlassified-add-listing__type-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #F3F5F9;
    color: #0F5EAD;
    flex-shrink: 0;
    transition: background .2s, color .2s;
}
.qlassified-add-listing__type:hover .qlassified-add-listing__type-arrow {
    background: #0F5EAD;
    color: #fff;
}
.qlassified-add-listing__empty {
    text-align: center;
    padding: 36px 16px;
    color: #5B6578;
}
.qlassified-add-listing__empty p {
    margin: 0 0 16px;
}
@keyframes qlassified-add-in {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (max-width: 575.98px) {
    .qlassified-add-listing__panel { padding: 16px; }
    .qlassified-add-listing__bulk { width: 100%; }
    .qlassified-add-listing__bulk-link,
    .qlassified-add-listing__bulk-btn { flex: 1; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .qlassified-add-listing__type {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

/* ===== Qlassified contact page ===== */
.qlassified-contact {
    --qc-ink: #0F1220;
    --qc-muted: #5C6378;
    --qc-line: #E8EAF0;
    --qc-surface: #F7F8FB;
    --qc-brand: var(--themeColor, #0F5EAD);
    background: var(--qc-surface);
    padding-bottom: 72px;
    overflow: hidden;
}
.qlassified-contact__hero {
    position: relative;
    padding: 64px 0 52px;
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(15, 94, 173, 0.16) 0%, transparent 55%),
        radial-gradient(45% 90% at 0% 100%, rgba(15, 118, 110, 0.09) 0%, transparent 50%),
        linear-gradient(180deg, #fff 0%, var(--qc-surface) 100%);
}
.qlassified-contact__hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--qc-line), transparent);
}
.qlassified-contact__brand {
    margin: 0 0 14px;
    color: var(--qc-ink);
    font-size: clamp(2.1rem, 4.5vw, 3.25rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: .95;
    animation: qlassifiedContactIn .65s ease both;
}
.qlassified-contact__title {
    margin: 0 0 12px;
    max-width: 16ch;
    color: var(--qc-ink);
    font-size: clamp(1.45rem, 2.6vw, 1.95rem);
    font-weight: 650;
    letter-spacing: -0.02em;
    line-height: 1.2;
    animation: qlassifiedContactIn .7s ease .06s both;
}
.qlassified-contact__lead {
    margin: 0;
    max-width: 34rem;
    color: var(--qc-muted);
    font-size: 1.05rem;
    line-height: 1.55;
    animation: qlassifiedContactIn .75s ease .12s both;
}
.qlassified-contact__body {
    padding-top: 36px;
}
.qlassified-contact__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.2fr);
    gap: 28px 40px;
    align-items: start;
    animation: qlassifiedContactUp .75s ease .16s both;
}
.qlassified-contact__aside-kicker {
    margin: 0 0 8px;
    color: var(--qc-brand);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.qlassified-contact__aside-title {
    margin: 0 0 10px;
    color: var(--qc-ink);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}
.qlassified-contact__aside-lead {
    margin: 0 0 28px;
    color: var(--qc-muted);
    font-size: 15px;
    line-height: 1.55;
}
.qlassified-contact__channels {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}
.qlassified-contact__channel {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 0;
    border-top: 1px solid var(--qc-line);
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}
.qlassified-contact__channels li:last-child .qlassified-contact__channel {
    border-bottom: 1px solid var(--qc-line);
}
a.qlassified-contact__channel:hover {
    color: var(--qc-brand);
}
a.qlassified-contact__channel:hover .qlassified-contact__channel-icon {
    background: color-mix(in srgb, var(--qc-brand) 14%, #fff);
    color: var(--qc-brand);
}
.qlassified-contact__channel-icon {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--qc-line);
    color: var(--qc-ink);
    transition: background .2s ease, color .2s ease;
}
.qlassified-contact__channel-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding-top: 2px;
}
.qlassified-contact__channel-label {
    font-size: 12px;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--qc-muted);
}
.qlassified-contact__channel-value {
    color: var(--qc-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    word-break: break-word;
}
.qlassified-contact__social {
    margin-top: 28px;
}
.qlassified-contact__social-label {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--qc-muted);
}
.qlassified-contact__social-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.qlassified-contact__social-link {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--qc-line);
    background: #fff;
    color: var(--qc-ink);
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.qlassified-contact__social-link:hover {
    background: var(--qc-brand);
    border-color: var(--qc-brand);
    color: #fff;
    transform: translateY(-1px);
}
.qlassified-contact__panel {
    background: #fff;
    border: 1px solid var(--qc-line);
    border-radius: 16px;
    padding: 28px 28px 30px;
    box-shadow: 0 10px 30px rgba(15, 18, 32, 0.05);
}
.qlassified-contact__panel-head {
    margin-bottom: 22px;
}
.qlassified-contact__panel-title {
    margin: 0 0 8px;
    color: var(--qc-ink);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}
.qlassified-contact__panel-lead {
    margin: 0;
    color: var(--qc-muted);
    font-size: 14px;
    line-height: 1.5;
}
.qlassified-contact__alert {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14px;
}
.qlassified-contact__alert--error {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #991B1B;
}
.qlassified-contact__alert ul {
    margin: 0;
    padding-left: 1.1rem;
}
.qlassified-contact__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
    margin-bottom: 18px;
}
.qlassified-contact__field--full {
    grid-column: 1 / -1;
}
.qlassified-contact__label {
    display: block;
    margin-bottom: 6px;
    color: var(--qc-ink);
    font-size: 13px;
    font-weight: 650;
}
.qlassified-contact__input {
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid var(--qc-line);
    border-radius: 10px;
    background: #fff;
    color: var(--qc-ink);
    font-size: 15px;
    line-height: 1.4;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.qlassified-contact__input:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--qc-brand) 55%, #fff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--qc-brand) 18%, transparent);
}
.qlassified-contact__textarea {
    min-height: 132px;
    resize: vertical;
}
.qlassified-contact__submit {
    min-height: 48px;
    padding: 12px 22px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}
@keyframes qlassifiedContactIn {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes qlassifiedContactUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 991.98px) {
    .qlassified-contact__layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .qlassified-contact__hero {
        padding: 48px 0 40px;
    }
}
@media (max-width: 575.98px) {
    .qlassified-contact__fields {
        grid-template-columns: 1fr;
    }
    .qlassified-contact__panel {
        padding: 20px 18px 22px;
        border-radius: 14px;
    }
    .qlassified-contact__submit {
        width: 100%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .qlassified-contact__brand,
    .qlassified-contact__title,
    .qlassified-contact__lead,
    .qlassified-contact__layout {
        animation: none;
    }
}