#listing-pricing-list .listeo-pricing-cards { border: 0; box-shadow: none; }
#listing-pricing-list .listeo-pricing-category > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
#listing-pricing-list .listeo-pricing-category > ul > li { display: flex; align-items: center; gap: 14px; padding: 10px 12px 10px 10px; margin: 0; min-width: 0; border: 0; border-radius: 8px; background: #f8f8f8; transition: background-color .3s, box-shadow .3s; }
#listing-pricing-list .listeo-pricing-card > .mfp-image { flex: 0 0 58px; margin: 0; }
#listing-pricing-list .listeo-pricing-card > .mfp-image img { display: block; width: 58px; height: 58px; margin: 0; border-radius: 8px; object-fit: cover; }
#listing-pricing-list .listeo-pricing-card .pricing-menu-details { flex: 1; min-width: 0; }
#listing-pricing-list .listeo-pricing-card h5 { display: block; margin: 0; color: #111; font-size: 16px; font-weight: 500; letter-spacing: -.01em; line-height: 1.4; overflow-wrap: anywhere; }
#listing-pricing-list .listeo-pricing-card p { display: block; color: #777; margin: 3px 0; font-size: 14px; line-height: 1.5; }
#listing-pricing-list .listeo-pricing-card .listeo-pricing-price { display: block; color: #7a7a7a; font-size: 14px; font-variant-numeric: tabular-nums; line-height: 1.5; }
#listing-pricing-list .listeo-pricing-add { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: none; min-height: 36px; padding: 0 13px 0 10px; border: 0; border-radius: 999px; background: #fff; color: #111; font: inherit; font-size: 13.5px; font-weight: 500; line-height: 1.3; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 4px 10px -6px rgba(0,0,0,.2); cursor: pointer; transition: background-color .25s, color .25s, transform .3s cubic-bezier(.34,1.56,.64,1); }
#listing-pricing-list .listeo-pricing-add[hidden], #listing-pricing-list .listeo-pricing-added-label { display: none; }
#listing-pricing-list .listeo-pricing-add > span[aria-hidden] { font-size: 20px; font-weight: 300; transition: transform .45s cubic-bezier(.34,1.56,.64,1); }
#listing-pricing-list .listeo-pricing-card.is-selected { background: #fff; box-shadow: inset 0 0 0 1.5px rgba(60,171,0,.45); }
#listing-pricing-list .listeo-pricing-add[aria-pressed="true"] { background: #e6f6df; color: #2d8500; box-shadow: inset 0 0 0 1px rgba(60,171,0,.45); }
#listing-pricing-list .listeo-pricing-add[aria-pressed="true"] > span[aria-hidden] { transform: rotate(135deg); }
#listing-pricing-list .listeo-pricing-add[aria-pressed="true"] .listeo-pricing-add-label { display: none; }
#listing-pricing-list .listeo-pricing-add[aria-pressed="true"] .listeo-pricing-added-label { display: inline; }
#listing-pricing-list .listeo-pricing-add:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#listing-pricing-list .listeo-pricing-add.is-individual > span[aria-hidden] { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px currentColor; font-size: 0; transition: box-shadow .25s; }
#listing-pricing-list .listeo-pricing-add.is-individual[aria-pressed="true"] > span[aria-hidden] { transform: none; box-shadow: inset 0 0 0 4.5px currentColor; }
@media (max-width: 600px) { #listing-pricing-list .listeo-pricing-category > ul { grid-template-columns: minmax(0, 1fr); } }
#listing-pricing-list .listeo-pricing-category > h4 { margin: 0 0 14px; padding: 0; border: 0; border-radius: 0; background: none; color: #777; font-size: 15px; font-weight: 400; line-height: 1.5; }
#listing-pricing-list .listeo-pricing-category > h4::after { display: none; }
#listing-pricing-list .listeo-pricing-category + .listeo-pricing-category { margin-top: 24px; }
#listing-pricing-list .has-category-tabs .listeo-pricing-category { margin-top: 0; }
#listing-pricing-list .has-category-tabs .listeo-pricing-category > h4 { display: none; }
#listing-pricing-list .listeo-pricing-category[hidden], #listing-pricing-list .listeo-pricing-tabs[hidden] { display: none; }
#listing-pricing-list .listeo-pricing-tabs { position: relative; display: inline-flex; max-width: 100%; box-sizing: border-box; gap: 0; margin-bottom: 20px; padding: 4px; border-radius: 999px; background: #f8f8f8; overflow-x: auto; scrollbar-width: none; }
#listing-pricing-list .listeo-pricing-tabs::-webkit-scrollbar { display: none; }
#listing-pricing-list .listeo-pricing-tabs button { position: relative; z-index: 1; transition: color .3s; flex: none; height: 40px; padding: 0 17px; border: 0; border-radius: 999px; background: transparent; color: #666; font: inherit; font-size: 14.5px; line-height: 1.3; white-space: nowrap; cursor: pointer; }
#listing-pricing-list .listeo-pricing-tabs button[aria-selected="true"] { color: #111; }
#listing-pricing-list .listeo-pricing-tabs:not(.is-ready) button[aria-selected="true"] { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 6px 14px -8px rgba(0,0,0,.2); }
#listing-pricing-list .listeo-pricing-tabs button:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
#listing-pricing-list .listeo-pricing-tab-indicator { position: absolute; left: 0; top: 4px; bottom: 4px; pointer-events: none; border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 6px 14px -8px rgba(0,0,0,.2); }
#listing-pricing-list .is-ready .listeo-pricing-tab-indicator { transition: transform .5s cubic-bezier(.2,.8,.2,1), width .5s cubic-bezier(.2,.8,.2,1); }
#listing-pricing-list .listeo-pricing-category { transition: opacity .22s; }
#listing-pricing-list .listeo-pricing-category.is-leaving { opacity: 0; }
#listing-pricing-list .listeo-pricing-category.is-entering .listeo-pricing-card { animation: listeo-pricing-card-in .65s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--card-index) * 45ms); }
@keyframes listeo-pricing-card-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
#listing-pricing-list .is-ready .listeo-pricing-tab-indicator,
#listing-pricing-list .listeo-pricing-tabs button,
#listing-pricing-list .listeo-pricing-category { transition: none; }
#listing-pricing-list .listeo-pricing-category.is-entering .listeo-pricing-card { animation: none; }
}
#listing-pricing-list .listeo-pricing-add:active { transform: scale(.94); }
@media (prefers-reduced-motion: reduce) {
#listing-pricing-list .listeo-pricing-category > ul > li,
#listing-pricing-list .listeo-pricing-add,
#listing-pricing-list .listeo-pricing-add > span[aria-hidden] { transition: none; }
}#listing-reviews .listing-reviews {
margin: 14px 0 0;
}
#listing-reviews .comment-list {
columns: 2;
column-gap: 12px;
margin: 0;
padding: 0;
}
#listing-reviews .comment-list > .listeo-review-card {
box-sizing: border-box;
break-inside: avoid;
margin: 0 0 12px;
padding: 22px;
border: 0;
border-radius: 8px;
background: #f8f8f8;
transition: background-color .3s;
}
#listing-reviews .listeo-review-card .comment-content {
padding: 0;
color: #222;
overflow-wrap: anywhere;
}
#listing-reviews .listeo-review-card .comment-by {
display: flex;
align-items: center;
gap: 12px;
padding: 0;
font-size: 13px;
font-weight: 400;
line-height: 1.35;
color: #8a8a8a;
}
#listing-reviews .listeo-review-card .avatar {
position: static;
float: none;
flex: none;
width: 42px;
height: 42px;
padding: 0;
}
#listing-reviews .listeo-review-card .avatar img {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
#listing-reviews .listeo-review-author {
min-width: 0;
}
#listing-reviews .listeo-review-card .comment-by h5,
#listing-reviews .listeo-review-card .comment-by h5 a {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 500;
line-height: 1.35;
color: #111;
}
#listing-reviews .listeo-review-card .comment-by .date {
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.35;
color: #8a8a8a;
text-align: start;
}
#listing-reviews .listeo-review-card .listeo-review-owner {
padding: 0;
font-weight: 400;
color: #888;
}
#listing-reviews .listeo-review-card .comment-by .star-rating {
position: static;
display: flex;
flex: none;
gap: 3px;
height: auto;
margin-inline-start: auto;
padding: 0;
border-radius: 0;
background: none;
font-size: 13px;
line-height: 1;
}
#listing-reviews .listeo-review-card .star-rating .star {
float: none;
margin: 0;
padding: 0;
}
#listing-reviews .listeo-review-card .star-rating .star:before,
#listing-reviews .listeo-review-card .star-rating .star.half:after {
color: #ffc600;
}
#listing-reviews .listeo-review-card .star-rating .star.empty:before,
#listing-reviews .listeo-review-card .star-rating .star.half:before {
color: #ddd;
}
#listing-reviews .listeo-review-card .comment-content p {
margin: 14px 0 16px;
padding: 0;
font-size: 15px;
line-height: 1.5;
letter-spacing: -.005em;
color: #222;
}
#listing-reviews .listeo-review-card .review-images {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: -4px 0 16px;
}
#listing-reviews .listeo-review-card .review-images a {
flex: 0 0 72px;
width: 72px;
max-width: 100%;
height: 72px;
margin: 0;
border-radius: 8px;
overflow: hidden;
cursor: zoom-in;
transition: transform .35s cubic-bezier(.34,1.56,.64,1);
}
#listing-reviews .listeo-review-card .review-images a:hover {
transform: translateY(-2px) rotate(-2deg);
}
#listing-reviews .listeo-review-card .review-images img {
display: block;
width: 100%;
height: 100%;
border-radius: 0;
object-fit: cover;
}
#listing-reviews .listeo-review-footer {
display: flex;
justify-content: flex-end;
}
#listing-reviews .listeo-review-card a.rate-review {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 32px;
margin: 0;
padding: 0 12px 0 10px;
border: 0;
border-radius: 999px;
background: #fff;
box-shadow: 0 1px 1px #00000014;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
font-variant-numeric: tabular-nums;
color: #555;
transition: background-color .25s, color .25s, transform .3s;
}
#listing-reviews .listeo-review-card a.rate-review:hover {
color: #111;
}
#listing-reviews .listeo-review-card a.rate-review:active {
transform: scale(.93);
}
#listing-reviews .listeo-review-card a.rate-review i {
padding: 0;
font-size: 16px;
}
#listing-reviews .listeo-review-card a.rate-review span {
margin: 0;
padding: 0;
border: 0;
color: inherit;
}
#listing-reviews .listeo-review-card ul.children {
margin: 14px 0 0;
padding: 0;
border: 0;
}
#listing-reviews .listeo-review-card ul.children > li {
margin: 0 0 10px;
padding: 14px 16px;
border: 0;
border-radius: 8px;
background: #fff;
box-shadow: 0 1px 1px #00000014;
}
#listing-reviews .listeo-review-card ul.children > li:last-child {
margin-bottom: 0;
}
#listing-reviews .listeo-review-card ul.children > li:before {
display: none;
}
#listing-reviews .children .listeo-review-card .comment-by {
align-items: flex-start;
gap: 8px;
}
#listing-reviews .children .listeo-review-card .avatar {
width: 22px;
height: 22px;
}
#listing-reviews .children .listeo-review-author {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 3px 8px;
}
#listing-reviews .children .listeo-review-card .comment-by h5,
#listing-reviews .children .listeo-review-card .comment-by h5 a,
#listing-reviews .children .listeo-review-card .comment-by .date {
font-size: 13.5px;
}
#listing-reviews .children .listeo-review-card .comment-content p {
margin: 5px 0 0;
font-size: 14.5px;
color: #444;
}
@media (max-width: 640px) {
#listing-reviews .comment-list {
columns: 1;
}
}
@media (prefers-reduced-motion: reduce) {
#listing-reviews .listeo-review-card,
#listing-reviews .listeo-review-card .review-images a,
#listing-reviews .listeo-review-card a.rate-review {
transition: none;
}
}.listing-features.listeo-feature-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; columns: auto; padding: 0; }
.listing-features.listeo-feature-cards li { position: relative; overflow: hidden; isolation: isolate; transition: background-color .35s cubic-bezier(.2,.8,.2,1); display: flex; align-items: center; gap: 12px; width: auto; min-width: 0; min-height: 62px; box-sizing: border-box; margin: 0; padding: 12px 14px 12px 12px; border-radius: 8px; background: #f8f8f8; font-size: 15px; line-height: 1.3; }
.listing-features.listeo-feature-cards li.faicon { padding: 12px 14px 12px 12px; }
.listing-features.listeo-feature-cards li > a { color: #222; overflow-wrap: anywhere; }
.listing-features.listeo-feature-cards li > a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.listing-features.listeo-feature-cards li > a:focus-visible { outline: none; }
.listing-features.listeo-feature-cards li > a:focus-visible::after { outline: 2px solid var(--listeo-primary-color, #f91942); outline-offset: -2px; }
.listing-features.listeo-feature-cards li > i,
.listing-features.listeo-feature-cards li > .feature-svg-icon,
.listing-features.listeo-feature-cards li.feature-no-icon::before { position: static; display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: #fff; box-shadow: 0 1px 1px #00000014; color: var(--listeo-primary-color, #f91942); font-size: 21px; line-height: 1; transition: transform .5s cubic-bezier(.34,1.56,.64,1); }
.listing-features.listeo-feature-cards li.feature-no-icon::before { font-size: 17px; }
.listing-features.listeo-feature-cards .feature-svg-icon svg { display: block; width: 21px; max-width: 21px; height: 21px; }
.listing-features.listeo-feature-cards .feature-svg-icon svg:not([fill="none"]) { fill: currentColor; }
.listing-features.listeo-feature-cards .feature-svg-icon svg [fill]:not([fill="none"]) { fill: currentColor; }
@media (max-width: 767px) { .listing-features.listeo-feature-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .listing-features.listeo-feature-cards { grid-template-columns: minmax(0, 1fr); } }
.listing-features.listeo-feature-cards li::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(200px circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.6), rgba(255,255,255,0) 70%); opacity: 0; transition: opacity .35s; pointer-events: none; }
.listing-features.listeo-feature-cards li:hover,
.listing-features.listeo-feature-cards li:focus-within { background: var(--listeo-primary-color-light, #ffecef); }
.listing-features.listeo-feature-cards li:hover::after,
.listing-features.listeo-feature-cards li:focus-within::after { opacity: 1; }
.listing-features.listeo-feature-cards li:hover > i,
.listing-features.listeo-feature-cards li:hover > .feature-svg-icon,
.listing-features.listeo-feature-cards li:hover.feature-no-icon::before,
.listing-features.listeo-feature-cards li:focus-within > i,
.listing-features.listeo-feature-cards li:focus-within > .feature-svg-icon,
.listing-features.listeo-feature-cards li.feature-no-icon:focus-within::before { transform: rotate(-7deg); }
.listing-features.listeo-feature-cards .feature-svg-icon svg[fill="none"] :is(path, circle, ellipse, rect, g):not([fill]) { fill: none; }
.listing-features.listeo-feature-cards .feature-svg-icon svg[fill="none"] .duo { fill: var(--listeo-primary-color-light, #ffd3dc); stroke: none; }
@media (prefers-reduced-motion: reduce) {
.listing-features.listeo-feature-cards li, .listing-features.listeo-feature-cards li::after,
.listing-features.listeo-feature-cards li > i, .listing-features.listeo-feature-cards li > .feature-svg-icon,
.listing-features.listeo-feature-cards li.feature-no-icon::before { transition: none; }
}.single-listing.admin-bar .lhb-frontend-header-sticky,
.single-listing.admin-bar #header.cloned {
top: var(--listeo-listing-admin-offset, 32px);
}
.single-listing .listeo-single-listing-sidebar.sticky-sidebar-enabled {
top: var(--listeo-listing-sidebar-offset, 20px);
height: auto;
max-height: calc(100vh - var(--listeo-listing-sidebar-offset, 20px) - 16px);
overflow-y: auto;
padding-top: 0;
margin-top: 0;
}
.listeo-section-nav.cloned.listing-nav-container {
--listing-nav-ease: cubic-bezier(.2, .8, .2, 1);
position: relative;
margin: 0 0 20px;
padding: 0;
border: 0;
background: rgba(255, 255, 255, .9);
-webkit-backdrop-filter: saturate(1.4) blur(16px);
backdrop-filter: saturate(1.4) blur(16px);
}
.listeo-section-nav.cloned .listing-nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
min-width: 0;
height: 68px;
}
.listeo-section-nav.cloned.listing-nav-container .listing-nav {
position: relative;
display: flex;
align-items: center;
flex: 1 1 auto;
gap: 2px;
width: auto;
min-width: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
list-style: none;
}
.listeo-section-nav.cloned .listing-nav::-webkit-scrollbar {
display: none;
}
.listeo-section-nav.cloned.listing-nav-container .listing-nav li {
position: relative;
z-index: 1;
flex: none;
margin: 0;
padding: 0;
}
.listeo-section-nav.cloned.listing-nav-container .listing-nav li a {
position: relative;
bottom: auto;
display: inline-flex;
align-items: center;
height: 38px;
margin: 0;
padding: 0 14px !important;
border: 0;
border-radius: 999px;
background: transparent;
color: #777;
font-size: 14.5px;
font-weight: 400;
line-height: 1.3;
white-space: nowrap;
transition: color .3s;
}
.listeo-section-nav.cloned.listing-nav-container .listing-nav li a:hover,
.listeo-section-nav.cloned.listing-nav-container .listing-nav li a.active,
.listeo-section-nav.cloned.listing-nav-container .listing-nav li a[aria-current="location"] {
color: var(--listeo-primary-color, #f91942);
border: 0;
}
.listeo-section-nav.cloned .listing-nav a:focus-visible,
.listeo-section-nav.cloned .listing-nav-booking-link:focus-visible {
outline: 2px solid var(--listeo-primary-color, #f91942);
outline-offset: -2px;
}
.listeo-section-nav.cloned.listing-nav-container .listing-nav li.listing-nav-indicator {
position: absolute;
z-index: 0;
left: 0;
top: 0;
height: 38px;
border-radius: 999px;
background: rgba(var(--listeo-primary-color-rgb, 249, 25, 66), .08);
pointer-events: none;
transition: transform .5s var(--listing-nav-ease), width .5s var(--listing-nav-ease);
}
.listeo-section-nav.cloned.listing-nav-container {
position: fixed;
inset-inline: 0;
top: var(--listeo-listing-header-offset, 0px);
z-index: 998;
width: 100%;
margin: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-8px);
box-shadow: 0 1px 0 rgba(0, 0, 0, .07);
transition: opacity .25s, transform .35s var(--listing-nav-ease), visibility .25s;
}
.listeo-section-nav.cloned.listing-nav-container.stick {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.listeo-section-nav.cloned .listing-nav-inner {
box-sizing: border-box;
width: var(--listeo-listing-nav-width, 100%);
max-width: 100%;
margin: 0 0 0 var(--listeo-listing-nav-left, 0px);
padding: 0;
}
.listeo-section-nav.cloned .listing-nav-cta {
display: none;
align-items: center;
gap: 14px;
flex: none;
opacity: 0;
transform: translateX(10px);
transition: opacity .35s, transform .5s var(--listing-nav-ease);
}
.listeo-section-nav.cloned .listing-nav-cta:not([hidden]) {
display: flex;
}
.listeo-section-nav.cloned.stick .listing-nav-cta {
opacity: 1;
transform: none;
}
.listeo-section-nav.cloned .listing-nav-booking-summary {
margin: 0;
color: #8a8a8a;
font-size: 13.5px;
line-height: 1.25;
text-align: end;
}
.listeo-section-nav.cloned .listing-nav-booking-summary b,
.listeo-section-nav.cloned .listing-nav-booking-summary strong {
color: #111;
font-size: 18px;
letter-spacing: -.02em;
}
.listeo-section-nav.cloned .listing-nav-booking-link {
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
height: 42px;
padding: 0 18px;
border-radius: 999px;
background: rgba(var(--listeo-primary-color-rgb, 249, 25, 66), .08);
color: var(--listeo-primary-color, #f91942);
font-size: 14.5px;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
box-shadow: none;
transition: background-color .3s;
}
.listeo-section-nav.cloned .listing-nav-booking-link:hover {
color: var(--listeo-primary-color, #f91942);
background: rgba(var(--listeo-primary-color-rgb, 249, 25, 66), .14);
}
#listing-nav.listeo-section-nav.cloned::after {
display: none;
}
body#dark-mode .listeo-section-nav.cloned.listing-nav-container {
background: rgba(40, 40, 40, .92);
}
body#dark-mode .listeo-section-nav.cloned.listing-nav-container .listing-nav li a {
background: transparent;
color: #aaa !important;
}
body#dark-mode .listeo-section-nav.cloned.listing-nav-container .listing-nav li a:hover,
body#dark-mode .listeo-section-nav.cloned.listing-nav-container .listing-nav li a.active,
body#dark-mode .listeo-section-nav.cloned .listing-nav-booking-summary b {
color: #fff !important;
}
body#dark-mode .listeo-section-nav.cloned.listing-nav-container .listing-nav li.listing-nav-indicator {
background: #383838;
}
@media (max-width: 991px) {
.listeo-section-nav.cloned .listing-nav-cta:not([hidden]) {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.listeo-section-nav.cloned.listing-nav-container,
.listeo-section-nav.cloned.listing-nav-container .listing-nav li.listing-nav-indicator,
.listeo-section-nav.cloned .listing-nav-cta,
.listeo-section-nav.cloned .listing-nav-booking-link {
transition: none;
}
}
.listing-nav-container:not(.cloned) .listing-nav-cta { display: none; }
.listing-nav-booking-rating .listing-nav-rating-star { color: #ffc107; margin-inline-end: 4px; font-size: 12px; }
.listeo-listing-sticky-header-enabled .listing-nav-container:not(.cloned) { display: none; }.single-listing .coupon-widget { border-radius:8px; background-color:#111; color:#fff; }
.single-listing .coupon-widget:hover { transform:none; }
.single-listing .coupon-widget::before { display:none; }
.single-listing .coupon-widget a.coupon-top { padding:22px 22px 20px; border-radius:8px 8px 0 0; text-align:start; background:linear-gradient(180deg,rgba(17,17,17,.55),rgba(17,17,17,.9)); }
.single-listing .coupon-widget.has-local-background { background-color:transparent; }
.single-listing .coupon-widget.has-local-background a.coupon-top { background:linear-gradient(180deg,rgba(17,17,17,.55),rgba(17,17,17,.9)),var(--listeo-coupon-image) center/cover #111; }
.single-listing .coupon-widget.has-no-image a.coupon-top,
.single-listing .coupon-widget:not([style*="background-image"]):not(.has-local-background) a.coupon-top { background:linear-gradient(125deg,#111 10%,color-mix(in srgb,var(--listeo-primary-color,#f91942) 38%,#111) 100%); }
.single-listing .coupon-widget a.coupon-top h3 { padding:0; font-size:22px; font-weight:500; line-height:1.2; letter-spacing:-.025em; text-align:start; }
.single-listing .coupon-widget .coupon-how-to-use { padding:0; margin:6px 0 0; font-size:14px; line-height:1.45; color:#bdbdbd; }
.single-listing .coupon-widget .coupon-how-to-use p { margin:0; color:inherit; font-size:inherit; line-height:inherit; }
.single-listing .coupon-widget .coupon-valid-untill { margin-top:10px; padding:3px 8px; font-size:12px; font-weight:500; border-radius:4px; }
.single-listing .coupon-widget .coupon-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 16px 18px 22px; border:0; border-radius:0 0 8px 8px; background:#111; text-align:start; transform-origin:100% 0; transition:transform .6s cubic-bezier(.34,1.56,.64,1); }
.single-listing .coupon-widget .coupon-code { min-width:0; padding:0; border:0; background:none; border-radius:0; font-family:inherit; font-size:20px; font-weight:500; line-height:1.5; letter-spacing:.18em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.single-listing .coupon-widget .coupon-bottom::before,
.single-listing .coupon-widget .coupon-bottom::after { top:-8px; width:16px; height:16px; transform:none; }
.single-listing .coupon-widget .coupon-bottom::before { left:-8px; }
.single-listing .coupon-widget .coupon-bottom::after { right:-8px; }
.single-listing .coupon-widget .coupon-scissors-icon { left:16px; top:0; width:22px; height:22px; margin-top:-11px; color:#7a7a7a; font-size:18px; line-height:22px; transition:color .3s; }
.single-listing .coupon-widget .coupon-scissors-icon:has(svg)::after { display:none; }
.listeo-coupon-cut-line { position:absolute; left:14px; right:14px; top:-.75px; border-top:1.5px dashed #3a3a3a; }
.single-listing .listeo-coupon-copy { flex:none; display:inline-flex; align-items:center; justify-content:center; gap:6px; width:auto; height:38px; margin:0; padding:0 15px 0 12px; border:0; border-radius:999px; background:#fff; color:#111; font-family:inherit; font-size:13.5px; font-weight:500; line-height:1; cursor:pointer; transition:background-color .25s,color .25s,box-shadow .25s,transform .3s cubic-bezier(.34,1.56,.64,1); }
.listeo-coupon-copy svg { width:15px; height:15px; flex:none; }
.single-listing .listeo-coupon-copy:hover { background:#ececec; color:#111; }
.single-listing .listeo-coupon-copy:active { transform:scale(.95); }
.listeo-coupon-copy:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.single-listing .listeo-coupon-copy.is-copied { background:color-mix(in srgb,var(--listeo-primary-color,#f91942) 15%,#111); color:color-mix(in srgb,var(--listeo-primary-color,#f91942) 45%,#fff); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--listeo-primary-color,#f91942) 30%,transparent); }
.listeo-coupon-scissors { display:block; width:100%; height:100%; overflow:visible; }
.listeo-coupon-scissors g { transform-box:view-box; transform-origin:13.8px 12px; }
.single-listing .coupon-widget.is-cut .coupon-bottom { transform:translateY(7px) rotate(1.4deg); }
.single-listing .coupon-widget.is-cutting .coupon-scissors-icon { color:#fff; animation:listeoCouponTravel 1.1s cubic-bezier(.45,0,.55,1) forwards; }
.is-cutting .listeo-coupon-scissors g:first-child { animation:listeoCouponSnipA .17s ease-in-out infinite alternate; }
.is-cutting .listeo-coupon-scissors g:last-child { animation:listeoCouponSnipB .17s ease-in-out infinite alternate; }
.is-cutting .listeo-coupon-cut-line { animation:listeoCouponLine 1.1s cubic-bezier(.45,0,.55,1) forwards; }
.is-returning .coupon-scissors-icon,.is-returning .listeo-coupon-cut-line { animation:listeoCouponBack .5s ease both; }
@keyframes listeoCouponTravel { 0% { left:16px; } 86% { opacity:1; } 100% { left:calc(100% - 32px); opacity:0; } }
@keyframes listeoCouponSnipA { from { transform:rotate(3deg); } to { transform:rotate(-26deg); } }
@keyframes listeoCouponSnipB { from { transform:rotate(-3deg); } to { transform:rotate(26deg); } }
@keyframes listeoCouponLine { from { clip-path:inset(0 0 0 0); } to { clip-path:inset(0 0 0 100%); } }
@keyframes listeoCouponBack { from { opacity:0; } }
@media (prefers-reduced-motion:reduce) {
.single-listing .coupon-widget .coupon-bottom,.single-listing .listeo-coupon-copy { transition:none; }
.single-listing .coupon-widget.is-cut .coupon-bottom { transform:none; }
.single-listing .coupon-widget .coupon-scissors-icon,.listeo-coupon-scissors g,.listeo-coupon-cut-line { animation:none !important; }
}.listeo-google-review-carousel {
position: relative;
padding: 0 22px 22px;
margin-bottom: 0;
border-radius: 0;
background: transparent;
}
#listing-google-reviews .listeo-google-review-cards {
display: flex;
gap: 10px;
margin: 0 -22px -4px;
padding: 0 22px 4px;
overflow-x: auto;
list-style: none;
scroll-snap-type: x proximity;
scroll-padding-inline: 22px;
scrollbar-width: none;
}
.listeo-google-review-cards::-webkit-scrollbar {
display: none;
}
.listeo-google-review-carousel.has-next .listeo-google-review-cards {
-webkit-mask-image: linear-gradient(to right, #000 90%, transparent);
mask-image: linear-gradient(to right, #000 90%, transparent);
}
#listing-google-reviews .listeo-google-review-card {
flex: 0 0 250px;
box-sizing: border-box;
min-height: 185px;
margin: 0;
padding: 16px;
border: 0;
border-radius: 8px;
background: #fff;
box-shadow: 0 1px 1px #00000014;
scroll-snap-align: start;
}
.listeo-google-review-card-header {
display: flex;
align-items: center;
gap: 10px;
font-size: 12.5px;
line-height: 1.3;
color: #8a8a8a;
}
.listeo-google-review-avatar {
flex: 0 0 36px;
display: grid;
place-items: center;
width: 36px;
height: 36px;
overflow: hidden;
border-radius: 50%;
background: #ececec;
color: #555;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}
.listeo-google-review-avatar img {
display: block;
width: 36px;
height: 36px;
object-fit: cover;
}
.listeo-google-review-author {
min-width: 0;
}
.listeo-google-review-author strong {
display: block;
max-width: 150px;
overflow: hidden;
color: #111;
font-size: 14px;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
}
.listeo-google-review-author a {
color: inherit;
}
#listing-google-reviews .listeo-google-review-card .star-rating {
display: flex;
margin: 12px 0 8px;
font-size: 13px;
line-height: 18px;
}
#listing-google-reviews .star-rating .star:before,
#listing-google-reviews .star-rating .star.half:after {
color: #ffc600;
}
#listing-google-reviews .star-rating .star.empty:before,
#listing-google-reviews .star-rating .star.half:before {
color: #ddd;
}
#listing-google-reviews .listeo-google-review-card p {
display: -webkit-box;
margin: 0;
overflow: hidden;
color: #333;
font-size: 14.5px;
line-height: 1.45;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.listeo-google-review-arrow {
position: absolute;
top: 50%;
z-index: 1;
display: grid;
place-items: center;
width: 42px;
height: 42px;
padding: 0;
border: 0;
border-radius: 50%;
background: #fff;
color: #111;
box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
transform: translateY(-50%);
cursor: pointer;
}
.listeo-google-review-arrow[hidden] {
display: none;
}
.listeo-google-review-arrow:hover {
background: #111;
color: #fff;
}
.listeo-google-review-arrow:disabled {
opacity: .4;
cursor: default;
}
.listeo-google-review-arrow:focus-visible,
.listeo-google-review-cards:focus-visible {
outline: 2px solid #333;
outline-offset: 3px;
}
.listeo-google-review-prev {
inset-inline-start: 2px;
}
.listeo-google-review-next {
inset-inline-end: 2px;
}
[dir="rtl"] .listeo-google-review-carousel.has-next .listeo-google-review-cards {
-webkit-mask-image: linear-gradient(to left, #000 90%, transparent);
mask-image: linear-gradient(to left, #000 90%, transparent);
}
[dir="rtl"] .listeo-google-review-arrow svg {
transform: rotate(180deg);
}
body#dark-mode .listeo-google-review-carousel {
background: #262626;
}
body#dark-mode .listeo-google-review-card {
background: #333;
}
body#dark-mode .listeo-google-review-author strong,
body#dark-mode #listing-google-reviews .listeo-google-review-card p {
color: #eee;
}
@media (max-width: 480px) {
#listing-google-reviews .listeo-google-review-card {
flex-basis: min(250px, calc(100% - 10px));
}
}
#listing-google-reviews .listeo-google-reviews-box { margin-bottom: 0; overflow: hidden; border-radius: 8px; background: #f8f8f8; }
#listing-google-reviews .listeo-google-reviews-box .google-reviews-summary { margin: 0; padding: 22px; border: 0; border-radius: 0; background: transparent; }
#listing-google-reviews .listeo-google-reviews-box .google-reviews-summary-logo { border-radius: 8px; }
body#dark-mode #listing-google-reviews .listeo-google-reviews-box { background: #262626; }
#listing-google-reviews .google-reviews-summary {
flex-wrap: wrap;
row-gap: 18px;
}
#listing-google-reviews .google-reviews-summary-logo {
flex-shrink: 0;
}
#listing-google-reviews .google-reviews-summary .google-reviews-read-more {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-inline-start: 20px;
}
#listing-google-reviews .google-reviews-read-more a {
white-space: nowrap;
}
#listing-google-reviews .google-reviews-all-link img {
height: 17px;
position: relative;
top: -1px;
}
@media (max-width: 768px) {
#listing-google-reviews .google-reviews-summary .google-reviews-read-more {
flex-basis: 100%;
justify-content: center;
margin-inline-start: 0;
}
}html.listeo-gallery-open {
overflow: hidden;
}
html.listeo-gallery-open body {
overflow: hidden;
}
html.listeo-gallery-open.listeo-gallery-has-scrollbar {
scrollbar-gutter: stable;
background-color: #111;
}
@supports not (scrollbar-gutter: stable) {
html.listeo-gallery-open body { padding-inline-end: var(--listeo-gallery-scrollbar, 0px); }
}
.listeo-gallery {
--gallery-bg: #111;
--gallery-muted: #aaa;
position: fixed;
inset: 0;
width: 100vw;
height: 100%;
height: 100dvh;
max-width: none;
max-height: none;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: #fff;
font: inherit;
cursor: zoom-out;
overflow: hidden;
overscroll-behavior: contain;
opacity: 1;
transition: opacity 200ms ease, transform 200ms ease;
}
.listeo-gallery[open] { display: flex; flex-direction: column; }
.listeo-gallery [hidden] { display: none !important; }
.listeo-gallery::backdrop { background: rgb(17 17 17 / 94%); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: opacity 200ms ease; }
@supports (scrollbar-gutter: stable) {
.listeo-gallery, .listeo-gallery::backdrop { width: calc(100vw + var(--listeo-gallery-scrollbar, 0px)); }
}
.listeo-gallery.is-closing::backdrop { opacity: 0; }
.listeo-gallery.is-closing { opacity: 0; transform: translateY(12px); }
.listeo-gallery *, .listeo-gallery *::before, .listeo-gallery *::after { box-sizing: border-box; }
.listeo-gallery__photo, .listeo-gallery__title, .listeo-gallery__counter,
.listeo-gallery__caption, .listeo-gallery__attribution, .listeo-gallery__indicators { cursor: default; }
.listeo-gallery__header {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
flex: 0 0 auto;
min-height: 88px;
padding: max(16px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) 16px max(32px, env(safe-area-inset-left));
border-bottom: 1px solid rgb(255 255 255 / 9%);
z-index: 2;
}
.listeo-gallery button {
-webkit-appearance: none;
appearance: none;
margin: 0;
border: 0;
box-shadow: none;
font: inherit;
color: inherit;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.listeo-gallery button::before, .listeo-gallery button::after { content: none; }
.listeo-gallery button:focus-visible, .listeo-gallery a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.listeo-gallery .listeo-gallery__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 48px;
height: 48px;
padding: 12px;
border: 1px solid rgb(255 255 255 / 16%);
border-radius: 50%;
background: transparent;
transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.listeo-gallery .listeo-gallery__button:hover { background: rgb(255 255 255 / 10%); border-color: rgb(255 255 255 / 40%); }
.listeo-gallery .listeo-gallery__button:active { transform: scale(.94); }
.listeo-gallery__button svg { width: 24px; height: 24px; flex: 0 0 24px; }
.listeo-gallery .listeo-gallery__back { width: auto; min-width: 0; max-width: 100%; border: 0; border-radius: 8px; justify-self: start; font-size: 14px; }
.listeo-gallery__back span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listeo-gallery__counter { grid-column: 2; font-size: 14px; font-weight: 500; letter-spacing: .04em; font-variant-numeric: tabular-nums; color: #ddd; }
.listeo-gallery__close { grid-column: 3; justify-self: end; }
.listeo-gallery__overview {
flex: 1;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
padding: 42px 24px 80px;
scrollbar-color: #555 var(--gallery-bg);
}
.listeo-gallery .listeo-gallery__title {
grid-column: 2;
max-width: 60vw;
min-width: 0;
margin: 0;
color: #fff;
font: inherit;
font-size: 20px;
line-height: 1.3;
font-weight: 500;
letter-spacing: -.025em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.listeo-gallery__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
max-width: 1040px;
margin: 0 auto;
}
.listeo-gallery .listeo-gallery__tile {
display: block;
cursor: zoom-in;
position: relative;
width: 100%;
padding: 0;
overflow: hidden;
aspect-ratio: 4 / 3;
border-radius: 8px;
background: #222;
isolation: isolate;
}
.listeo-gallery__tile:nth-child(3n + 1) { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
.listeo-gallery__tile img { display: block; width: 100%; height: 100%; object-fit: cover; transition: filter 300ms ease; }
.listeo-gallery__tile:hover img { filter: brightness(1.07); }
.listeo-gallery__tile > svg { position: absolute; top: 12px; inset-inline-end: 12px; z-index: 1; width: 36px; height: 36px; padding: 8px; border-radius: 100px; background: rgb(0 0 0 / 35%); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); color: #fff; opacity: 0; transform: scale(.85); transition: opacity 200ms ease, transform 200ms ease; pointer-events: none; }
.listeo-gallery__tile:hover > svg, .listeo-gallery__tile:focus-visible > svg { opacity: 1; transform: scale(1); }
.listeo-gallery__tile-label { position: absolute; inset-inline: 16px; bottom: 16px; width: fit-content; max-width: calc(100% - 32px); padding: 5px 10px; border-radius: 5px; background: rgb(0 0 0 / 50%); color: #fff; font-size: 12px; line-height: 1.5; text-align: start; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; backdrop-filter: blur(8px); }
.listeo-gallery__viewer { position: relative; display: flex; flex-direction: column; flex: 1; min-height: 0; }
.listeo-gallery.is-viewing .listeo-gallery__header { border-color: transparent; }
.listeo-gallery__stage { position: relative; display: flex; align-items: center; justify-content: center; flex: 1; min-height: 0; margin: 8px 104px 0; touch-action: pan-y pinch-zoom; }
.listeo-gallery__photo { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; user-select: none; -webkit-user-drag: none; }
.listeo-gallery .listeo-gallery__arrow { position: absolute; top: calc(50% - 72px); background: rgb(17 17 17 / 65%); }
.listeo-gallery__previous { inset-inline-start: 28px; }
.listeo-gallery__next { inset-inline-end: 28px; }
.listeo-gallery:dir(rtl) .listeo-gallery__arrow svg { transform: scaleX(-1); }
.listeo-gallery__footer { display: flex; flex-direction: column; align-items: center; flex: 0 0 auto; gap: 6px; padding: 20px 24px max(24px, env(safe-area-inset-bottom)); }
.listeo-gallery .listeo-gallery__caption { max-width: 900px; max-height: 12vh; overflow-y: auto; margin: 0; color: #ddd; font-size: 14px; line-height: 1.6; text-align: center; white-space: pre-line; }
.listeo-gallery__attribution { max-width: 900px; max-height: 8vh; overflow-y: auto; color: var(--gallery-muted); font-size: 12px; line-height: 1.5; text-align: center; }
.listeo-gallery__attribution a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.listeo-gallery__caption:empty, .listeo-gallery__attribution:empty { display: none; }
.listeo-gallery__indicators { display: flex; align-items: center; gap: 5px; max-width: min(100%, 560px); min-height: 32px; overflow-x: auto; padding: 5px; scrollbar-width: none; direction: ltr; }
.listeo-gallery__indicators::-webkit-scrollbar { display: none; }
.listeo-gallery .listeo-gallery__indicator { position: relative; flex: 0 0 28px; height: 28px; padding: 12px 0; border-radius: 0; background: transparent; }
.listeo-gallery .listeo-gallery__indicator::after { content: ''; display: block; height: 3px; border-radius: 4px; background: #555; transition: background 220ms ease, transform 220ms ease; }
.listeo-gallery .listeo-gallery__indicator:hover::after { background: #999; }
.listeo-gallery .listeo-gallery__indicator[aria-current="true"]::after { background: #fff; transform: scaleY(1.35); }
.listeo-gallery__status { position: absolute; top: 42%; inset-inline: 24px; color: var(--gallery-muted); font-size: 14px; text-align: center; pointer-events: none; }
.listeo-gallery.is-loading .listeo-gallery__status::before { content: ''; display: block; width: 28px; height: 28px; margin: 0 auto 16px; border: 2px solid #444; border-top-color: #fff; border-radius: 50%; animation: listeo-gallery-spin 800ms linear infinite; }
.listeo-gallery .listeo-gallery__retry { position: absolute; top: 52%; left: 50%; transform: translateX(-50%); padding: 8px 18px; border: 1px solid #555; border-radius: 6px; background: transparent; font-size: 14px; }
@keyframes listeo-gallery-spin { to { transform: rotate(360deg); } } [data-listing-gallery] .slg-button[data-gallery-count] { display: inline-block; }
.listing-slider a.mfp-gallery,
.listing-slider-small a.mfp-gallery,
#single-listing-grid-gallery a.slg-gallery-img::before,
#single-listing-grid-gallery a.slg-gallery-img-single::before { cursor: pointer; }
@media (max-width: 767px) {
.listeo-gallery__header { min-height: 72px; padding: max(12px, env(safe-area-inset-top)) 16px 12px; }
.listeo-gallery .listeo-gallery__button { width: 44px; height: 44px; padding: 10px; }
.listeo-gallery .listeo-gallery__back { width: auto; padding-inline: 0; font-size: 13px; }
.listeo-gallery__counter { font-size: 12px; }
.listeo-gallery__overview { padding: 24px 16px 48px; }
.listeo-gallery .listeo-gallery__title { font-size: 16px; }
.listeo-gallery__grid { gap: 8px; }
.listeo-gallery .listeo-gallery__tile { border-radius: 5px; }
.listeo-gallery__tile-label { inset-inline: 8px; bottom: 8px; max-width: calc(100% - 16px); }
.listeo-gallery__stage { margin: 0; }
.listeo-gallery__photo { border-radius: 5px; }
.listeo-gallery .listeo-gallery__arrow { top: auto; bottom: max(16px, env(safe-area-inset-bottom)); }
.listeo-gallery__previous { inset-inline-start: 16px; }
.listeo-gallery__next { inset-inline-end: 16px; }
.listeo-gallery__footer { gap: 4px; padding: 16px 18px max(16px, env(safe-area-inset-bottom)); }
.listeo-gallery__indicators { max-width: calc(100% - 112px); min-height: 44px; }
.listeo-gallery .listeo-gallery__indicator { flex-basis: 20px; }
.listeo-gallery__caption { font-size: 13px; }
}
@media (max-height: 500px) and (orientation: landscape) {
.listeo-gallery__header { min-height: 56px; padding-block: 6px; }
.listeo-gallery__footer { padding-block: 6px; }
}
@media (prefers-reduced-motion: reduce) {
.listeo-gallery, .listeo-gallery *, .listeo-gallery *::before, .listeo-gallery *::after { animation: none !important; transition: none !important; }
} @media (min-width: 1201px) {
.listeo-fullwidth-gallery-frame { padding: 0 20px 10px; margin-bottom: 50px; }
.listeo-fullwidth-gallery-frame .listeo-fullwidth-gallery { margin-bottom: 0; border-radius: 10px; }
body:has(.listeo-fullwidth-gallery-frame):not(:has(.lhb-is-scrolled)) :is(#header-container, #header, .lhb-hp-header) { box-shadow: none !important; }
}
.listeo-fullwidth-gallery {
position: relative;
isolation: isolate;
display: flex;
align-items: flex-end;
min-height: min(max(520px, 72vh), var(--listeo-fullwidth-max-height, 760px));
margin-bottom: 50px;
background: #111;
color: #fff;
}
.listeo-fullwidth-gallery__photo { position: absolute; inset: 0; z-index: -2; display: block; border-radius: inherit; overflow: hidden; }
.listeo-fullwidth-gallery__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.listeo-fullwidth-gallery::after { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(180deg, rgb(17 17 17 / 5%) 20%, rgb(17 17 17 / 35%) 50%, rgb(17 17 17 / 85%) 100%); pointer-events: none; }
.listeo-fullwidth-gallery > .container { padding-top: 180px; padding-bottom: 100px; pointer-events: none; }
.listeo-fullwidth-gallery a, .listeo-fullwidth-gallery button { pointer-events: auto; }
.listeo-fullwidth-gallery .listeo-grid-gallery-title { margin: 0; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 24px; margin: 0; padding: 0; background: transparent; zoom: 1; }
.listeo-fullwidth-gallery #titlebar .listing-titlebar-title { flex: 1 1 400px; min-width: 0; margin: 0; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar h1 { font-size: clamp(28px, 2.9vw, 44px); line-height: 1.15; margin: 4px 0 12px; overflow-wrap: anywhere; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar h1,
.listeo-fullwidth-gallery #titlebar.listing-titlebar a,
.listeo-fullwidth-gallery #titlebar.listing-titlebar span,
.listeo-fullwidth-gallery #titlebar.listing-titlebar strong,
.listeo-fullwidth-gallery #titlebar.listing-titlebar i,
.listeo-fullwidth-gallery #titlebar.listing-titlebar b,
.listeo-fullwidth-gallery #titlebar.listing-titlebar .rating-counter a strong { color: #fff !important; }
.listeo-fullwidth-gallery #titlebar .listing-titlebar-title { text-shadow: 0 1px 4px rgb(17 17 17 / 35%); }
.listeo-fullwidth-gallery #titlebar.listing-titlebar .listing-pricing-tag,
.listeo-fullwidth-gallery #titlebar.listing-titlebar .numerical-rating::before { background: rgb(17 17 17 / 35%); }
.listeo-fullwidth-gallery #titlebar.listing-titlebar .listing-tag,
.listeo-fullwidth-gallery #titlebar.listing-titlebar .star-rating { background: rgb(255 255 255 / 10%); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); text-shadow: none; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar .listing-tag { background: var(--primary-color); padding: 7px 16px; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar .star-rating { padding: 3px 14px; }
.listeo-fullwidth-gallery #titlebar .like-icon::before,
.listeo-fullwidth-gallery #titlebar .like-icon::after { color: inherit; }
.listeo-fullwidth-gallery #titlebar .listing-widget,
.listeo-fullwidth-gallery #titlebar .listing-share { margin: 0 !important; }
.listeo-fullwidth-gallery #titlebar .like-button,
.listeo-fullwidth-gallery #titlebar .like-button-notlogged { display: inline-flex; align-items: center; gap: 8px; width: auto; max-width: 100%; margin: 0; padding: 9px 20px; border: 1px solid rgb(255 255 255 / 55%); border-radius: 50px; background: rgb(17 17 17 / 25%); color: #fff; transition: border-color 200ms ease, color 200ms ease, background-color 200ms ease; }
.listeo-fullwidth-gallery #titlebar :is(.like-button, .like-button-notlogged) :is(.like-icon, .bookmark-btn-title) { transition: color 200ms ease; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar :is(.like-button, .like-button-notlogged):is(:hover, :focus-visible) { border-color: var(--primary-color); color: var(--primary-color) !important; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar :is(.like-button, .like-button-notlogged):is(:hover, :focus-visible) :is(.like-icon, .bookmark-btn-title) { color: inherit !important; }
.listeo-fullwidth-gallery #titlebar .like-icon { margin: 0; }
.listeo-fullwidth-gallery #titlebar .listing-logo { flex-shrink: 0; align-self: center; }
.listeo-fullwidth-gallery #titlebar .listing-widget { display: flex; flex-direction: column; align-items: flex-end; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar .listeo-fullwidth-gallery__button {
position: static;
display: inline-flex !important;
box-sizing: border-box;
align-items: center;
justify-content: center;
flex-shrink: 0;
gap: 8px;
max-width: 100%;
min-height: 42px;
margin: 0;
padding: 8px 20px;
border: 1px solid transparent;
border-radius: 50px;
background: var(--fullwidth-button-background, #fff);
color: var(--fullwidth-button-color, #333) !important;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
box-shadow: none;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-align: center;
cursor: pointer;
transition: background-color 200ms ease, color 200ms ease;
}
.listeo-fullwidth-gallery__directions { --fullwidth-button-background: rgb(255 255 255 / 10%); --fullwidth-button-color: #fff; }
.listeo-fullwidth-gallery .listeo-fullwidth-gallery__button:is(:hover, :focus-visible) { --fullwidth-button-background: var(--primary-color); --fullwidth-button-color: #fff; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar .listeo-fullwidth-gallery__button i { flex-shrink: 0; margin: 0; color: inherit !important; font-size: 14px; line-height: 1; }
.listeo-fullwidth-gallery__actions { display: flex; justify-content: flex-end; margin-top: 20px; }
.listeo-fullwidth-gallery .photo-attribution { margin-top: 16px; font-size: 12px; line-height: 1.5; }
.listeo-fullwidth-gallery .photo-attribution a { color: inherit; text-decoration: underline; }
.listeo-fullwidth-gallery a:focus-visible,
.listeo-fullwidth-gallery button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.listeo-fullwidth-gallery__photo:focus-visible { outline-offset: -6px; }
@media (max-width: 767px) {
.listeo-fullwidth-gallery { min-height: min(620px, var(--listeo-fullwidth-max-height, 720px)); min-height: min(720px, 85svh, var(--listeo-fullwidth-max-height, 720px)); margin-bottom: 32px; }
.listeo-fullwidth-gallery > .container { width: 100%; padding: 180px 24px 40px; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar { gap: 20px; align-items: flex-start; }
.listeo-fullwidth-gallery #titlebar .listing-titlebar-title { flex-basis: auto; width: 100%; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar span a { font-size: 15px; line-height: 1.6; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar span.listing-tag a { font-size: 13px; }
.listeo-fullwidth-gallery #titlebar .listing-logo { width: 64px; height: 64px; margin: 0; align-self: flex-start; }
.listeo-fullwidth-gallery #titlebar .listing-widget { flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 12px; width: 100%; }
.listeo-fullwidth-gallery__directions, .listeo-fullwidth-gallery__actions { flex: 1 1 165px; zoom: .9; }
.listeo-fullwidth-gallery__actions { justify-content: flex-start; margin-top: 0; }
.listeo-fullwidth-gallery #titlebar.listing-titlebar .listeo-fullwidth-gallery__button { width: 100%; padding-inline: 12px; }
}