body:has(#pss-header) {
--pss-header-h: 5.25rem;
--wm-site-header-offset: var(--pss-header-h);
--wm-admin-bar: 0px;
}
body.admin-bar:has(#pss-header) {
--wm-admin-bar: 32px;
}
@media (max-width: 782px) {
body.admin-bar:has(#pss-header) {
--wm-admin-bar: 46px;
}
}
@media (max-width: 640px) {
body:has(#pss-header) {
--pss-header-h: 4.5rem;
}
}
body:has(#pss-header) #content.site-content,
body:has(#pss-header) .site-content,
body:has(#pss-header) .content-area,
body:has(#pss-header) .ast-container,
body:has(#pss-header) #primary {
padding-top: 0 !important;
margin-top: 0 !important;
}
:root {
--wm-accent: #9b3d3d;
--wm-accent-hover: #7f3232;
--wm-header-accent: #9b3d3d;
--wm-header-accent-rgb: 155, 61, 61;
--wm-header-btn-hover: #7f3232;
--wm-header-btn-text: #fffdf8;
--wm-catalog-accent: #BA9047;
--wm-catalog-accent-rgb: 186, 144, 71;
--wm-catalog-accent-hover: #a37f3e;
--wm-catalog-chip-bg: #f4f6f8;
--wm-catalog-chip-border: #e2e8f0;
--wm-catalog-chip-text: #1c1412;
--wm-catalog-chip-active-bg: rgba(186, 144, 71, 0.12);
--wm-catalog-chip-active-text: #BA9047;
--wm-catalog-chip-active-border: #BA9047;
--wm-accent-rgb: 155, 61, 61;
--wm-sale: #9b3d3d;
--wm-sale-strong: #7f3232;
--wm-ink: #1c1412;
--wm-ink-soft: #4a3f3c;
--wm-ink-rgb: 28, 20, 18;
--wm-radius: 16px;
--wm-radius-sm: 12px;
--wm-shadow: 0 22px 55px rgba(155, 61, 61, 0.14);
--wm-shadow-soft: 0 10px 32px rgba(28, 20, 18, 0.08);
--wm-border: 1px solid rgba(155, 61, 61, 0.18);
--wm-card-border: 1px solid rgba(155, 61, 61, 0.18);
--wm-muted: #6b5f5c;
--wm-bg: #faf7f6;
--wm-bg-tint: #f3ebe9;
--wm-paper: #ffffff;
--wm-card-bg: #ffffff;
--wm-card-media-bg: #e8e0d6;
--wm-card-title: #1c1412;
--wm-card-cta-bg: #9b3d3d;
--wm-card-cta-text: #fffdf8;
--wm-card-cta-hover: #7f3232;
--wm-booking-bg: #ffffff;
--wm-booking-border-rgb: 71, 85, 105;
--wm-booking-btn-bg: #9b3d3d;
--wm-booking-btn-text: #ffffff;
--wm-booking-badge-bg: #fef3c7;
--wm-booking-badge-text: #92400e; --wm-font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--wm-font-display: "Cinzel", Georgia, "Times New Roman", serif;
}
html.wm-lb-open,
html.wm-lb-open body {
overflow: hidden;
}
.wm-font-scope {
color: var(--wm-ink-soft);
font-family: var(--wm-font-body);
font-size: 1.05rem;
line-height: 1.65;
}
.wm-font-scope .wm-main__title,
.wm-font-scope .wm-section__title,
.wm-font-scope .wm-booking-card__title,
.wm-font-scope .wm-card__title,
.wm-font-scope .wm-card__title a,
.wm-font-scope .wm-card__badge {
font-family: var(--wm-font-display);
color: var(--wm-card-title, var(--wm-ink));
letter-spacing: -0.02em;
} .wm-font-scope .wm-card__title,
.wm-font-scope .wm-card__title a {
font-family: var(--wm-font-display) !important;
letter-spacing: -0.01em;
}
.wm-font-scope .wm-card__badge {
color: var(--wm-accent);
letter-spacing: 0;
}
.wm-type-reset {
font-family: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
}
.wm-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.25rem;
}
body.wm-event-single {
--wm-section-gap: 2.25rem;
--wm-bg: #ffffff;
--wm-bg-tint: #ffffff;
background-color: #ffffff !important;
}
body.wm-event-single #page,
body.wm-event-single #content,
body.wm-event-single .site,
body.wm-event-single .site-content,
body.wm-event-single .content-area,
body.wm-event-single .entry-content,
body.wm-event-single .wm-single,
body.wm-event-single .wm-font-scope,
body.wm-event-single .wm-event-page {
background-color: #ffffff !important;
}
body.wm-event-single .wm-section__head {
background: #ffffff;
} body.wm-event-single .wm-font-scope {
font-size: 0.9375rem;
line-height: 1.6;
}
body.wm-event-single .wm-font-scope .wm-lead {
font-size: 1rem;
margin: 0 0 0.75rem;
}
body.wm-event-single .wm-font-scope .wm-section__title {
font-size: 1.125rem;
margin-bottom: 0.75rem;
}
body.wm-event-single .wm-main > .wm-section,
body.wm-event-single .wm-main > .wm-overview,
body.wm-event-single .wm-main > .wm-reviews,
body.wm-event-single .wm-main > .wm-detail-rows {
margin-top: var(--wm-section-gap);
}
body.wm-event-single .wm-font-scope .wm-detail-row__title {
font-family: var(--wm-font-display);
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.35;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--wm-ink);
}
body.wm-event-single .wm-font-scope .wm-detail-row__body {
font-size: 0.9375rem;
line-height: 1.6;
}
body.wm-event-single .wm-font-scope .wm-detail-row__body p {
margin: 0.5rem 0;
}
body.wm-event-single .wm-font-scope .wm-detail-row--description {
grid-template-columns: 1fr;
gap: 0.75rem;
}
body.wm-event-single .wm-font-scope .wm-prose p,
body.wm-event-single .wm-font-scope .wm-prose ul,
body.wm-event-single .wm-font-scope .wm-prose ol {
font-size: 0.9375rem;
}
.wm-single {
background: #ffffff;
overflow-x: visible;
} .wm-video-strip {
padding: 1.25rem 0 0;
}
.wm-video-strip__inner {
border-radius: var(--wm-radius);
overflow: hidden;
box-shadow: var(--wm-shadow-soft);
background: #0f172a center / cover no-repeat;
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
} .wm-video-strip__inner > .wm-responsive-embed--video,
.wm-video-strip__inner > .wm-native-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
aspect-ratio: unset;
min-height: 0;
background: transparent;
}
.wm-video-strip__inner .wm-responsive-embed {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: transparent;
}
.wm-video-strip__inner > iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.wm-responsive-embed {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #0f0f0f;
}
.wm-responsive-embed iframe {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
}
.wm-responsive-embed video,
.wm-responsive-embed .wp-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.wm-responsive-embed .wp-video video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
background: #0f172a;
} .wm-responsive-embed .wp-video,
.wm-responsive-embed .mejs-container {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
padding: 0 !important;
}
.wm-responsive-embed .mejs-layer,
.wm-responsive-embed .mejs-mediaelement video {
object-fit: cover;
object-position: center;
}
.wm-native-video__el {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
background: #0f172a;
}
.wm-responsive-embed.wm-responsive-embed--youtube iframe,
.wm-responsive-embed.wm-responsive-embed--vimeo iframe {
min-height: 0;
}
.wm-prose--detail > *:first-child {
margin-top: 0;
} .wm-gg {
padding: 1rem 0 0.5rem;
}
.wm-gg__grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 10px;
align-items: stretch;
width: 100%;
aspect-ratio: 2.1 / 1;
max-height: min(460px, 55vh);
}
.wm-gg__main,
.wm-gg__cell {
position: relative;
border: 0;
padding: 0;
cursor: zoom-in;
background: linear-gradient(155deg, var(--wm-bg-tint) 0%, var(--wm-bg) 55%, #fff 100%);
border-radius: var(--wm-radius-sm);
overflow: hidden;
display: block;
min-height: 0;
height: 100%;
}
.wm-gg__main--video {
cursor: default;
background: #0f172a center / cover no-repeat;
}
.wm-gg__video-main {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.wm-gg__main--video .wm-responsive-embed,
.wm-gg__main--video .wm-native-video,
.wm-gg__main--video .wp-video,
.wm-gg__main--video video,
.wm-gg__main--video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
aspect-ratio: unset;
min-height: 0;
}
.wm-gg__main--video .wm-native-video__el,
.wm-gg__main--video .wp-video video,
.wm-gg__main--video video {
object-fit: cover;
object-position: center;
}
.wm-gg__cell--video {
background: #141210;
}
.wm-gg__video-embed {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: #0f0f0f;
}
.wm-gg__cell--video .wm-responsive-embed,
.wm-gg__cell--video .wp-video,
.wm-gg__cell--video video,
.wm-gg__cell--video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.wm-gg__side:has(> :only-child) {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
min-height: 0;
}
.wm-gg__side:has(> :only-child) .wm-gg__cell--video {
min-height: 0;
}
.wm-gg--video-only {
padding: 0.5rem 0 0;
}
.wm-gg--video-only__inner {
max-width: 960px;
margin: 0 auto;
}
.wm-gg__main img,
.wm-gg__cell img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
min-height: 0;
}
.wm-gg__side {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 10px;
min-height: 0;
height: 100%;
}
.wm-gg__cell img {
min-height: 0;
}
.wm-gg__cell--video img.wm-gg__video-poster {
min-height: 0;
}
.wm-gg__cell--cta img {
filter: brightness(0.72);
}
.wm-gg__cta {
position: absolute;
inset: auto 12px 12px 12px;
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.55rem 0.85rem;
border-radius: 999px;
background: rgba(250, 247, 246, 0.95);
color: var(--wm-ink);
font-weight: 600;
font-size: 0.9rem;
box-shadow: var(--wm-shadow-soft);
pointer-events: none;
}
.wm-gg__cta-icon {
font-size: 1rem;
line-height: 1;
}
.wm-gg__single {
position: relative;
border-radius: var(--wm-radius);
overflow: hidden;
box-shadow: var(--wm-shadow-soft);
}
.wm-gg__single-btn {
display: block;
width: 100%;
border: 0;
padding: 0;
cursor: zoom-in;
background: var(--wm-card-media-bg);
position: relative;
aspect-ratio: 2.1 / 1;
max-height: min(460px, 55vh);
}
.wm-gg__single-btn img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-height: none;
object-fit: cover;
object-position: center;
display: block;
}
.wm-gg__fab {
position: absolute;
right: 14px;
bottom: 14px;
display: inline-flex;
align-items: center;
gap: 0.4rem;
border: 0;
border-radius: 999px;
padding: 0.55rem 0.95rem;
background: rgba(250, 247, 246, 0.96);
color: var(--wm-ink);
font-weight: 600;
cursor: pointer;
box-shadow: var(--wm-shadow-soft);
}
.wm-gg__fab-icon {
opacity: 0.75;
} .wm-lightbox {
position: fixed;
inset: 0;
z-index: 99999;
}
.wm-lightbox[hidden] {
display: none;
}
.wm-lightbox__backdrop {
position: absolute;
inset: 0;
background: rgba(10, 12, 16, 0.78);
backdrop-filter: blur(4px);
}
.wm-lightbox__dialog {
position: absolute;
inset: 1.5rem;
max-width: 1120px;
margin: 0 auto;
display: flex;
flex-direction: column;
background: #12151a;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.wm-lightbox__main {
position: relative;
flex: 1;
min-height: 0;
display: flex;
align-items: stretch;
}
.wm-lightbox__stage {
flex: 1;
min-height: min(48vh, 420px);
display: flex;
align-items: center;
justify-content: center;
padding: 3.5rem 4.25rem 1.25rem;
box-sizing: border-box;
}
.wm-lightbox__img {
max-width: 100%;
max-height: calc(100vh - 14rem);
object-fit: contain;
border-radius: 4px;
}
.wm-lightbox__embed {
width: min(960px, 100%);
flex: 0 1 auto;
align-self: center;
}
.wm-lightbox__embed .wm-responsive-embed {
width: 100%;
max-height: none;
min-height: 0;
aspect-ratio: 16 / 9;
}
.wm-lightbox__embed iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
border: 0;
max-height: calc(100vh - 14rem);
}
.wm-lightbox__footer {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 0 1rem 1rem;
}
.wm-lightbox__thumbs {
display: flex;
gap: 8px;
max-width: 100%;
overflow-x: auto;
padding: 4px 2px 2px;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
-webkit-overflow-scrolling: touch;
}
.wm-lightbox__thumbs[hidden] {
display: none !important;
}
.wm-lightbox__thumb {
appearance: none;
flex: 0 0 auto;
width: 64px;
height: 48px;
padding: 0;
border: 2px solid transparent;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
background: rgba(255, 255, 255, 0.06);
opacity: 0.55;
transition: opacity 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.wm-lightbox__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.wm-lightbox__thumb:hover {
opacity: 0.9;
}
.wm-lightbox__thumb.is-active {
opacity: 1;
border-color: rgba(255, 255, 255, 0.85);
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
.wm-lightbox__thumb--video {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.wm-lightbox__thumb-video {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: linear-gradient(145deg, #2a3340, #1a2028);
}
.wm-lightbox__counter {
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.08em;
color: rgba(255, 255, 255, 0.72);
padding: 0.28rem 0.7rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.wm-lightbox__counter[hidden] {
display: none !important;
}
.wm-lightbox__close,
.wm-lightbox__nav {
appearance: none;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 999px;
background: rgba(18, 22, 28, 0.55);
color: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, color 0.15s ease;
}
.wm-lightbox__close:hover,
.wm-lightbox__nav:hover {
background: rgba(255, 255, 255, 0.14);
border-color: rgba(255, 255, 255, 0.28);
color: #fff;
}
.wm-lightbox__close:active,
.wm-lightbox__nav:active {
transform: scale(0.96);
}
.wm-lightbox__icon {
display: flex;
align-items: center;
justify-content: center;
line-height: 0;
}
.wm-lightbox__close {
position: absolute;
top: 14px;
right: 14px;
width: 40px;
height: 40px;
}
.wm-lightbox__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
}
.wm-lightbox__nav[hidden] {
display: none !important;
}
.wm-lightbox__nav--prev {
left: 14px;
}
.wm-lightbox__nav--next {
right: 14px;
}
.wm-lightbox__nav:hover {
transform: translateY(-50%);
}
.wm-lightbox__nav:active {
transform: translateY(-50%) scale(0.96);
} .wm-event-page {
position: relative;
}
.wm-event-page__intro {
padding-top: 0;
padding-bottom: 0.5rem;
}
.wm-event-page__body {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(380px, 420px);
gap: 2rem;
align-items: start;
padding: 2rem 0 3.5rem;
overflow: visible;
}
.wm-event-page__primary {
min-width: 0;
}
@media (min-width: 901px) {
body.wm-event-single .wm-event-page__intro {
padding-top: 0;
padding-bottom: 0.25rem;
}
body.wm-event-single .wm-main {
padding: 0;
}
body.wm-event-single .wm-sidebar {
align-self: start;
position: relative;
inset: auto;
min-height: 0;
pointer-events: auto;
visibility: visible;
}
body.wm-event-single .wm-booking-bar,
body.wm-event-single .wm-booking-sheet__backdrop,
body.wm-event-single .wm-booking-sheet__handle {
display: none !important;
}
body.wm-event-single .wm-sidebar-inner {
position: relative;
z-index: 25;
transform: none !important;
max-height: none !important;
border-radius: 0;
}
body.wm-event-single .wm-sidebar-inner.wm-sidebar-inner--fixed {
z-index: 40;
}
body.wm-event-single .wm-booking-card__scroll {
overflow: visible;
}
body.wm-event-single #page,
body.wm-event-single #content,
body.wm-event-single .site,
body.wm-event-single .site-content,
body.wm-event-single .entry-content,
body.wm-event-single .content-area {
overflow: visible !important;
}
}
.wm-main {
min-width: 0;
}
.wm-sidebar {
position: relative;
align-self: start;
}
.wm-sidebar-inner {
position: relative;
}
.wm-main__header {
margin-bottom: 0.75rem;
}
.wm-main__title {
margin: 0;
font-size: clamp(1.85rem, 2.6vw, 2.45rem);
line-height: 1.12;
}
.wm-meta-badges {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin-top: 0.85rem;
}
.wm-badge {
display: inline-flex;
align-items: center;
gap: 0.3rem;
padding: 0.35rem 0.75rem;
border-radius: 999px;
font-size: 0.78rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.02em;
border: 1px solid rgba(var(--wm-accent-rgb), 0.22);
background: rgba(var(--wm-accent-rgb), 0.08);
color: var(--wm-accent-hover);
text-decoration: none;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.wm-badge--category {
background: var(--wm-paper);
}
.wm-badge--rating:hover {
background: rgba(var(--wm-accent-rgb), 0.14);
border-color: rgba(var(--wm-accent-rgb), 0.35);
color: var(--wm-accent);
}
.wm-badge__star {
color: var(--wm-accent);
font-size: 0.9em;
}
.wm-badge__sep {
opacity: 0.55;
}
.wm-price-badge {
display: inline-flex;
align-items: center;
padding: 0.45rem 0.85rem;
border-radius: 999px;
background: linear-gradient(135deg, rgba(var(--wm-accent-rgb), 0.14), rgba(var(--wm-accent-rgb), 0.06));
border: 1px solid rgba(var(--wm-accent-rgb), 0.28);
}
.wm-price-badge__amount {
font-family: var(--wm-font-body);
font-weight: 700;
font-size: 1.05rem;
color: var(--wm-accent);
white-space: nowrap;
}
.wm-price-block {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: flex-end;
gap: 0.35rem;
padding: 0.55rem 0.9rem 0.65rem;
border-radius: var(--wm-radius-sm);
background: linear-gradient(160deg, rgba(var(--wm-accent-rgb), 0.12), rgba(250, 247, 246, 0.95));
border: 1px solid rgba(var(--wm-accent-rgb), 0.25);
box-shadow: var(--wm-shadow-soft);
}
.wm-price-block--discount {
border-left: 4px solid #f97316;
padding-left: 0.95rem;
background: linear-gradient(160deg, rgba(249, 115, 22, 0.1), rgba(250, 247, 246, 0.98));
}
.wm-price-block__row {
display: flex;
align-items: baseline;
gap: 0.65rem;
flex-wrap: wrap;
justify-content: flex-end;
}
.wm-price-block__was {
font-size: 0.95rem;
font-weight: 600;
color: var(--wm-muted);
text-decoration: line-through !important;
text-decoration-thickness: 2px;
}
.wm-price-block__now {
font-size: 1.28rem;
font-weight: 800;
color: var(--wm-sale-strong);
letter-spacing: -0.02em;
}
.wm-price-block__unit {
font-size: 0.78rem;
font-weight: 600;
color: var(--wm-muted);
text-transform: lowercase;
}
.wm-lead {
font-size: 1.12rem;
color: var(--wm-muted);
margin: 0 0 1rem;
}
.wm-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1.5rem;
}
.wm-tag {
font-size: 0.78rem;
padding: 0.25rem 0.7rem;
border-radius: 999px;
background: rgba(var(--wm-accent-rgb), 0.1);
color: var(--wm-accent);
font-weight: 600;
letter-spacing: 0.02em;
}
.wm-section {
margin-top: 2rem;
}
.wm-section__title {
font-size: 1.2rem;
margin: 0 0 0.65rem;
}
.wm-overview {
margin-top: 2rem;
}
.wm-section__head {
padding: 0.85rem 1rem;
background: var(--wm-bg);
border: var(--wm-border);
border-radius: var(--wm-radius-sm) var(--wm-radius-sm) 0 0;
border-bottom: none;
} body.wm-event-single .wm-overview {
margin-top: var(--wm-section-gap);
padding: 1.1rem 1.25rem 1.15rem;
background: var(--wm-paper);
border: var(--wm-border);
border-radius: var(--wm-radius-sm);
box-shadow: var(--wm-shadow-soft);
}
body.wm-event-single .wm-overview .wm-section__head {
padding: 0 0 0.85rem;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
border-bottom: 1px solid rgba(var(--wm-accent-rgb), 0.12);
}
body.wm-event-single .wm-overview .wm-section__head .wm-section__title {
margin: 0;
font-size: 1.125rem;
}
body.wm-event-single .wm-overview {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding-top: 1.25rem;
margin-top: 0.5rem;
}
body.wm-event-single .wm-highlights-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem 1.5rem;
padding: 0.85rem 0 0;
margin: 0;
}
@media (max-width: 640px) {
body.wm-event-single .wm-highlights-grid {
grid-template-columns: 1fr;
}
}
.wm-highlight {
display: flex;
align-items: flex-start;
gap: 0.75rem;
min-width: 0;
}
.wm-highlight__icon {
flex: 0 0 40px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #f3f4f6;
color: #1f2937;
}
body.wm-event-single .wm-highlight__icon {
background: #f5f5f5;
}
.wm-highlight__body {
min-width: 0;
}
.wm-highlight__title {
margin: 0;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.35;
color: var(--wm-ink, #111);
}
.wm-highlight__desc {
margin: 0.2rem 0 0;
font-size: 0.8125rem;
line-height: 1.45;
color: var(--wm-muted, #6b7280);
}
body.wm-event-single .wm-overview .wm-checklist {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.35rem 1.25rem;
padding: 0.85rem 0 0;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
}
body.wm-event-single .wm-overview .wm-checklist__item:first-child {
margin-top: 0;
}
@media (max-width: 640px) {
body.wm-event-single .wm-overview .wm-checklist {
grid-template-columns: 1fr;
}
}
.wm-checklist {
list-style: none !important;
list-style-type: none !important;
padding: 0 !important;
margin: 0 !important;
padding-inline-start: 0 !important;
}
.wm-checklist > li.wm-checklist__item {
list-style: none !important;
list-style-type: none !important;
}
.wm-checklist > li.wm-checklist__item::marker {
content: none;
font-size: 0;
}
.wm-checklist > li.wm-checklist__item::before,
.wm-checklist > li.wm-checklist__item::after {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
box-shadow: none !important;
}
.wm-checklist__item {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin: 0.65rem 0;
padding: 0.65rem 0.85rem;
border-radius: var(--wm-radius-sm);
background: rgba(250, 247, 246, 0.65);
border: 1px solid rgba(var(--wm-accent-rgb), 0.1);
}
body.wm-event-single .wm-overview .wm-checklist__item {
margin: 0;
padding: 0.4rem 0;
border: 0;
border-radius: 0;
background: transparent;
}
.wm-checklist__ico {
flex: 0 0 auto;
width: 34px;
height: 34px;
margin-top: 0.05rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: linear-gradient(145deg, rgba(250, 247, 246, 0.95), rgba(var(--wm-accent-rgb), 0.14));
border: 1px solid rgba(var(--wm-accent-rgb), 0.22);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 6px 14px rgba(31, 26, 22, 0.06);
color: var(--wm-accent-hover);
}
body.wm-event-single .wm-overview .wm-checklist__ico {
width: 28px;
height: 28px;
border-radius: 8px;
background: rgba(var(--wm-accent-rgb), 0.08);
border: 1px solid rgba(var(--wm-accent-rgb), 0.16);
box-shadow: none;
}
.wm-checklist__ico .wm-fico {
display: block;
width: 22px;
height: 22px;
}
body.wm-event-single .wm-overview .wm-checklist__ico .wm-fico {
width: 18px;
height: 18px;
}
.wm-checklist__text {
flex: 1;
min-width: 0;
line-height: 1.55;
}
.wm-prose .wm-section__title {
margin-bottom: 0.5rem;
}
.wm-prose p,
.wm-prose ul,
.wm-prose ol {
margin: 0.65rem 0;
} .wm-prose--lists-plain ul:not(.wm-list-default),
.wm-prose--lists-plain ol:not(.wm-list-default) {
list-style: none;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.wm-prose--lists-plain ul:not(.wm-list-default) > li,
.wm-prose--lists-plain ol:not(.wm-list-default) > li {
list-style: none;
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
.wm-prose--lists-plain ul:not(.wm-list-default) > li::marker,
.wm-prose--lists-plain ol:not(.wm-list-default) > li::marker {
content: none;
font-size: 0;
}
.wm-prose--lists-plain ul:not(.wm-list-default) > li::before,
.wm-prose--lists-plain ol:not(.wm-list-default) > li::before {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.wm-prose--lists-plain ul.wm-list-default,
.wm-prose--lists-plain ol.wm-list-default {
list-style: revert;
list-style-type: revert;
padding-left: 1.35em;
margin-left: 0;
}
.wm-prose--lists-plain ul.wm-list-default > li,
.wm-prose--lists-plain ol.wm-list-default > li {
list-style: revert;
list-style-type: revert;
display: list-item;
padding-left: revert;
margin-left: revert;
}
.wm-prose--lists-plain ul.wm-list-default > li::marker,
.wm-prose--lists-plain ol.wm-list-default > li::marker {
content: revert;
font-size: revert;
display: revert;
}
.wm-booking-card {
background: var(--wm-booking-bg, var(--wm-paper));
border: 1px solid rgba(var(--wm-booking-border-rgb), 0.18);
border-radius: var(--wm-radius);
box-shadow: var(--wm-shadow-soft);
padding: 1.35rem 1.35rem 1.5rem;
position: relative;
z-index: 5;
}
.wm-booking-card--gyg {
padding: 1rem 1.1rem 1.1rem;
box-shadow: 0 14px 40px rgba(31, 26, 22, 0.12);
border: 1px solid rgba(var(--wm-booking-border-rgb), 0.14);
}
.wm-booking-card__head--compact {
flex-shrink: 0;
margin-bottom: 0.65rem;
padding-bottom: 0.65rem;
border-bottom: 1px solid rgba(var(--wm-booking-border-rgb), 0.1);
}
.wm-booking-card__head-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
}
.wm-booking-card__head-text {
min-width: 0;
flex: 1;
}
.wm-booking-card__price--inline {
margin: 0;
padding: 0;
border: 0;
background: none;
text-align: right;
flex-shrink: 0;
}
.wm-booking-card__price--inline .wm-booking-card__price-row {
justify-content: flex-end;
}
.wm-booking-card__price--inline .wm-booking-card__now {
font-size: 1.15rem;
}
.wm-booking-card__price--inline .wm-booking-card__unit {
margin-top: 0.15rem;
font-size: 0.72rem;
}
.wm-booking-card__perks-band {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.65rem;
margin-top: 0.55rem;
padding-top: 0.55rem;
border-top: 1px dashed rgba(var(--wm-booking-border-rgb), 0.12);
}
.wm-booking-card__perk {
display: inline-flex;
align-items: center;
gap: 0.3rem;
font-size: 0.78rem;
font-weight: 600;
color: var(--wm-ink);
line-height: 1.3;
}
.wm-booking-card__perk::before {
content: "✓";
color: var(--wm-accent);
font-weight: 900;
}
.wm-booking-card__badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.35rem 0.65rem;
border-radius: 10px;
font-size: 0.82rem;
font-weight: 800;
background: var(--wm-booking-badge-bg);
color: var(--wm-booking-badge-text);
border: 1px solid rgba(var(--wm-booking-border-rgb), 0.22);
margin: 0 0 0.85rem;
}
.wm-booking-card__price {
margin: 0 0 1.1rem;
padding: 0.75rem 0.85rem;
border-radius: var(--wm-radius-sm);
background: rgba(var(--wm-accent-rgb), 0.06);
border: 1px dashed rgba(var(--wm-accent-rgb), 0.28);
}
.wm-booking-card__price--discount {
border-style: solid;
border-color: rgba(var(--wm-accent-rgb), 0.22);
border-left: 4px solid var(--wm-accent);
background: linear-gradient(
135deg,
rgba(var(--wm-accent-rgb), 0.1),
rgba(var(--wm-accent-rgb), 0.04)
);
}
.wm-booking-card__price-row {
display: flex;
align-items: baseline;
gap: 0.55rem;
flex-wrap: wrap;
}
.wm-booking-card__was {
font-size: 0.92rem;
font-weight: 600;
color: var(--wm-muted);
text-decoration: line-through !important;
text-decoration-thickness: 2px;
}
.wm-booking-card__now {
font-size: 1.2rem;
font-weight: 800;
color: var(--wm-sale-strong);
}
.wm-booking-card__now--solo {
display: block;
}
.wm-booking-card__unit {
display: block;
margin-top: 0.35rem;
font-size: 0.8rem;
color: var(--wm-muted);
font-weight: 600;
}
.wm-field--participants {
margin-bottom: 0.85rem;
}
.wm-field--participants__heading {
display: block;
font-size: 0.82rem;
font-weight: 600;
margin: 0 0 0.55rem;
color: var(--wm-ink);
letter-spacing: 0.02em;
}
.wm-pax {
display: grid;
gap: 0.5rem;
padding: 0.65rem 0.75rem;
border-radius: var(--wm-radius-sm);
border: 1px solid rgba(var(--wm-accent-rgb), 0.16);
background: rgba(var(--wm-accent-rgb), 0.04);
}
.wm-pax__row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 0.35rem 0;
}
.wm-pax__row + .wm-pax__row {
border-top: 1px solid rgba(var(--wm-accent-rgb), 0.1);
padding-top: 0.65rem;
}
.wm-pax__row--solo {
padding-top: 0;
padding-bottom: 0;
}
.wm-pax__info {
min-width: 0;
flex: 1;
}
.wm-pax__name {
display: block;
font-size: 0.9rem;
font-weight: 600;
color: var(--wm-ink);
line-height: 1.3;
}
.wm-pax__price-hint {
display: block;
margin-top: 0.15rem;
font-size: 0.78rem;
font-weight: 500;
color: var(--wm-muted);
line-height: 1.35;
}
.wm-pax__stepper {
display: inline-flex;
align-items: stretch;
flex-shrink: 0;
border-radius: 999px;
border: 1px solid rgba(var(--wm-accent-rgb), 0.22);
background: var(--wm-paper);
overflow: hidden;
}
.wm-pax__btn {
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
min-height: 2.5rem;
padding: 0;
border: 0;
background: transparent;
color: var(--wm-accent);
font-family: var(--wm-font-body, inherit);
font-size: 1.05rem;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease;
}
.wm-pax__btn + .wm-pax__value,
.wm-pax__value + .wm-pax__btn {
border-inline-start: 1px solid rgba(var(--wm-accent-rgb), 0.16);
}
.wm-pax__btn:hover:not(:disabled) {
background: rgba(var(--wm-accent-rgb), 0.1);
}
.wm-pax__btn:disabled {
opacity: 0.35;
cursor: not-allowed;
}
.wm-pax__value {
display: flex;
align-items: center;
justify-content: center;
min-width: 2.25rem;
padding: 0 0.35rem;
font-size: 0.95rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--wm-ink);
line-height: 1;
}
.wm-pax__select {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.wm-booking-step__back {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0 0 0.85rem;
padding: 0;
border: 0;
background: none;
font: inherit;
font-size: 0.82rem;
font-weight: 600;
color: var(--wm-accent);
cursor: pointer;
text-decoration: underline;
text-underline-offset: 2px;
}
.wm-booking-step__back:hover {
color: var(--wm-accent-hover);
}
.wm-booking-card.is-step-2 .wm-field--options {
display: none;
}
.wm-booking-summary {
margin: 0 0 1rem;
padding: 0.7rem 0.85rem;
border: 1px solid var(--wm-border, #e2e8f0);
border-radius: 10px;
background: var(--wm-surface-muted, #f8fafc);
}
.wm-booking-summary[hidden] {
display: none;
}
.wm-booking-summary__list {
margin: 0;
display: grid;
grid-template-columns: auto 1fr;
gap: 0.35rem 0.75rem;
align-items: baseline;
}
.wm-booking-summary__label {
margin: 0;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--wm-muted, #64748b);
}
.wm-booking-summary__value {
margin: 0;
font-size: 0.9rem;
font-weight: 600;
color: var(--wm-text, #0f172a);
line-height: 1.35;
word-break: break-word;
}
.wm-field--phone .wm-field__label {
display: block;
margin-bottom: 0.35rem;
font-weight: 600;
font-size: 0.9rem;
}
.wm-phone-split {
display: flex;
align-items: stretch;
gap: 0.5rem;
}
.wm-phone-split__cc {
flex: 0 0 clamp(7.5rem, 34%, 9.5rem);
max-width: 42%;
min-width: 0;
padding: 0.65rem 0.45rem;
border: 1px solid var(--wm-border, #e2e8f0);
border-radius: 10px;
background-color: #fff;
font: inherit;
font-size: 0.88rem;
color: var(--wm-text, #0f172a);
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.45rem center;
padding-right: 1.35rem;
}
.wm-phone-split__national {
flex: 1 1 auto;
min-width: 0;
}
.wm-phone-split__cc:focus,
.wm-phone-split__national:focus {
outline: none;
border-color: var(--wm-accent);
box-shadow: 0 0 0 3px rgba(var(--wm-accent-rgb), 0.14);
}
.wm-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.wm-booking-card__perks {
list-style: none;
padding: 0;
margin: 0 0 1rem;
display: grid;
gap: 0.45rem;
}
.wm-booking-card__perks li {
display: flex;
align-items: center;
gap: 0.5rem;
color: var(--wm-ink);
font-weight: 600;
font-size: 0.92rem;
}
.wm-booking-card__perks li::before {
content: "✓";
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(var(--wm-accent-rgb), 0.12);
color: var(--wm-accent);
font-weight: 900;
}
.wm-booking-options {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.wm-booking-options--chips {
flex-direction: row;
gap: 0.45rem;
}
.wm-booking-option {
display: flex;
align-items: center;
gap: 0.65rem;
padding: 0.75rem 0.9rem;
border: 1px solid rgba(var(--wm-accent-rgb), 0.2);
border-radius: var(--wm-radius-sm);
background: var(--wm-paper);
cursor: pointer;
transition: border-color 0.15s, background 0.15s;
}
.wm-booking-option--chip {
flex: 1;
justify-content: center;
padding: 0.55rem 0.65rem;
min-height: 2.5rem;
text-align: center;
}
.wm-booking-option--chip input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.wm-booking-option:has(input:checked) {
border-color: var(--wm-accent);
background: rgba(var(--wm-accent-rgb), 0.06);
}
.wm-booking-option input {
margin: 0;
accent-color: var(--wm-accent);
}
.wm-booking-option__label {
flex: 1;
font-weight: 600;
color: var(--wm-ink);
font-size: 0.88rem;
line-height: 1.25;
}
.wm-booking-option--chip .wm-booking-option__label {
flex: unset;
}
.wm-booking-option__price {
font-size: 0.9rem;
color: var(--wm-accent);
font-weight: 700;
}
.wm-booking-option-select {
width: 100%;
min-height: 2.75rem;
padding: 0.55rem 2.25rem 0.55rem 0.75rem;
border: 1px solid rgba(var(--wm-accent-rgb), 0.22);
border-radius: var(--wm-radius-sm);
background: var(--wm-paper);
font: inherit;
font-size: 0.9rem;
font-weight: 600;
color: var(--wm-ink);
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
background-repeat: no-repeat;
background-position: right 0.75rem center;
}
.wm-booking-option-select:focus {
outline: none;
border-color: var(--wm-accent);
box-shadow: 0 0 0 3px rgba(var(--wm-accent-rgb), 0.14);
}
.wm-field--options {
margin-bottom: 0.75rem;
}
.wm-field--participants {
margin-bottom: 0.65rem;
}
.wm-pax {
padding: 0.55rem 0.65rem;
gap: 0.35rem;
}
.wm-booking-form input[type="date"],
.wm-booking-form input[type="number"] {
appearance: none;
}
.wm-booking-card__title {
margin: 0 0 0.35rem;
font-size: 1.35rem;
}
.wm-booking-card__hint {
margin: 0.2rem 0 0;
font-size: 0.82rem;
color: var(--wm-muted);
line-height: 1.35;
}
.wm-booking-card__head--compact .wm-booking-card__title {
margin: 0;
font-size: 1.2rem;
}
.wm-booking-card__head--compact .wm-booking-card__badge {
margin: 0.55rem 0 0;
}
.wm-booking-form .wm-field {
margin: 0 0 0.95rem;
}
.wm-booking-step[hidden] {
display: none !important;
}
.wm-pax[hidden] {
display: none !important;
}
.wm-pax__price-hint[hidden] {
display: none !important;
}
.wm-select-icon {
position: relative;
display: block;
} .wm-select-icon::before {
content: none !important;
}
.wm-booking-form .wm-field { position: relative; }
.wm-booking-form .wm-field__icon {
position: absolute;
left: 0.95rem;
bottom: 0.78rem;
width: 18px;
height: 18px;
color: var(--wm-accent);
pointer-events: none;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wm-booking-form .wm-field__icon svg { width: 18px; height: 18px; display: block; } .wm-date-trigger {
display: flex;
align-items: center;
gap: 0.6rem;
width: 100%;
box-sizing: border-box;
padding: 0.7rem 0.9rem 0.7rem 2.85rem;
border-radius: 11px;
border: 1px solid rgba(var(--wm-booking-border-rgb), 0.18);
background: #fff;
font: inherit;
color: var(--wm-ink);
cursor: pointer;
text-align: left;
position: relative;
min-height: 44px;
transition: border-color .15s ease, box-shadow .15s ease;
}
.wm-date-trigger:hover { border-color: rgba(var(--wm-accent-rgb), 0.45); }
.wm-date-trigger:focus { outline: 2px solid rgba(var(--wm-accent-rgb), 0.32); border-color: rgba(var(--wm-accent-rgb), 0.5); }
.wm-date-trigger__icon {
position: absolute;
left: 0.95rem;
top: 50%;
transform: translateY(-50%);
color: var(--wm-accent);
display: inline-flex;
}
.wm-date-trigger__icon svg { width: 18px; height: 18px; display: block; }
.wm-date-trigger__value {
flex: 1;
color: var(--wm-muted);
font-weight: 600;
}
.wm-date-trigger__value--filled { color: var(--wm-ink); }
.wm-date-trigger__caret {
color: var(--wm-muted);
font-size: 0.9rem;
opacity: .7;
} .wm-total {
display: flex;
align-items: center;
gap: 0.6rem;
flex-wrap: wrap;
margin: 0.4rem 0 0.85rem;
padding: 0.65rem 0.85rem;
border-radius: 12px;
background: linear-gradient(135deg, rgba(16, 185, 129, 0.10), rgba(var(--wm-accent-rgb), 0.08));
border: 1px solid rgba(var(--wm-accent-rgb), 0.18);
}
.wm-total__label {
font-size: 0.85rem;
color: var(--wm-muted);
font-weight: 700;
letter-spacing: 0.02em;
}
.wm-total__amounts {
margin-left: auto;
display: inline-flex;
align-items: baseline;
gap: 0.5rem;
flex-wrap: wrap;
}
.wm-total__was {
color: var(--wm-muted);
text-decoration: line-through;
text-decoration-thickness: 2px;
font-weight: 600;
font-size: 0.95rem;
}
.wm-total__now {
color: var(--wm-sale-strong, #0f766e);
font-size: 1.15rem;
font-weight: 800;
}
.wm-total--discount .wm-total__now { color: var(--wm-accent); } .wm-cal {
position: relative;
z-index: 60;
}
.wm-cal__backdrop {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, 0.5);
opacity: 0;
pointer-events: none;
transition: opacity 0.18s ease;
z-index: 50;
}
.wm-cal__panel {
position: absolute;
left: 0;
right: auto;
top: 6px;
width: min(360px, 92vw);
background: #fff;
border: 1px solid rgba(var(--wm-booking-border-rgb), 0.16);
border-radius: 18px;
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
padding: 14px 14px 12px;
z-index: 60;
}
.wm-cal__head {
display: grid;
grid-template-columns: auto 1fr auto auto;
align-items: center;
gap: 6px;
margin-bottom: 8px;
}
.wm-cal__title {
font-weight: 800;
color: var(--wm-ink);
text-align: center;
font-size: 1rem;
letter-spacing: 0.01em;
}
.wm-cal__nav,
.wm-cal__close {
width: 34px;
height: 34px;
border-radius: 10px;
border: 1px solid rgba(var(--wm-booking-border-rgb), 0.16);
background: #fff;
color: var(--wm-ink);
font-size: 1.05rem;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background .15s ease, border-color .15s ease;
}
.wm-cal__nav:hover,
.wm-cal__close:hover { background: rgba(14,165,233,0.08); border-color: rgba(14,165,233,0.3); }
.wm-cal__close { margin-left: 4px; }
.wm-cal__weekdays {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 2px;
margin: 2px 2px 6px;
color: var(--wm-muted);
font-size: 0.78rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.04em;
}
.wm-cal__grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 2px;
}
.wm-cal__day {
all: unset;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
min-width: 0;
border-radius: 10px;
font-weight: 600;
color: var(--wm-ink);
cursor: pointer;
font-variant-numeric: tabular-nums;
transition: background .12s ease, color .12s ease, transform .08s ease;
}
.wm-cal__day:hover:not(.wm-cal__day--disabled) {
background: rgba(var(--wm-accent-rgb), 0.12);
color: var(--wm-accent);
}
.wm-cal__day:focus-visible {
outline: 2px solid rgba(var(--wm-accent-rgb), 0.55);
outline-offset: 1px;
}
.wm-cal__day--out { color: rgba(var(--wm-booking-border-rgb), 0.45); font-weight: 500; }
.wm-cal__day--past { color: rgba(var(--wm-booking-border-rgb), 0.35); }
.wm-cal__day--disabled { cursor: not-allowed; color: rgba(var(--wm-booking-border-rgb), 0.35); }
.wm-cal__day--disabled:hover { background: transparent; color: rgba(var(--wm-booking-border-rgb), 0.35); }
.wm-cal__day--avail { color: var(--wm-ink); }
.wm-cal__day--today { box-shadow: inset 0 0 0 1px rgba(var(--wm-accent-rgb), 0.45); }
.wm-cal__day--selected,
.wm-cal__day--selected:hover {
background: linear-gradient(135deg, rgba(var(--wm-accent-rgb), 0.18) 0%, rgba(var(--wm-accent-rgb), 0.06) 100%);
color: #fff;
transform: translateZ(0);
}
.wm-cal__foot {
display: flex;
gap: 8px;
margin-top: 10px;
padding-top: 8px;
border-top: 1px dashed rgba(var(--wm-booking-border-rgb), 0.18);
}
.wm-cal__today,
.wm-cal__done {
border: 0;
background: transparent;
color: var(--wm-accent);
font-weight: 700;
cursor: pointer;
padding: 6px 10px;
border-radius: 8px;
}
.wm-cal__today:hover,
.wm-cal__done:hover { background: rgba(var(--wm-accent-rgb), 0.10); }
.wm-cal__done { margin-left: auto; } @media (min-width: 901px) {
body.wm-event-single .wm-font-scope .wm-booking-card {
overflow: visible;
}
.wm-field--date {
position: relative;
z-index: 2;
overflow: visible;
}
.wm-field--date .wm-cal {
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 70;
width: 100%;
}
.wm-field--date .wm-cal__panel {
position: absolute;
left: 0;
top: 8px;
z-index: 70;
width: min(360px, 100%);
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.2);
}
.wm-cal__backdrop {
display: none;
}
.wm-cal__close {
display: none;
}
} @media (max-width: 900px) {
html.wm-cal-open, html.wm-cal-open body { overflow: hidden; }
.wm-cal { position: fixed; inset: 0; z-index: 1000; }
.wm-cal__backdrop { opacity: 1; pointer-events: auto; }
.wm-cal__panel {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(420px, 96vw);
max-height: 92vh;
overflow: auto;
}
.wm-cal__day { height: 44px; }
}
.wm-booking-form label {
display: block;
font-size: 0.82rem;
font-weight: 600;
margin-bottom: 0.3rem;
color: var(--wm-ink);
letter-spacing: 0.02em;
}
.wm-booking-form input,
.wm-booking-form select {
width: 100%;
box-sizing: border-box;
padding: 0.62rem 0.72rem;
border-radius: 11px;
border: 1px solid rgba(var(--wm-booking-border-rgb), 0.18);
font: inherit;
background: #fff;
}
.wm-select-icon input,
.wm-select-icon select {
padding-left: 2.85rem;
}
.wm-booking-form input:focus,
.wm-booking-form select:focus {
outline: 2px solid rgba(var(--wm-accent-rgb), 0.28);
border-color: rgba(var(--wm-accent-rgb), 0.45);
}
.wm-field--submit {
margin-top: 1.1rem;
}
.wm-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
border: 0;
border-radius: 12px;
padding: 0.82rem 1rem;
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: background 0.15s ease, transform 0.1s ease;
width: 100%;
box-sizing: border-box;
font-family: var(--wm-font-body);
}
.wm-btn--primary {
background: linear-gradient(135deg, rgba(var(--wm-accent-rgb), 0.18) 0%, rgba(var(--wm-accent-rgb), 0.06) 100%);
color: #ffffff;
box-shadow: 0 10px 28px rgba(var(--wm-accent-rgb), 0.38);
}
.wm-btn--primary:hover:not(:disabled) {
background: linear-gradient(135deg, var(--wm-accent-hover) 0%, #5c2626 100%);
box-shadow: 0 12px 32px rgba(var(--wm-accent-rgb), 0.45);
}
.wm-btn--primary:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.wm-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.wm-form-message {
min-height: 1.25rem;
font-size: 0.92rem;
margin: 0.85rem 0 0;
}
.wm-form-message--ok {
color: #3f6f4a;
}
.wm-form-message--error {
color: #8a2f2f;
}
.wm-notice {
margin: 0;
color: var(--wm-muted);
font-size: 0.96rem;
} .wm-grid {
display: grid;
gap: 1.75rem;
margin: 1.75rem 0;
}
.wm-grid--cols-1 {
grid-template-columns: 1fr;
}
.wm-grid--cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wm-grid--cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wm-grid--cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wm-catalog {
--wm-catalog-ui-accent: var(--wm-catalog-accent, #BA9047);
--wm-catalog-ui-accent-rgb: var(--wm-catalog-accent-rgb, 186, 144, 71);
--wm-catalog-ui-accent-hover: var(--wm-catalog-accent-hover, #a37f3e);
--wm-catalog-ui-chip-bg: var(--wm-catalog-chip-bg, #f4f6f8);
--wm-catalog-ui-chip-border: var(--wm-catalog-chip-border, #e2e8f0);
--wm-catalog-ui-chip-text: var(--wm-catalog-chip-text, #1c1412);
--wm-catalog-ui-chip-active-bg: var(--wm-catalog-chip-active-bg, rgba(186, 144, 71, 0.12));
--wm-catalog-ui-chip-active-text: var(--wm-catalog-chip-active-text, #BA9047);
--wm-catalog-ui-chip-active-border: var(--wm-catalog-chip-active-border, #BA9047);
margin: 1.75rem 0;
}
.wm-catalog__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
margin: 0 0 1.5rem;
flex-wrap: wrap;
}
.wm-catalog__toolbar .wm-catalog__tabs {
flex: 1;
min-width: 0;
margin: 0;
}
.wm-catalog__filter-toggle {
display: inline-flex;
align-items: center;
gap: 0.45rem;
flex-shrink: 0;
appearance: none;
border: 1px solid rgba(28, 20, 18, 0.12);
background: #fff;
color: var(--wm-ink-soft, #4a3f3c);
border-radius: 999px;
padding: 0.5rem 1rem;
font: inherit;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
box-shadow: 0 2px 8px rgba(28, 20, 18, 0.04);
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.wm-catalog__filter-toggle:hover {
background: #f5f3f0;
border-color: rgba(28, 20, 18, 0.18);
}
.wm-catalog__filter-toggle.is-active {
background: var(--wm-catalog-ui-accent);
border-color: var(--wm-catalog-ui-accent);
color: #fff;
box-shadow: 0 4px 14px rgba(var(--wm-catalog-ui-accent-rgb), 0.22);
}
.wm-catalog__filter-toggle .wm-fico--filter {
display: block;
}
.wm-catalog__filters {
margin: 0 0 1.5rem;
padding: 0;
background: #fff;
border: 1px solid rgba(28, 20, 18, 0.1);
border-radius: var(--wm-radius, 16px);
box-shadow: 0 4px 24px rgba(28, 20, 18, 0.06);
overflow: hidden;
}
.wm-catalog__filters-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1rem 1.25rem;
border-bottom: 1px solid rgba(28, 20, 18, 0.08);
}
.wm-catalog__filters-title {
margin: 0;
font-family: var(--wm-font-display, Georgia, serif);
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
color: var(--wm-ink, #1c1412);
letter-spacing: -0.01em;
}
.wm-catalog__filters-close {
appearance: none;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
padding: 0;
border: 1px solid rgba(28, 20, 18, 0.1);
border-radius: 999px;
background: #fff;
color: var(--wm-muted, #6b5f5c);
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.wm-catalog__filters-close:hover {
background: #f5f3f0;
color: var(--wm-ink, #1c1412);
border-color: rgba(28, 20, 18, 0.16);
}
.wm-catalog__filters-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem 1.5rem;
padding: 1.25rem;
}
.wm-catalog__filter-group {
margin: 0;
padding: 0;
border: 0;
min-width: 0;
}
.wm-catalog__filter-group--price {
grid-column: 1 / -1;
}
.wm-catalog__filter-label {
display: block;
margin: 0 0 0.55rem;
font-size: 0.8125rem;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
color: var(--wm-ink, #1c1412);
}
.wm-catalog__filter-row {
display: flex;
gap: 0.75rem;
max-width: 28rem;
}
.wm-catalog__filter-field {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.wm-catalog__filter-hint {
font-size: 0.75rem;
font-weight: 500;
color: var(--wm-muted, #6b5f5c);
}
.wm-catalog__filter-input,
.wm-catalog__filter-select {
width: 100%;
padding: 0.55rem 0.7rem;
font: inherit;
font-size: 0.875rem;
color: var(--wm-ink, #1c1412);
background: #fff;
border: 1px solid #e8e4df;
border-radius: 8px;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.wm-catalog__filter-input:focus,
.wm-catalog__filter-select:focus {
outline: none;
border-color: rgba(28, 20, 18, 0.28);
box-shadow: 0 0 0 3px rgba(28, 20, 18, 0.06);
}
.wm-catalog__filter-checks {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0.5rem;
}
.wm-catalog__filter-check {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.8rem;
font-size: 0.8125rem;
font-weight: 500;
color: var(--wm-ink-soft, #4a3f3c);
background: #fff;
border: 1px solid #e8e4df;
border-radius: 999px;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.wm-catalog__filter-check:hover {
background: #f5f3f0;
border-color: rgba(28, 20, 18, 0.16);
}
.wm-catalog__filter-check:has(input:checked) {
border-color: var(--wm-catalog-ui-accent);
background: #fff;
color: var(--wm-ink, #1c1412);
}
.wm-catalog__filter-check input {
accent-color: var(--wm-catalog-ui-accent);
margin: 0;
}
.wm-catalog__filters-actions {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 0.5rem;
padding-top: 1rem;
margin-top: 0.25rem;
border-top: 1px solid rgba(28, 20, 18, 0.08);
}
.wm-catalog__filter-apply {
appearance: none;
border: none;
background: var(--wm-catalog-ui-accent);
color: #fffdf8;
border-radius: 999px;
padding: 0.55rem 1.35rem;
font: inherit;
font-size: 0.88rem;
font-weight: 700;
cursor: pointer;
transition: background 0.15s ease;
}
.wm-catalog__filter-apply:hover {
background: var(--wm-catalog-ui-accent-hover);
}
.wm-catalog__filter-reset {
appearance: none;
display: inline-block;
text-decoration: none;
text-align: center;
border: 1px solid rgba(28, 20, 18, 0.12);
background: #fff;
color: var(--wm-ink-soft, #4a3f3c);
border-radius: 999px;
padding: 0.55rem 1.35rem;
font: inherit;
font-size: 0.88rem;
font-weight: 600;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease;
}
.wm-catalog__filter-reset:hover {
background: #f5f3f0;
border-color: rgba(28, 20, 18, 0.18);
}
.wm-catalog__tabs {
display: flex;
flex-wrap: nowrap;
gap: 0.4rem;
margin: 0 0 1.5rem;
padding: 0.4rem;
background: #fff;
border: 1px solid rgba(28, 20, 18, 0.1);
border-radius: 999px;
box-shadow: 0 2px 12px rgba(28, 20, 18, 0.04);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
mask-image: linear-gradient(to right, transparent, #000 12px, #000 calc(100% - 12px), transparent);
}
.wm-catalog__tabs::-webkit-scrollbar {
display: none;
}
.wm-catalog__tab {
appearance: none;
flex-shrink: 0;
border: 1px solid transparent;
background: transparent;
color: var(--wm-ink-soft, #4a3f3c);
border-radius: 999px;
padding: 0.5rem 1.05rem;
font: inherit;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.wm-catalog__tab:hover {
background: #f5f3f0;
border-color: rgba(28, 20, 18, 0.08);
}
.wm-catalog__tab.is-active {
background: var(--wm-catalog-ui-accent);
border-color: var(--wm-catalog-ui-accent);
color: #fff;
box-shadow: 0 4px 14px rgba(var(--wm-catalog-ui-accent-rgb), 0.28);
}
.wm-catalog .wm-grid {
margin-top: 0;
}
.wm-catalog__empty {
margin: 1.5rem 0 0;
padding: 1.25rem;
text-align: center;
font-size: 0.95rem;
color: var(--wm-muted, #6b5f5c);
background: #fff;
border: 1px solid rgba(28, 20, 18, 0.1);
border-radius: var(--wm-radius-sm, 12px);
box-shadow: 0 2px 12px rgba(28, 20, 18, 0.04);
}
.wm-card[hidden] {
display: none !important;
} body.wm-catalog-page .site-content,
body.wm-catalog-page #content.site-content {
background-color: var(--wm-bg, #faf7f6);
background-image:
linear-gradient(var(--wm-catalog-marble-page-overlay, rgba(250, 247, 246, 0.88)), var(--wm-catalog-marble-page-overlay, rgba(250, 247, 246, 0.88))),
var(--wm-catalog-marble-page-image, url(https://atolyepasa.com/wp-content/uploads/2026/06/mermer2.webp));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.wm-catalog-page-wrap {
--wm-catalog-pad: 1.25rem;
box-sizing: border-box;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0.35rem var(--wm-catalog-pad) 2.5rem;
}
body.wm-catalog-page #primary.wm-catalog-page-wrap,
body.wm-catalog-page main.wm-catalog-page-wrap {
margin-left: auto !important;
margin-right: auto !important;
}
body.wm-catalog-page:has(#pss-header) .site-content > .ast-container {
width: 100%;
max-width: none;
}
.wm-catalog-page-wrap.site-main {
margin-top: 0;
padding-top: 0.35rem;
}
body.wm-catalog-page:has(#pss-header) .wm-catalog-page-wrap {
padding-top: 0.35rem;
margin-top: 0;
}
body.wm-catalog-page:has(#pss-header) .wm-catalog--page .wm-catalog__header {
margin-top: 0;
}
body.wm-catalog-sheet-open {
overflow: hidden;
}
.wm-catalog--page, .wm-catalog--embed {
display: block;
} .wm-catalog--page .wm-catalog__header, .wm-catalog--embed .wm-catalog__header {
margin-left: 0;
margin-right: 0;
margin-bottom: 0.75rem;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
overflow: visible;
}
.wm-catalog--embed .wm-catalog__header--panel {
background: var(--wm-catalog-embed-header-bg);
border: 1px solid rgba(28, 20, 18, 0.08);
border-radius: var(--wm-radius-sm, 12px);
padding: 0.85rem 1rem 0;
box-shadow: 0 2px 12px rgba(28, 20, 18, 0.04);
margin-top: 0;
}
.wm-catalog--page .wm-catalog__header--panel {
background: var(--wm-catalog-page-header-bg);
border: 1px solid rgba(28, 20, 18, 0.08);
border-radius: var(--wm-radius-sm, 12px);
padding: 0.85rem 1rem 0;
box-shadow: 0 2px 12px rgba(28, 20, 18, 0.04);
}
.wm-catalog--page .wm-catalog__header--panel .wm-catalog__chip-bar-fade {
background: linear-gradient(to right, rgba(250, 247, 246, 0), var(--wm-catalog-page-header-bg) 72%);
}
.wm-catalog--embed .wm-catalog__header--panel .wm-catalog__chip-bar-fade {
background: linear-gradient(to right, rgba(250, 247, 246, 0), var(--wm-catalog-embed-header-bg) 72%);
} .wm-catalog--page .wm-catalog__chip-bar,
.wm-catalog--embed .wm-catalog__chip-bar {
position: relative;
display: block;
padding: 0.15rem 0 0.65rem;
}
.wm-catalog--page .wm-catalog__chip-bar-inner,
.wm-catalog--embed .wm-catalog__chip-bar-inner {
display: flex;
align-items: center;
gap: 0.5rem;
min-width: 0;
}
.wm-catalog--page .wm-catalog__chip-bar-scroll,
.wm-catalog--embed .wm-catalog__chip-bar-scroll {
flex: 1;
min-width: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
mask-image: linear-gradient(to right, #000 calc(100% - 2.5rem), transparent);
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 2.5rem), transparent);
}
.wm-catalog--page .wm-catalog__chip-bar-scroll::-webkit-scrollbar,
.wm-catalog--embed .wm-catalog__chip-bar-scroll::-webkit-scrollbar {
display: none;
}
.wm-catalog--page .wm-catalog__chip-bar-fade,
.wm-catalog--embed .wm-catalog__chip-bar-fade {
position: absolute;
top: 0.15rem;
right: 0;
bottom: 0.65rem;
width: 2.75rem;
pointer-events: none;
background: linear-gradient(to right, rgba(250, 247, 246, 0), var(--wm-bg, #faf7f6) 72%);
opacity: 0;
transition: opacity 0.2s ease;
}
.wm-catalog--page .wm-catalog__chip-bar.is-scrollable .wm-catalog__chip-bar-fade,
.wm-catalog--embed .wm-catalog__chip-bar.is-scrollable .wm-catalog__chip-bar-fade {
opacity: 1;
}
.wm-catalog--page .wm-catalog__tabs--strip,
.wm-catalog--embed .wm-catalog__tabs--strip {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0.5rem;
width: max-content;
min-width: 100%;
padding: 0;
margin: 0;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
mask-image: none;
}
.wm-catalog--page .wm-catalog__tabs--strip::-webkit-scrollbar,
.wm-catalog--embed .wm-catalog__tabs--strip::-webkit-scrollbar {
display: none;
}
.wm-catalog--page .wm-catalog__tab.wm-catalog__chip,
.wm-catalog--embed .wm-catalog__tab.wm-catalog__chip,
.wm-catalog--page .wm-catalog__filter-open.wm-catalog__chip,
.wm-catalog--embed .wm-catalog__filter-open.wm-catalog__chip {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
gap: 0.4rem;
padding: 0.55rem 1rem;
min-height: 2.5rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
text-decoration: none;
color: var(--wm-catalog-ui-chip-text);
background: var(--wm-catalog-ui-chip-bg);
border: 1px solid var(--wm-catalog-ui-chip-border);
border-radius: 999px;
box-shadow: none;
cursor: pointer;
white-space: nowrap;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.wm-catalog--page .wm-catalog__tab.wm-catalog__chip:hover,
.wm-catalog--embed .wm-catalog__tab.wm-catalog__chip:hover,
.wm-catalog--page .wm-catalog__filter-open.wm-catalog__chip:hover,
.wm-catalog--embed .wm-catalog__filter-open.wm-catalog__chip:hover {
background: #fff;
border-color: rgba(var(--wm-catalog-ui-accent-rgb), 0.35);
color: var(--wm-catalog-ui-chip-text);
}
.wm-catalog--page .wm-catalog__tab.wm-catalog__chip.is-active,
.wm-catalog--embed .wm-catalog__tab.wm-catalog__chip.is-active,
.wm-catalog--page .wm-catalog__filter-open.wm-catalog__chip.is-active,
.wm-catalog--embed .wm-catalog__filter-open.wm-catalog__chip.is-active {
background: var(--wm-catalog-ui-chip-active-bg);
border-color: var(--wm-catalog-ui-chip-active-border);
color: var(--wm-catalog-ui-chip-active-text);
box-shadow: 0 1px 0 rgba(var(--wm-catalog-ui-accent-rgb), 0.08);
}
.wm-catalog--page .wm-catalog__filter-open.wm-catalog__chip--icon-only,
.wm-catalog--embed .wm-catalog__filter-open.wm-catalog__chip--icon-only {
justify-content: center;
gap: 0;
min-width: 2.5rem;
padding: 0.55rem;
}
.wm-catalog--page .wm-catalog__filter-open--page-mobile {
display: none;
}
@media (max-width: 960px) {
.wm-catalog--page .wm-catalog__filter-open--page-mobile {
display: inline-flex;
}
} .wm-catalog--page .wm-catalog__toolbar--page, .wm-catalog--embed .wm-catalog__toolbar--page {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
padding: 0.65rem 0 0;
background: transparent;
border: none;
border-top: 1px solid rgba(28, 20, 18, 0.08);
border-radius: 0;
}
.wm-catalog--page .wm-catalog__filter-open:not(.wm-catalog__chip), .wm-catalog--embed .wm-catalog__filter-open:not(.wm-catalog__chip) {
display: none;
align-items: center;
gap: 0.45rem;
flex-shrink: 0;
appearance: none;
border: 1px solid rgba(28, 20, 18, 0.12);
background: #fff;
color: var(--wm-ink-soft, #4a3f3c);
border-radius: 10px;
padding: 0.5rem 0.85rem;
font: inherit;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
white-space: nowrap;
}
.wm-catalog--page .wm-catalog__sort-form, .wm-catalog--embed .wm-catalog__sort-form {
flex: 1;
min-width: 0;
margin: 0;
}
.wm-catalog--page .wm-catalog__sort-label, .wm-catalog--embed .wm-catalog__sort-label {
display: flex;
align-items: center;
gap: 0.4rem;
margin: 0;
width: 100%;
font-size: 0.875rem;
color: var(--wm-ink-soft, #4a3f3c);
}
.wm-catalog--page .wm-catalog__sort-select, .wm-catalog--embed .wm-catalog__sort-select {
flex: 1;
min-width: 0;
width: 100%;
}
.wm-catalog--page .wm-catalog__view-toggle, .wm-catalog--embed .wm-catalog__view-toggle {
display: inline-flex;
flex-shrink: 0;
gap: 0.35rem;
} .wm-catalog--page .wm-catalog__layout {
display: grid;
grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
gap: 1.25rem;
align-items: start;
}
.wm-catalog--page .wm-catalog__sidebar {
position: sticky;
top: calc(var(--wm-site-header-offset, 0px) + var(--wm-admin-bar, 0px) + 1rem);
} .wm-catalog--page .wm-catalog__sheet-backdrop {
display: none;
}
.wm-catalog--page .wm-catalog__sheet-head {
display: none;
} .wm-catalog--page .wm-catalog__filters--sidebar {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
overflow: hidden;
position: static;
background: #fff;
border: 1px solid rgba(28, 20, 18, 0.1);
border-radius: var(--wm-radius-sm, 12px);
box-shadow: 0 2px 12px rgba(28, 20, 18, 0.04);
}
.wm-catalog--page .wm-catalog__filters-scroll, .wm-catalog--embed .wm-catalog__filters-scroll {
padding: 1rem;
overflow: visible;
}
.wm-catalog--page .wm-catalog__filters-inner, .wm-catalog--embed .wm-catalog__filters-inner {
display: flex;
flex-direction: column;
gap: 0;
}
.wm-catalog--page .wm-catalog__filter-group, .wm-catalog--embed .wm-catalog__filter-group {
margin: 0;
padding: 0 0 0.85rem;
border: 0;
border-bottom: 1px solid rgba(28, 20, 18, 0.06);
min-width: 0;
}
.wm-catalog--page .wm-catalog__filter-group:last-child, .wm-catalog--embed .wm-catalog__filter-group:last-child {
padding-bottom: 0;
border-bottom: none;
}
.wm-catalog--page .wm-catalog__filter-label, .wm-catalog--embed .wm-catalog__filter-label {
margin: 0 0 0.4rem;
font-size: 0.8125rem;
font-weight: 600;
color: var(--wm-ink, #1c1412);
}
.wm-catalog--page .wm-catalog__filter-row, .wm-catalog--embed .wm-catalog__filter-row {
display: flex;
gap: 0.5rem;
max-width: none;
}
.wm-catalog--page .wm-catalog__filter-field, .wm-catalog--embed .wm-catalog__filter-field {
gap: 0.25rem;
}
.wm-catalog--page .wm-catalog__filter-hint, .wm-catalog--embed .wm-catalog__filter-hint {
font-size: 0.72rem;
}
.wm-catalog--page .wm-catalog__filter-input,
.wm-catalog--embed .wm-catalog__filter-input,
.wm-catalog--page .wm-catalog__filter-select, .wm-catalog--embed .wm-catalog__filter-select {
min-height: 38px;
box-sizing: border-box;
padding: 0.45rem 0.65rem;
font-size: 0.875rem;
}
.wm-catalog--page input[type="date"].wm-catalog__filter-input,
.wm-catalog--embed input[type="date"].wm-catalog__filter-input {
color-scheme: light;
color: var(--wm-ink, #1c1412);
}
.wm-catalog--page input[type="number"].wm-catalog__filter-input,
.wm-catalog--embed input[type="number"].wm-catalog__filter-input {
-moz-appearance: textfield;
appearance: textfield;
}
.wm-catalog--page input[type="number"].wm-catalog__filter-input::-webkit-outer-spin-button,
.wm-catalog--embed input[type="number"].wm-catalog__filter-input::-webkit-outer-spin-button,
.wm-catalog--page input[type="number"].wm-catalog__filter-input::-webkit-inner-spin-button,
.wm-catalog--embed input[type="number"].wm-catalog__filter-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wm-catalog--page .wm-catalog__date-presets, .wm-catalog--embed .wm-catalog__date-presets {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
margin-top: 0.4rem;
}
.wm-catalog--page .wm-catalog__date-preset, .wm-catalog--embed .wm-catalog__date-preset {
appearance: none;
font: inherit;
font-weight: 600;
font-size: 0.78rem;
line-height: 1.2;
border: 1px solid rgba(28, 20, 18, 0.12);
background: #faf8f5;
color: var(--wm-ink-soft, #4a3f3c);
border-radius: 999px;
padding: 0.3rem 0.65rem;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.wm-catalog--page .wm-catalog__date-preset:hover,
.wm-catalog--embed .wm-catalog__date-preset:hover,
.wm-catalog--page .wm-catalog__date-preset.is-active, .wm-catalog--embed .wm-catalog__date-preset.is-active {
border-color: var(--wm-catalog-ui-accent);
background: rgba(var(--wm-catalog-ui-accent-rgb), 0.08);
color: var(--wm-catalog-ui-accent);
}
.wm-catalog--page .wm-catalog__price-range, .wm-catalog--embed .wm-catalog__price-range {
margin-bottom: 0.65rem;
}
.wm-catalog--page .wm-catalog__price-range-labels, .wm-catalog--embed .wm-catalog__price-range-labels {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.35rem;
font-size: 0.78rem;
font-weight: 700;
color: var(--wm-catalog-ui-accent);
line-height: 1.2;
}
.wm-catalog--page .wm-catalog__price-range-sliders, .wm-catalog--embed .wm-catalog__price-range-sliders {
position: relative;
height: 28px;
margin: 0.15rem 0 0.35rem;
}
.wm-catalog--page .wm-catalog__price-range-track, .wm-catalog--embed .wm-catalog__price-range-track {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 3px;
transform: translateY(-50%);
border-radius: 999px;
background: rgba(28, 20, 18, 0.1);
pointer-events: none;
}
.wm-catalog--page .wm-catalog__price-range-fill, .wm-catalog--embed .wm-catalog__price-range-fill {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: inherit;
background: var(--wm-catalog-ui-accent);
}
.wm-catalog--page .wm-catalog__price-range-input, .wm-catalog--embed .wm-catalog__price-range-input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 28px;
margin: 0;
padding: 0;
background: none;
pointer-events: none;
-webkit-appearance: none;
appearance: none;
outline: none;
border: none;
box-shadow: none;
}
.wm-catalog--page .wm-catalog__price-range-input:focus, .wm-catalog--embed .wm-catalog__price-range-input:focus {
outline: none;
box-shadow: none;
}
.wm-catalog--page .wm-catalog__price-range-sliders:focus-within, .wm-catalog--embed .wm-catalog__price-range-sliders:focus-within {
outline: none;
}
.wm-catalog--page .wm-catalog__price-range-input::-webkit-slider-runnable-track, .wm-catalog--embed .wm-catalog__price-range-input::-webkit-slider-runnable-track {
height: 3px;
background: transparent;
border: none;
}
.wm-catalog--page .wm-catalog__price-range-input::-moz-range-track, .wm-catalog--embed .wm-catalog__price-range-input::-moz-range-track {
height: 3px;
background: transparent;
border: none;
}
.wm-catalog--page .wm-catalog__price-range-input::-webkit-slider-thumb, .wm-catalog--embed .wm-catalog__price-range-input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
margin-top: -6.5px;
border: 2px solid #fff;
border-radius: 50%;
background: var(--wm-catalog-ui-accent);
box-shadow: 0 1px 4px rgba(28, 20, 18, 0.18);
cursor: pointer;
pointer-events: auto;
outline: none;
}
.wm-catalog--page .wm-catalog__price-range-input:focus::-webkit-slider-thumb, .wm-catalog--embed .wm-catalog__price-range-input:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 2px rgba(var(--wm-catalog-ui-accent-rgb), 0.25);
}
.wm-catalog--page .wm-catalog__price-range-input::-moz-range-thumb, .wm-catalog--embed .wm-catalog__price-range-input::-moz-range-thumb {
width: 16px;
height: 16px;
border: 2px solid #fff;
border-radius: 50%;
background: var(--wm-catalog-ui-accent);
box-shadow: 0 1px 4px rgba(28, 20, 18, 0.18);
cursor: pointer;
pointer-events: auto;
outline: none;
}
.wm-catalog--page .wm-catalog__price-range-input::-moz-focus-outer, .wm-catalog--embed .wm-catalog__price-range-input::-moz-focus-outer {
border: 0;
}
.wm-catalog--page .wm-catalog__price-range-input--max, .wm-catalog--embed .wm-catalog__price-range-input--max {
z-index: 2;
}
.wm-catalog--page .wm-catalog__price-range-input--min, .wm-catalog--embed .wm-catalog__price-range-input--min {
z-index: 3;
}
.wm-catalog--page .wm-catalog__filter-checks--rows, .wm-catalog--embed .wm-catalog__filter-checks--rows {
display: flex;
flex-direction: column;
gap: 0;
border: 1px solid rgba(28, 20, 18, 0.08);
border-radius: 8px;
overflow: hidden;
}
.wm-catalog--page .wm-catalog__filter-check--row, .wm-catalog--embed .wm-catalog__filter-check--row {
display: flex;
align-items: center;
gap: 0.55rem;
width: 100%;
padding: 0.5rem 0.65rem;
margin: 0;
font-size: 0.8125rem;
font-weight: 500;
color: var(--wm-ink-soft, #4a3f3c);
background: #fff;
border: none;
border-bottom: 1px solid rgba(28, 20, 18, 0.06);
border-radius: 0;
cursor: pointer;
transition: background 0.15s ease;
}
.wm-catalog--page .wm-catalog__filter-check--row:last-child, .wm-catalog--embed .wm-catalog__filter-check--row:last-child {
border-bottom: none;
}
.wm-catalog--page .wm-catalog__filter-check--row:hover, .wm-catalog--embed .wm-catalog__filter-check--row:hover {
background: #faf8f5;
}
.wm-catalog--page .wm-catalog__filter-check--row:has(input:checked), .wm-catalog--embed .wm-catalog__filter-check--row:has(input:checked) {
background: rgba(var(--wm-catalog-ui-accent-rgb), 0.06);
color: var(--wm-ink, #1c1412);
}
.wm-catalog--page .wm-catalog__filter-check--row input[type="checkbox"], .wm-catalog--embed .wm-catalog__filter-check--row input[type="checkbox"] {
width: 15px;
height: 15px;
flex-shrink: 0;
margin: 0;
accent-color: var(--wm-catalog-ui-accent);
}
.wm-catalog--page .wm-catalog__filters-actions, .wm-catalog--embed .wm-catalog__filters-actions {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
padding: 0.85rem 1rem;
margin: 0;
border-top: 1px solid rgba(28, 20, 18, 0.08);
background: #faf8f5;
}
.wm-catalog--page .wm-catalog__filter-apply, .wm-catalog--embed .wm-catalog__filter-apply {
flex: 1;
appearance: none;
border: none;
background: var(--wm-catalog-ui-accent);
color: #fffdf8;
border-radius: 999px;
padding: 0.55rem 1rem;
font: inherit;
font-size: 0.875rem;
font-weight: 700;
cursor: pointer;
text-align: center;
transition: background 0.15s ease;
}
.wm-catalog--page .wm-catalog__filter-apply:hover, .wm-catalog--embed .wm-catalog__filter-apply:hover {
background: var(--wm-catalog-ui-accent-hover);
}
.wm-catalog--page .wm-catalog__filter-reset, .wm-catalog--embed .wm-catalog__filter-reset {
flex-shrink: 0;
display: inline-block;
text-decoration: none;
text-align: center;
border: 1px solid rgba(28, 20, 18, 0.12);
background: #fff;
color: var(--wm-ink-soft, #4a3f3c);
border-radius: 999px;
padding: 0.55rem 1rem;
font: inherit;
font-size: 0.875rem;
font-weight: 600;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease;
}
.wm-catalog--page .wm-catalog__filter-reset:hover, .wm-catalog--embed .wm-catalog__filter-reset:hover {
background: #fff;
border-color: rgba(28, 20, 18, 0.2);
} .wm-catalog__view-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid rgba(28, 20, 18, 0.12);
border-radius: 10px;
background: #fff;
color: var(--wm-muted, #6b5f5c);
text-decoration: none;
transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.wm-catalog__view-btn.is-active {
border-color: var(--wm-catalog-ui-accent);
background: rgba(var(--wm-catalog-ui-accent-rgb), 0.08);
color: var(--wm-catalog-ui-accent);
}
.wm-catalog__view-icon {
display: block;
width: 16px;
height: 16px;
position: relative;
}
.wm-catalog__view-icon--grid {
background:
linear-gradient(var(--wm-catalog-ui-accent) 0 0) 0 0 / 6px 6px no-repeat,
linear-gradient(var(--wm-catalog-ui-accent) 0 0) 10px 0 / 6px 6px no-repeat,
linear-gradient(var(--wm-catalog-ui-accent) 0 0) 0 10px / 6px 6px no-repeat,
linear-gradient(var(--wm-catalog-ui-accent) 0 0) 10px 10px / 6px 6px no-repeat;
opacity: 0.55;
}
.wm-catalog__view-btn.is-active .wm-catalog__view-icon--grid {
opacity: 1;
}
.wm-catalog__view-icon--list {
background:
linear-gradient(var(--wm-catalog-ui-accent) 0 0) 0 2px / 16px 3px no-repeat,
linear-gradient(var(--wm-catalog-ui-accent) 0 0) 0 7px / 16px 3px no-repeat,
linear-gradient(var(--wm-catalog-ui-accent) 0 0) 0 12px / 16px 3px no-repeat;
opacity: 0.55;
}
.wm-catalog__view-btn.is-active .wm-catalog__view-icon--list {
opacity: 1;
}
.wm-catalog--page .wm-catalog__pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.35rem;
margin-top: 2rem;
}
.wm-catalog--page .wm-catalog__page-link, .wm-catalog--embed .wm-catalog__page-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.25rem;
height: 2.25rem;
padding: 0 0.65rem;
border-radius: 10px;
border: 1px solid rgba(28, 20, 18, 0.12);
background: #fff;
color: var(--wm-ink-soft, #4a3f3c);
text-decoration: none;
font-size: 0.9rem;
}
.wm-catalog--page .wm-catalog__page-link:hover, .wm-catalog--embed .wm-catalog__page-link:hover {
border-color: var(--wm-catalog-ui-accent);
color: var(--wm-catalog-ui-accent);
}
.wm-catalog--page .wm-catalog__page-link.is-current, .wm-catalog--embed .wm-catalog__page-link.is-current {
background: var(--wm-catalog-ui-accent);
border-color: var(--wm-catalog-ui-accent);
color: #fff;
}
.wm-catalog--page .wm-catalog__page-ellipsis, .wm-catalog--embed .wm-catalog__page-ellipsis {
padding: 0 0.25rem;
color: var(--wm-muted, #6b5f5c);
} .wm-catalog--page.wm-catalog--list .wm-grid, .wm-catalog--embed.wm-catalog--list .wm-grid {
grid-template-columns: 1fr !important;
gap: 1rem;
}
.wm-catalog--page.wm-catalog--list .wm-card, .wm-catalog--embed.wm-catalog--list .wm-card {
flex-direction: row;
}
.wm-catalog--page.wm-catalog--list .wm-card__media,
.wm-catalog--embed.wm-catalog--list .wm-card__media,
.wm-catalog--page.wm-catalog--list .wm-card__media--slider, .wm-catalog--embed.wm-catalog--list .wm-card__media--slider {
flex: 0 0 min(280px, 38%);
max-width: min(280px, 38%);
min-height: 180px;
}
.wm-catalog--page.wm-catalog--list .wm-card__body, .wm-catalog--embed.wm-catalog--list .wm-card__body {
flex: 1;
padding: 1rem 1.15rem;
}
.wm-catalog--page.wm-catalog--list .wm-card__img,
.wm-catalog--embed.wm-catalog--list .wm-card__img,
.wm-catalog--page.wm-catalog--list .wm-card__img--placeholder, .wm-catalog--embed.wm-catalog--list .wm-card__img--placeholder {
height: 100%;
min-height: 180px;
} @media (max-width: 960px) {
.wm-catalog--page .wm-catalog__layout {
grid-template-columns: 1fr;
gap: 0;
}
.wm-catalog--page .wm-catalog__sidebar {
position: fixed;
inset: 0;
z-index: 1001;
pointer-events: none;
top: auto;
height: 0;
overflow: visible;
}
.wm-catalog--page .wm-catalog__sheet-backdrop, .wm-catalog--embed .wm-catalog__sheet-backdrop {
display: block;
position: fixed;
inset: 0;
z-index: 1000;
background: rgba(28, 20, 18, 0.45);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}
.wm-catalog--page.is-sheet-open .wm-catalog__sheet-backdrop, .wm-catalog--embed.is-sheet-open .wm-catalog__sheet-backdrop {
opacity: 1;
pointer-events: auto;
}
.wm-catalog--page .wm-catalog__filters--sidebar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1002;
display: flex;
flex-direction: column;
max-height: 85vh;
border-radius: 16px 16px 0 0;
border-bottom: none;
transform: translateY(100%);
transition: transform 0.28s ease;
pointer-events: auto;
box-shadow: 0 -8px 32px rgba(28, 20, 18, 0.12);
}
.wm-catalog--page.is-sheet-open .wm-catalog__filters--sidebar {
transform: translateY(0);
}
.wm-catalog--page .wm-catalog__sheet-head, .wm-catalog--embed .wm-catalog__sheet-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
position: relative;
padding: 0.65rem 1rem 0.5rem;
border-bottom: 1px solid rgba(28, 20, 18, 0.06);
flex-shrink: 0;
}
.wm-catalog--page .wm-catalog__sheet-handle, .wm-catalog--embed .wm-catalog__sheet-handle {
position: absolute;
top: 8px;
left: 50%;
transform: translateX(-50%);
width: 36px;
height: 4px;
border-radius: 999px;
background: rgba(28, 20, 18, 0.15);
}
.wm-catalog--page .wm-catalog__sheet-title, .wm-catalog--embed .wm-catalog__sheet-title {
margin: 0.35rem 0 0;
flex: 1;
font-family: var(--wm-font-display, Georgia, serif);
font-size: 1rem;
font-weight: 600;
color: var(--wm-ink, #1c1412);
}
.wm-catalog--page .wm-catalog__sheet-close, .wm-catalog--embed .wm-catalog__sheet-close {
appearance: none;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
padding: 0;
margin-top: 0.35rem;
border: 1px solid rgba(28, 20, 18, 0.1);
border-radius: 999px;
background: #fff;
color: var(--wm-muted, #6b5f5c);
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
}
.wm-catalog--page .wm-catalog__filters-scroll, .wm-catalog--embed .wm-catalog__filters-scroll {
flex: 1;
overflow-y: auto;
padding: 0.85rem 1rem;
-webkit-overflow-scrolling: touch;
}
.wm-catalog--page .wm-catalog__filters-actions, .wm-catalog--embed .wm-catalog__filters-actions {
flex-direction: column;
flex-shrink: 0;
padding: 0.85rem 1rem calc(0.85rem + env(safe-area-inset-bottom, 0px));
}
.wm-catalog--page .wm-catalog__filter-apply,
.wm-catalog--embed .wm-catalog__filter-apply,
.wm-catalog--page .wm-catalog__filter-reset, .wm-catalog--embed .wm-catalog__filter-reset {
width: 100%;
}
.wm-catalog--page.wm-catalog--list .wm-card, .wm-catalog--embed.wm-catalog--list .wm-card {
flex-direction: column;
}
.wm-catalog--page.wm-catalog--list .wm-card__media,
.wm-catalog--embed.wm-catalog--list .wm-card__media,
.wm-catalog--page.wm-catalog--list .wm-card__media--slider, .wm-catalog--embed.wm-catalog--list .wm-card__media--slider {
flex: none;
max-width: none;
width: 100%;
}
} .wm-catalog--embed {
--wm-catalog-pad: 1.25rem;
--wm-catalog-inner-max: 1280px;
position: relative;
display: block;
width: 100%;
max-width: none;
margin-block: 0;
margin-inline: 0;
padding-block: 0.35rem 2.5rem;
padding-inline: 0;
box-sizing: border-box;
background: transparent;
overflow-x: clip;
}
.wm-catalog--embed::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
margin-left: -50vw;
background-color: var(--wm-bg, #faf7f6);
background-image:
linear-gradient(var(--wm-catalog-marble-embed-overlay, rgba(250, 247, 246, 0.88)), var(--wm-catalog-marble-embed-overlay, rgba(250, 247, 246, 0.88))),
var(--wm-catalog-marble-embed-image, url(https://atolyepasa.com/wp-content/uploads/2026/06/mermer2.webp));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
pointer-events: none;
}
.wm-catalog--embed > .wm-catalog__header,
.wm-catalog--embed > .wm-catalog__main {
position: relative;
z-index: 1;
width: 100%;
max-width: var(--wm-catalog-inner-max, 1280px);
margin-inline: auto;
padding-inline: var(--wm-catalog-pad, 1.25rem);
box-sizing: border-box;
} p:has(> .wm-catalog--embed),
.wp-block-shortcode:has(.wm-catalog--embed),
.entry-content > .wm-catalog--embed {
margin-block: 0;
}
.wm-catalog--embed .wm-catalog__main {
min-width: 0;
}
.wm-catalog--embed .wm-catalog__filter-open.wm-catalog__chip {
display: inline-flex;
flex-shrink: 0;
appearance: none;
font: inherit;
}
.wm-catalog--embed .wm-catalog__filter-open.wm-catalog__chip.is-active {
background: var(--wm-catalog-ui-chip-active-bg);
border-color: var(--wm-catalog-ui-chip-active-border);
color: var(--wm-catalog-ui-chip-active-text);
}
.wm-catalog--embed.is-filters-open .wm-catalog__filter-open.wm-catalog__chip,
.wm-catalog--embed.is-sheet-open .wm-catalog__filter-open.wm-catalog__chip {
background: var(--wm-catalog-ui-chip-active-bg);
border-color: var(--wm-catalog-ui-chip-active-border);
color: var(--wm-catalog-ui-chip-active-text);
}
.wm-catalog--embed .wm-catalog__filters-panel {
display: block;
}
.wm-catalog--embed .wm-catalog__sheet-backdrop {
display: none;
position: fixed;
inset: 0;
z-index: 1000;
background: rgba(28, 20, 18, 0.45);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}
.wm-catalog--embed.is-sheet-open .wm-catalog__sheet-backdrop {
display: block;
opacity: 1;
pointer-events: auto;
}
.wm-catalog--embed .wm-catalog__filters--sheet {
display: none;
flex-direction: column;
margin: 0;
padding: 0;
overflow: hidden;
background: #fff;
border: 1px solid rgba(28, 20, 18, 0.1);
} @media (min-width: 961px) {
.wm-catalog--embed .wm-catalog__filters-panel {
padding-top: 0.65rem;
}
.wm-catalog--embed .wm-catalog__filters--sheet {
display: none;
border-radius: var(--wm-radius-sm, 12px);
box-shadow: 0 8px 28px rgba(28, 20, 18, 0.08);
}
.wm-catalog--embed.is-filters-open .wm-catalog__filters--sheet {
display: flex;
}
.wm-catalog--embed .wm-catalog__sheet-head {
display: none;
}
.wm-catalog--embed .wm-catalog__filters-scroll {
padding: 0.75rem;
}
.wm-catalog--embed .wm-catalog__filters-inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.65rem 0.85rem;
}
.wm-catalog--embed .wm-catalog__filter-group {
padding-bottom: 0.55rem;
}
.wm-catalog--embed .wm-catalog__filter-label {
margin-bottom: 0.3rem;
font-size: 0.75rem;
}
.wm-catalog--embed .wm-catalog__filter-row {
display: none;
}
.wm-catalog--embed .wm-catalog__filter-checks--rows {
gap: 0.3rem;
}
.wm-catalog--embed .wm-catalog__filter-check--row {
padding: 0.28rem 0.55rem;
font-size: 0.78rem;
}
.wm-catalog--embed .wm-catalog__filters-actions {
flex-direction: row;
padding: 0.55rem 0.75rem 0.75rem;
border-top: 1px solid rgba(28, 20, 18, 0.06);
gap: 0.5rem;
}
.wm-catalog--embed .wm-catalog__filter-apply,
.wm-catalog--embed .wm-catalog__filter-reset {
padding: 0.55rem 1rem;
font-size: 0.84rem;
}
.wm-catalog--embed .wm-catalog__filters-inner .wm-catalog__filter-group:has(.wm-catalog__filter-checks) {
grid-column: 1 / -1;
}
} @media (max-width: 960px) {
.wm-catalog--embed .wm-catalog__filters-panel {
display: block;
height: 0;
overflow: visible;
padding: 0;
margin: 0;
}
.wm-catalog--embed .wm-catalog__filters--sheet {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1002;
max-height: 85vh;
border-radius: 16px 16px 0 0;
border-bottom: none;
transform: translateY(100%);
transition: transform 0.28s ease;
pointer-events: auto;
box-shadow: 0 -8px 32px rgba(28, 20, 18, 0.12);
}
.wm-catalog--embed.is-sheet-open .wm-catalog__filters--sheet {
display: flex;
transform: translateY(0);
}
.wm-catalog--embed .wm-catalog__filters-scroll {
padding: 0.75rem 1rem;
}
.wm-catalog--embed .wm-catalog__filter-group {
padding-bottom: 0.55rem;
}
.wm-catalog--embed .wm-catalog__filter-label {
margin-bottom: 0.3rem;
font-size: 0.75rem;
}
.wm-catalog--embed .wm-catalog__filter-row {
display: none;
}
.wm-catalog--embed .wm-catalog__filter-checks--rows {
gap: 0.3rem;
}
.wm-catalog--embed .wm-catalog__filter-check--row {
padding: 0.28rem 0.55rem;
font-size: 0.78rem;
}
.wm-catalog--embed .wm-catalog__filters-actions {
padding: 0.55rem 1rem 0.85rem;
gap: 0.5rem;
}
.wm-catalog--embed .wm-catalog__filter-apply,
.wm-catalog--embed .wm-catalog__filter-reset {
padding: 0.55rem 1rem;
font-size: 0.84rem;
}
}
.wm-catalog--embed .wm-catalog__sheet-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
position: relative;
padding: 0.65rem 1rem 0.5rem;
border-bottom: 1px solid rgba(28, 20, 18, 0.06);
flex-shrink: 0;
}
.wm-catalog--embed .wm-catalog__sheet-handle {
position: absolute;
top: 8px;
left: 50%;
transform: translateX(-50%);
width: 36px;
height: 4px;
border-radius: 999px;
background: rgba(28, 20, 18, 0.15);
}
.wm-catalog--embed .wm-catalog__sheet-title {
margin: 0.35rem 0 0;
flex: 1;
font-family: var(--wm-font-display, Georgia, serif);
font-size: 1rem;
font-weight: 600;
color: var(--wm-ink, #1c1412);
}
.wm-catalog--embed .wm-catalog__sheet-close {
appearance: none;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
padding: 0;
margin-top: 0.35rem;
border: 1px solid rgba(28, 20, 18, 0.1);
border-radius: 999px;
background: #fff;
color: var(--wm-muted, #6b5f5c);
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
}
.wm-catalog--embed .wm-catalog__filters-scroll {
flex: 1;
overflow-y: auto;
padding: 0.85rem 1rem;
-webkit-overflow-scrolling: touch;
}
.wm-catalog--embed .wm-catalog__filters-actions {
flex-direction: column;
flex-shrink: 0;
padding: 0.85rem 1rem calc(0.85rem + env(safe-area-inset-bottom, 0px));
}
.wm-catalog--embed .wm-catalog__filter-apply,
.wm-catalog--embed .wm-catalog__filter-reset {
width: 100%;
}
.wm-catalog--embed .wm-catalog__view-btn {
appearance: none;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
}
.wm-catalog--embed .wm-grid {
margin-top: 0;
margin-bottom: 0;
}
.wm-catalog--embed.wm-catalog--list .wm-grid {
grid-template-columns: 1fr !important;
}
.wm-catalog--embed.wm-catalog--list .wm-card {
flex-direction: row;
}
.wm-catalog--embed.wm-catalog--list .wm-card__media,
.wm-catalog--embed.wm-catalog--list .wm-card__media--slider {
flex: 0 0 min(280px, 38%);
max-width: min(280px, 38%);
min-height: 180px;
}
.wm-catalog--embed.wm-catalog--list .wm-card__body {
flex: 1;
padding: 1rem 1.15rem;
}
.wm-catalog--embed.wm-catalog--list .wm-card__img,
.wm-catalog--embed.wm-catalog--list .wm-card__img--placeholder {
height: 100%;
min-height: 180px;
}
@media (max-width: 960px) {
.wm-catalog-page-wrap {
--wm-catalog-pad: 0.85rem;
padding-top: 0.25rem;
}
.wm-catalog--embed {
--wm-catalog-pad: 0.85rem;
padding-block: 0.25rem 2rem;
}
.wm-catalog--page .wm-grid,
.wm-catalog--embed .wm-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.65rem;
margin-bottom: 0;
}
.wm-catalog--page .wm-card__title,
.wm-catalog--embed .wm-card__title {
font-size: 0.88rem;
}
.wm-catalog--page .wm-card__body,
.wm-catalog--embed .wm-card__body {
padding: 0.65rem 0.7rem 0.75rem;
gap: 0.28rem;
}
.wm-catalog--page .wm-card__cat,
.wm-catalog--embed .wm-card__cat {
font-size: 0.62rem;
}
.wm-catalog--page .wm-card__meta,
.wm-catalog--embed .wm-card__meta {
font-size: 0.72rem;
margin-top: 0.1rem;
}
.wm-catalog--page .wm-card__now,
.wm-catalog--embed .wm-card__now {
font-size: 0.82rem;
}
.wm-catalog--page .wm-card__was,
.wm-catalog--embed .wm-card__was {
font-size: 0.68rem;
}
.wm-catalog--page .wm-card__unit,
.wm-catalog--embed .wm-card__unit {
font-size: 0.65rem;
}
.wm-catalog--page .wm-card__footer,
.wm-catalog--embed .wm-card__footer {
padding-top: 0.45rem;
gap: 0.35rem;
}
.wm-catalog--page .wm-card__cta,
.wm-catalog--embed .wm-card__cta {
padding: 0.4rem 0.65rem;
font-size: 0.78rem;
}
.wm-catalog--page .wm-card__nav-btn,
.wm-catalog--embed .wm-card__nav-btn {
width: 26px;
height: 26px;
}
.wm-catalog--page .wm-card__nav-btn--prev,
.wm-catalog--embed .wm-card__nav-btn--prev {
left: 6px;
}
.wm-catalog--page .wm-card__nav-btn--next,
.wm-catalog--embed .wm-card__nav-btn--next {
right: 6px;
}
.wm-catalog--page .wm-card__nav-btn .wm-fico--card-nav,
.wm-catalog--embed .wm-card__nav-btn .wm-fico--card-nav {
width: 12px;
height: 12px;
}
}
@media (max-width: 767px) {
.wm-catalog:not(.wm-catalog--page):not(.wm-catalog--embed) .wm-catalog__toolbar {
flex-direction: column;
align-items: stretch;
}
.wm-catalog:not(.wm-catalog--page):not(.wm-catalog--embed) .wm-catalog__filter-toggle {
align-self: flex-end;
}
.wm-catalog:not(.wm-catalog--page):not(.wm-catalog--embed) .wm-catalog__filters-inner {
grid-template-columns: 1fr;
}
.wm-catalog:not(.wm-catalog--page):not(.wm-catalog--embed) .wm-catalog__filter-row {
max-width: none;
}
.wm-catalog:not(.wm-catalog--page):not(.wm-catalog--embed) .wm-catalog__filters-actions {
flex-direction: column-reverse;
}
.wm-catalog:not(.wm-catalog--page):not(.wm-catalog--embed) .wm-catalog__filter-apply,
.wm-catalog:not(.wm-catalog--page):not(.wm-catalog--embed) .wm-catalog__filter-reset {
width: 100%;
text-align: center;
}
}
@media (max-width: 1024px) {
.wm-grid--cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wm-grid--cols-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.wm-catalog--page .wm-grid,
.wm-catalog--embed .wm-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.65rem;
}
}
.wm-card {
background: var(--wm-card-bg, var(--wm-paper));
border: var(--wm-card-border, var(--wm-border));
border-radius: var(--wm-radius);
overflow: hidden;
box-shadow: var(--wm-shadow-soft);
display: flex;
flex-direction: column;
height: 100%;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.wm-card:hover {
transform: translateY(-3px);
box-shadow: var(--wm-shadow);
}
.wm-card__media {
display: block;
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background: var(--wm-card-media-bg);
}
.wm-card__media--slider .wm-card__media-link {
position: absolute;
inset: 0;
z-index: 1;
display: block;
color: inherit;
text-decoration: none;
}
.wm-card__slides {
position: relative;
width: 100%;
height: 100%;
}
.wm-card__slides .wm-card__img {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.25s ease;
pointer-events: none;
}
.wm-card__slides .wm-card__img.is-active {
opacity: 1;
pointer-events: auto;
}
.wm-card__nav {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
}
.wm-card__nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: none;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
color: var(--wm-ink, #1c1412);
box-shadow: 0 2px 10px rgba(28, 20, 18, 0.14);
cursor: pointer;
opacity: 0.88;
transition: opacity 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.wm-card__media--slider:hover .wm-card__nav-btn,
.wm-card__nav-btn:focus-visible {
opacity: 1;
}
.wm-card__nav-btn:hover {
background: #fff;
transform: translateY(-50%) scale(1.05);
}
.wm-card__nav-btn--prev {
left: 8px;
}
.wm-card__nav-btn--next {
right: 8px;
}
.wm-card__nav-btn .wm-fico--card-nav {
display: block;
}
.wm-card__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.wm-card__img--placeholder {
background: linear-gradient(135deg, #e3d8cc, #efe6dc);
}
@media (prefers-reduced-motion: reduce) {
.wm-card__slides .wm-card__img {
transition: none;
}
.wm-card__nav-btn {
transition: none;
}
.wm-card__nav-btn:hover {
transform: translateY(-50%);
}
}
.wm-card__badge {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
padding: 0.35rem 0.65rem;
border-radius: 999px;
font-size: 0.82rem;
font-weight: 700;
color: var(--wm-accent);
background: rgba(250, 247, 246, 0.95);
border: 1px solid rgba(var(--wm-accent-rgb), 0.22);
box-shadow: 0 6px 18px rgba(31, 26, 22, 0.12);
}
.wm-card__badge--sale {
color: #9a3412;
background: linear-gradient(135deg, #fff5f0, #fde8dc);
border-color: rgba(193, 76, 50, 0.35);
}
.wm-card__price-row {
display: flex;
align-items: baseline;
gap: 0.4rem;
flex-wrap: wrap;
}
.wm-card__was {
font-size: 0.78rem;
font-weight: 600;
color: var(--wm-muted) !important;
text-decoration: line-through !important;
text-decoration-thickness: 2px;
opacity: 0.92;
}
.wm-card__now {
font-size: 1.02rem;
font-weight: 800;
color: var(--wm-sale-strong) !important;
}
.wm-card__body {
padding: 1.1rem 1.2rem 1.25rem;
display: flex;
flex-direction: column;
flex: 1;
gap: 0.4rem;
font-family: var(--wm-font-body);
}
.wm-card__cats {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.wm-card__cat {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--wm-muted);
font-weight: 600;
}
.wm-card__title {
margin: 0;
font-size: 1.12rem;
line-height: 1.28;
font-family: var(--wm-font-display, Georgia, serif);
color: var(--wm-card-title, var(--wm-ink));
}
.wm-card__title a {
color: inherit;
text-decoration: none;
}
.wm-card__title a:hover {
color: var(--wm-accent);
}
.wm-card__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.4rem;
margin: 0.25rem 0 0;
font-size: 0.84rem;
font-weight: 600;
color: var(--wm-muted);
line-height: 1.35;
}
.wm-card__meta-duration {
display: inline-flex;
align-items: center;
gap: 0.3rem;
color: var(--wm-muted);
}
.wm-card__meta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
line-height: 0;
color: var(--wm-muted);
}
.wm-card__meta-icon .wm-fico {
display: block;
}
.wm-card__meta-sep {
font-weight: 800;
opacity: 0.55;
user-select: none;
line-height: 1;
}
.wm-card__meta-rating {
display: inline-flex;
align-items: center;
gap: 0.25rem;
font-weight: 600;
color: var(--wm-ink-soft);
}
.wm-card__rating-star {
color: var(--wm-accent);
}
.wm-card__rating-count {
font-weight: 500;
color: var(--wm-muted);
}
.wm-card__excerpt {
margin: 0;
color: var(--wm-muted);
font-size: 0.95rem;
flex: 1;
line-height: 1.55;
}
.wm-card__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
flex-wrap: wrap;
margin-top: auto;
padding-top: 0.65rem;
}
.wm-card__price-block {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
flex: 1;
}
.wm-card__unit {
font-size: 0.72rem;
font-weight: 600;
color: var(--wm-muted);
line-height: 1.25;
}
.wm-card__cta {
font-size: 0.88rem;
font-weight: 700;
color: var(--wm-card-cta-text);
background: var(--wm-card-cta-bg, var(--wm-accent));
text-decoration: none;
white-space: nowrap;
padding: 0.55rem 0.85rem;
border-radius: 999px;
flex-shrink: 0;
margin-left: auto;
}
.wm-card__cta:hover {
background: var(--wm-card-cta-hover, var(--wm-accent-hover));
}
.wm-empty {
grid-column: 1 / -1;
margin: 0;
color: var(--wm-muted);
} body.wm-event-single .wm-font-scope .wm-booking-form button.wm-btn--primary,
body.wm-event-single .wm-font-scope .wm-booking-form .wm-btn.wm-btn--primary,
body.wm-event-single .wm-font-scope #wm-submit-booking,
body.wm-event-single .wm-font-scope #wm-check-availability {
background: linear-gradient(135deg, var(--wm-booking-btn-bg, var(--wm-accent)) 0%, var(--wm-accent-hover) 100%) !important;
background-image: linear-gradient(135deg, var(--wm-booking-btn-bg, var(--wm-accent)) 0%, var(--wm-accent-hover) 100%) !important;
color: var(--wm-booking-btn-text, #ffffff) !important;
border-color: transparent !important;
box-shadow: 0 4px 14px rgba(var(--wm-accent-rgb), 0.2) !important;
}
body.wm-event-single .wm-font-scope .wm-booking-form button.wm-btn--primary:hover:not(:disabled),
body.wm-event-single .wm-font-scope #wm-submit-booking:hover:not(:disabled),
body.wm-event-single .wm-font-scope #wm-check-availability:hover:not(:disabled) {
background: linear-gradient(135deg, var(--wm-accent-hover) 0%, #5c2626 100%) !important;
background-image: linear-gradient(135deg, var(--wm-accent-hover) 0%, #5c2626 100%) !important;
color: var(--wm-booking-btn-text, #ffffff) !important;
box-shadow: 0 6px 18px rgba(var(--wm-accent-rgb), 0.26) !important;
}
body.wm-event-single .wm-booking-card .wm-field--submit {
margin-bottom: 0;
padding-bottom: 0.15rem;
}
body.wm-event-single .wm-font-scope .wm-tag {
color: var(--wm-accent) !important;
background: rgba(var(--wm-accent-rgb), 0.1) !important;
border: 1px solid rgba(var(--wm-accent-rgb), 0.22) !important;
}
body.wm-event-single .wm-font-scope .wm-booking-form select,
body.wm-event-single .wm-font-scope .wm-booking-form input[type="text"],
body.wm-event-single .wm-font-scope .wm-booking-form input[type="tel"],
body.wm-event-single .wm-font-scope .wm-booking-form input[type="email"] {
border-color: rgba(71, 85, 105, 0.22) !important;
color: var(--wm-ink) !important;
background-color: #fff !important;
box-shadow: none !important;
}
body.wm-event-single .wm-font-scope .wm-booking-form .wm-select-icon select,
body.wm-event-single .wm-font-scope .wm-booking-form .wm-select-icon input {
padding-left: 2.85rem !important;
}
body.wm-event-single .wm-font-scope .wm-booking-form .wm-date-trigger {
padding-left: 2.85rem !important;
}
body.wm-event-single .wm-font-scope .wm-booking-form select:focus,
body.wm-event-single .wm-font-scope .wm-booking-form input:focus {
outline: 2px solid rgba(var(--wm-accent-rgb), 0.35) !important;
border-color: rgba(var(--wm-accent-rgb), 0.5) !important;
box-shadow: none !important;
}
body.wm-event-single .wm-font-scope .wm-checklist__ico {
color: var(--wm-accent) !important;
}
body.wm-event-single .wm-font-scope .wm-booking-form label {
color: var(--wm-ink) !important;
}
@media (max-width: 900px) {
.wm-gg__grid {
grid-template-columns: 1fr;
aspect-ratio: auto;
max-height: none;
gap: 8px;
}
.wm-gg__main {
aspect-ratio: 16 / 10;
max-height: 280px;
height: auto;
}
.wm-gg__main img {
min-height: 0;
}
.wm-gg__side {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
aspect-ratio: 2 / 1;
max-height: 200px;
min-height: 0;
height: auto;
}
.wm-gg__single-btn {
aspect-ratio: 16 / 10;
max-height: 280px;
}
.wm-event-page__body {
grid-template-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
}
body.wm-event-single:has(.wm-booking-bar) {
padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
}
body.wm-event-single.wm-booking-open {
overflow: hidden;
}
.wm-sidebar {
position: fixed;
inset: 0;
z-index: 110;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 0 !important;
pointer-events: none;
visibility: hidden;
}
body.wm-booking-open .wm-sidebar {
pointer-events: auto;
visibility: visible;
}
.wm-booking-sheet__backdrop {
position: fixed;
inset: 0;
border: 0;
margin: 0;
padding: 0;
background: rgba(28, 20, 18, 0.52);
opacity: 0;
transition: opacity 0.25s ease;
cursor: pointer;
}
body.wm-booking-open .wm-booking-sheet__backdrop:not([hidden]) {
opacity: 1;
}
.wm-sidebar-inner {
position: relative !important;
top: auto !important;
left: auto !important;
width: 100% !important;
max-height: min(92vh, 100dvh) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transform: translateY(100%);
transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
border-radius: var(--wm-radius) var(--wm-radius) 0 0;
box-shadow: 0 -12px 40px rgba(28, 20, 18, 0.22);
background: var(--wm-paper);
-webkit-overflow-scrolling: touch;
}
body.wm-booking-open .wm-sidebar-inner {
transform: translateY(0);
}
.wm-sidebar-inner .wm-booking-sheet__handle {
display: block;
width: 2.5rem;
height: 4px;
margin: 0.65rem auto 0.35rem;
border-radius: 999px;
background: rgba(28, 20, 18, 0.18);
flex-shrink: 0;
}
.wm-booking-card {
position: static;
border-radius: 0;
box-shadow: none;
}
.wm-booking-bar {
position: fixed;
inset-inline: 0;
bottom: 0;
z-index: 100;
padding: 0.5rem 0.75rem calc(0.5rem + env(safe-area-inset-bottom, 0px));
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 28%, #fff 100%);
pointer-events: none;
}
.wm-booking-bar__btn {
pointer-events: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
width: 100%;
padding: 0.85rem 1rem 0.85rem 1.1rem;
border: 0;
border-radius: var(--wm-radius-sm);
background: linear-gradient(135deg, var(--wm-accent) 0%, var(--wm-accent-hover) 100%);
color: #fffdf8;
font: inherit;
cursor: pointer;
box-shadow: 0 10px 28px rgba(var(--wm-accent-rgb), 0.42);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wm-booking-bar__btn:active {
transform: scale(0.99);
}
.wm-booking-bar__text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.15rem;
min-width: 0;
text-align: left;
}
.wm-booking-bar__title {
font-family: var(--wm-font-display);
font-size: 1.05rem;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1.2;
}
.wm-booking-bar__meta {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.35rem 0.5rem;
font-size: 0.82rem;
font-weight: 600;
opacity: 0.95;
}
.wm-booking-bar__was {
text-decoration: line-through;
opacity: 0.8;
font-weight: 500;
}
.wm-booking-bar__now {
font-size: 0.95rem;
font-weight: 700;
}
.wm-booking-bar__unit {
font-size: 0.75rem;
font-weight: 500;
opacity: 0.85;
}
.wm-booking-bar__chev {
flex-shrink: 0;
font-size: 1.15rem;
font-weight: 700;
line-height: 1;
opacity: 0.9;
}
body.wm-booking-open .wm-booking-bar {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.wm-lightbox__dialog {
inset: 0.5rem;
border-radius: 12px;
}
.wm-lightbox__stage {
padding: 3rem 3rem 0.75rem;
min-height: min(38vh, 280px);
}
.wm-lightbox__img {
max-height: calc(100vh - 12rem);
}
.wm-lightbox__nav {
width: 40px;
height: 40px;
}
.wm-lightbox__nav--prev {
left: 8px;
}
.wm-lightbox__nav--next {
right: 8px;
}
.wm-lightbox__thumb {
width: 56px;
height: 42px;
}
.wm-lightbox__close {
top: 10px;
right: 10px;
width: 36px;
height: 36px;
}
}
@media (min-width: 901px) {
body.wm-event-single .wm-font-scope .wm-price-badge__amount,
body.wm-event-single .wm-font-scope .wm-price-block__now {
color: var(--wm-accent) !important;
}
body.wm-event-single .wm-font-scope a.wm-card__cta {
background: var(--wm-accent) !important;
color: #fffdf8 !important;
}
body.wm-event-single .wm-font-scope a.wm-card__cta:hover {
background: var(--wm-accent-hover) !important;
color: #fffdf8 !important;
}
} body.wm-event-single .wm-font-scope .wm-login-hint {
margin: 0 0 0.75rem;
font-size: 0.95rem;
}
body.wm-event-single .wm-font-scope .wm-login-hint__link {
color: var(--wm-accent);
font-weight: 600;
text-decoration: none;
}
body.wm-event-single .wm-font-scope .wm-login-hint__link:hover {
text-decoration: underline;
}
body.wm-event-single .wm-font-scope .wm-field--locked input[readonly] {
background: rgba(241, 245, 249, 0.9);
cursor: not-allowed;
color: var(--wm-ink-soft);
} .wm-reviews {
margin-top: 2rem;
background: transparent;
}
.wm-section.wm-reviews {
background: transparent;
}
body.wm-event-single .wm-reviews {
margin-top: var(--wm-section-gap);
}
.wm-reviews__section-title {
margin-bottom: 1rem;
}
.wm-reviews__layout {
display: grid;
grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
gap: 1.25rem 1.75rem;
align-items: start;
}
.wm-reviews__summary-card {
margin: 0;
padding: 1.15rem 1rem;
text-align: center;
background: var(--wm-paper);
border: var(--wm-border);
border-radius: var(--wm-radius-sm);
box-shadow: var(--wm-shadow-soft);
}
.wm-reviews__score-big {
margin: 0 0 0.35rem;
font-family: var(--wm-font-display);
font-size: 2.35rem;
font-weight: 600;
line-height: 1;
color: var(--wm-accent);
letter-spacing: -0.02em;
}
.wm-reviews__summary-card .pasha-stars {
display: flex;
justify-content: center;
gap: 0.15rem;
margin-bottom: 0.5rem;
}
body.wm-event-single .wm-reviews .pasha-stars__icon.is-filled,
body.wm-event-single .wm-reviews .pasha-stars__btn.is-filled .pasha-stars__icon {
color: var(--wm-accent) !important;
}
.wm-reviews__count {
margin: 0;
font-size: 0.8125rem;
color: var(--wm-muted);
line-height: 1.4;
}
.wm-reviews__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 0.85rem;
min-width: 0;
}
.wm-review-card {
background: var(--wm-paper);
border: var(--wm-border);
border-radius: var(--wm-radius-sm);
padding: 1.1rem 1.15rem;
box-shadow: var(--wm-shadow-soft);
}
.wm-review-card__header {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.wm-review-card__avatar.wm-avatar {
width: 2.5rem;
height: 2.5rem;
}
.wm-review-card__meta {
min-width: 0;
flex: 1;
}
.wm-review-card__author {
margin: 0 0 0.35rem;
font-size: 0.88rem;
font-weight: 600;
color: var(--wm-ink);
}
.wm-review-card__rating-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.35rem 0.5rem;
}
.wm-review-card .pasha-stars__icon {
font-size: 0.9rem;
}
.wm-review-card__date {
font-size: 0.75rem;
color: var(--wm-muted);
white-space: nowrap;
}
.wm-review-card__text {
margin: 0;
font-size: 0.875rem;
line-height: 1.55;
color: var(--wm-ink-soft);
}
@media (max-width: 720px) {
.wm-reviews__layout {
grid-template-columns: 1fr;
}
.wm-reviews__summary-card {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.35rem 0.75rem;
padding: 0.9rem 1rem;
text-align: left;
}
.wm-reviews__score-big {
margin: 0;
font-size: 1.75rem;
}
.wm-reviews__summary-card .pasha-stars {
margin: 0;
}
.wm-reviews__count {
flex: 1 1 100%;
text-align: center;
}
}
.wm-font-scope .wm-avatar {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
overflow: hidden;
}
.wm-font-scope .wm-avatar--img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .wm-detail-rows {
margin-top: 2rem;
padding-top: 0.25rem;
border-top: 1px solid rgba(var(--wm-accent-rgb), 0.12);
}
body.wm-event-single .wm-detail-rows {
margin-top: var(--wm-section-gap);
padding-top: 0.5rem;
}
.wm-detail-row {
display: grid;
grid-template-columns: minmax(140px, 28%) minmax(0, 1fr);
gap: 1.25rem 2rem;
padding: 1.75rem 0;
border-bottom: 1px solid rgba(var(--wm-accent-rgb), 0.12);
align-items: start;
}
.wm-detail-row:first-child {
border-top: 0;
padding-top: 1.25rem;
}
.wm-detail-row:last-child {
border-bottom: 0;
padding-bottom: 0.25rem;
}
.wm-detail-row__title {
margin: 0;
font-family: var(--wm-font-body);
font-size: 1.05rem;
font-weight: 700;
line-height: 1.35;
color: var(--wm-ink);
}
.wm-detail-row__body {
min-width: 0;
color: var(--wm-ink-soft);
font-size: 1rem;
line-height: 1.65;
}
.wm-detail-list {
list-style: none;
margin: 0;
padding: 0;
}
.wm-detail-list--bullets > li {
position: relative;
padding-left: 1.1rem;
margin: 0.45rem 0;
}
.wm-detail-list--bullets > li::before {
content: "";
position: absolute;
left: 0;
top: 0.62em;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--wm-ink);
}
.wm-detail-list--checks > li {
display: flex;
align-items: flex-start;
gap: 0.55rem;
margin: 0.5rem 0;
}
.wm-detail-list__icon {
flex: 0 0 auto;
width: 1.35rem;
height: 1.35rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 0.75rem;
font-weight: 800;
line-height: 1;
}
.wm-detail-list--checks > li.is-included .wm-detail-list__icon {
background: rgba(22, 101, 52, 0.12);
color: #166534;
}
.wm-detail-list--checks > li.is-excluded .wm-detail-list__icon {
background: rgba(185, 28, 28, 0.1);
color: #b91c1c;
}
.wm-detail-list__text {
flex: 1;
min-width: 0;
}
.wm-detail-row__body p {
margin: 0.65rem 0;
}
@media (max-width: 720px) {
.wm-detail-row {
grid-template-columns: 1fr;
gap: 0.65rem;
padding: 1.25rem 0;
}
body.wm-event-single .wm-detail-row:first-child {
padding-top: 1rem;
}
}
.wm-font-scope .wm-avatar--initials {
font-size: 0.85rem;
font-weight: 700;
color: #0f172a;
background: linear-gradient(145deg, var(--wm-bg) 0%, var(--wm-bg-tint) 100%);
border: 1px solid rgba(var(--wm-accent-rgb), 0.2);
} .wm-events-rail {
position: relative;
width: 100%;
padding: 0.25rem 0;
}
.wm-events-rail__viewport {
width: 100%;
min-width: 0;
padding-inline: 0.15rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: none;
outline: none;
}
.wm-events-rail__viewport::-webkit-scrollbar {
display: none;
}
.wm-events-rail__track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - (var(--wm-rail-cols, 4) - 1) * 1.25rem) / var(--wm-rail-cols, 4));
gap: 1.25rem;
align-items: stretch;
width: 100%;
}
.wm-events-rail__track > .wm-card {
min-width: 0;
scroll-snap-align: start;
box-shadow: none;
border: 1px solid rgba(28, 20, 18, 0.08);
}
.wm-events-rail__track > .wm-card:hover {
transform: none;
box-shadow: none;
}
.wm-events-rail__nav {
position: absolute;
top: 32%;
transform: translateY(-50%);
z-index: 4;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
padding: 0;
border: 1px solid rgba(28, 20, 18, 0.1);
border-radius: 50%;
background: rgba(255, 255, 255, 0.96);
color: var(--wm-ink, #1c1412);
cursor: pointer;
box-shadow: 0 4px 16px rgba(28, 20, 18, 0.12);
transition: border-color 0.2s ease, opacity 0.2s ease, visibility 0.2s ease, background-color 0.2s ease;
}
.wm-events-rail__nav--prev {
left: 0.35rem;
}
.wm-events-rail__nav--next {
right: 0.35rem;
}
.wm-events-rail__nav:hover,
.wm-events-rail__nav:focus-visible {
border-color: rgba(28, 20, 18, 0.22);
background: #fff;
}
.wm-events-rail__nav:focus-visible {
outline: 2px solid var(--wm-accent, #9b3d3d);
outline-offset: 2px;
}
.wm-events-rail__nav.is-hidden {
display: none;
}
.wm-fico--rail-nav {
display: block;
}
@media (max-width: 767px) {
.wm-events-rail__nav {
display: none;
}
.wm-events-rail__viewport {
padding-inline: 0;
}
.wm-events-rail__track {
grid-auto-columns: min(300px, 82vw);
padding-right: 0.75rem;
}
}