@layer bricks{.bricks-swiper-container{list-style:none;margin-left:auto;margin-right:auto;opacity:0;overflow:hidden;padding:0;position:relative;transition:opacity .1s ease-in .1s;z-index:1}.bricks-swiper-container.swiper-initialized{opacity:1}.bricks-swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active){opacity:0}[class^=brxe-] .bricks-swiper-container{opacity:1!important}.swiper-wrapper{box-sizing:content-box;display:grid;grid-auto-flow:column;height:100%;max-height:inherit;min-height:inherit;position:relative;transition-property:transform;width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;height:auto;transition-property:transform,height}.swiper-autoheight .swiper-slide{height:auto}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-button{align-items:center;background-color:transparent;color:#fff;cursor:pointer;display:flex!important;font-size:40px;font-weight:100;height:50px;justify-content:center;line-height:0;outline:none;padding:0;position:absolute;text-align:center;top:50%;transition:var(--bricks-transition);width:50px;z-index:11}.swiper-button.swiper-button-disabled{opacity:.25}.swiper-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bricks-swiper-button-prev{background-image:none!important;transform:translate(-100%,-50%)}.bricks-swiper-button-next{background-image:none!important;transform:translate(100%,-50%)}.swiper-button-lock{display:none}.swiper-pagination{display:flex;flex-direction:row;position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{background-color:rgba(0,0,0,.33);border-radius:100%;cursor:pointer;display:inline-block;height:10px;line-height:0;margin:0 5px;padding:0;width:10px}.swiper-pagination-bullet-active{background-color:#000}.swiper-horizontal+.swiper-pagination-horizontal{bottom:15px;left:50%;transform:translateX(-50%)}.swiper-pagination-bullets-dynamic{display:block;font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-horizontal+.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal+.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.bricks-swiper-container .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}.swiper-cube .swiper-cube-shadow{background:#000;bottom:0;-webkit-filter:blur(50px);filter:blur(50px);height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.pswp__bg{background:var(--pswp-bg);opacity:.005;transform:translateZ(0);will-change:opacity}.pswp:not(.brx){--pswp-bg:rgba(0,0,0,.8)}.pswp.brx,.pswp:not(.brx) .pswp__button svg{display:none}.pswp.brx{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79,79,79,.4);--pswp-preloader-color-secondary:hsla(0,0%,100%,.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);-webkit-tap-highlight-color:rgba(0,0,0,0);contain:layout style size;height:100%;left:0;opacity:.003;outline:0;overflow:hidden;position:fixed;top:0;touch-action:none;transform:translateZ(0);width:100%;will-change:opacity;z-index:var(--pswp-root-z-index)}.pswp.brx:focus{outline:0}.pswp.brx *{box-sizing:border-box}.pswp.brx img{max-width:none}.pswp.brx.pswp--open{display:block}.pswp.brx .pswp__scroll-wrap{overflow:hidden}.pswp.brx .pswp__bg,.pswp.brx .pswp__container,.pswp.brx .pswp__content,.pswp.brx .pswp__img,.pswp.brx .pswp__item,.pswp.brx .pswp__scroll-wrap,.pswp.brx .pswp__zoom-wrap{height:100%;left:0;position:absolute;top:0;width:100%}.pswp.brx .pswp__img,.pswp.brx .pswp__zoom-wrap{height:auto;width:auto}.pswp.brx.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp.brx.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp.brx.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp.brx .pswp__img,.pswp.brx.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp.brx.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp.brx .pswp__button,.pswp.brx .pswp__container,.pswp.brx .pswp__counter,.pswp.brx .pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp.brx .pswp__item{overflow:hidden;z-index:1}.pswp.brx .pswp__hidden{display:none!important}.pswp.brx .pswp__content{pointer-events:none}.pswp.brx .pswp__content>*{pointer-events:auto}.pswp.brx .pswp__content iframe,.pswp.brx .pswp__content video{border:0;height:100%;width:100%}.pswp.brx .pswp__content video{background-color:#000}.pswp.brx .pswp__error-msg-container{display:grid}.pswp.brx .pswp__error-msg{color:var(--pswp-error-text-color);font-size:1em;line-height:1;margin:auto}.pswp.brx .pswp .pswp__hide-on-close{opacity:.005;pointer-events:none;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:10}.pswp.brx.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp.brx .pswp__button{-webkit-touch-callout:none;appearance:none;background:none;background-image:none!important;border:0;box-shadow:none;cursor:pointer;display:inline-flex;height:60px;margin:0;opacity:.85;overflow:hidden;padding:0;position:relative;text-align:center;width:60px}.pswp.brx .pswp__button:active,.pswp.brx .pswp__button:focus,.pswp.brx .pswp__button:hover{background:none;border:0;box-shadow:none;opacity:1;padding:0;transition:none}.pswp.brx .pswp__button:disabled{cursor:auto;opacity:.3}.pswp.brx .pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);height:32px;left:9px;overflow:hidden;pointer-events:none;position:absolute;top:14px;width:32px}.pswp.brx .pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp.brx .pswp__icn:focus{outline:0}.pswp.brx .pswp__img--with-bg,.pswp.brx div.pswp__img--placeholder{background:var(--pswp-placeholder-bg)}.pswp.brx .pswp__top-bar{align-items:center;background-color:transparent;display:flex;flex-direction:row;gap:15px;height:80px;justify-content:flex-end;left:0;padding:0 20px;pointer-events:none!important;position:absolute;top:0;width:100%;z-index:10}.pswp.brx .pswp__top-bar .pswp__button{align-items:center;justify-content:center;text-align:center}.pswp.brx .pswp__top-bar .pswp__button svg{height:40px;position:static;width:40px}.pswp.brx .pswp__top-bar .pswp__button--close{fill:currentcolor;color:#fff;display:inline-flex}.pswp.brx .pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp.brx .pswp__button--arrow{height:100px;margin-top:-60px;position:absolute;top:0;top:50%;width:75px}.pswp.brx .pswp__button--arrow:disabled{cursor:default;display:none}.pswp.brx .pswp__button--arrow .pswp__icn{background:none;border-radius:0;height:60px;margin-top:-30px;top:50%;width:60px}.pswp.brx.pswp--one-slide .pswp__button--arrow,.pswp.brx.pswp--one-slide .pswp__counter{display:none}.pswp.brx .pswp__button--arrow--prev{left:0;right:auto}.pswp.brx .pswp__button--arrow--next{right:0}.pswp.brx .pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp.brx .pswp__button--zoom{display:none}.pswp.brx .pswp__preloader{height:60px;margin-right:auto;overflow:hidden;position:relative;width:60px}.pswp.brx .pswp__preloader .pswp__icn{animation:pswp-clockwise .6s linear infinite;opacity:0;transition:opacity .2s linear}.pswp.brx .pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pswp.brx .pswp__counter{color:var(--pswp-icon-color);font-size:14px;height:30px;line-height:30px;opacity:.85;text-shadow:1px 1px 3px var(--pswp-icon-color-secondary)}.bricks-lightbox-caption,.pswp-caption-content{display:none}.pswp__dynamic-caption{color:#fff;left:0;position:absolute;top:0;transition:opacity .12s linear!important;width:100%}.pswp__dynamic-caption a{color:#fff}.pswp__dynamic-caption--faded{opacity:0!important}.pswp__dynamic-caption--aside{margin-top:70px;max-width:300px;padding:20px;width:auto}.pswp__dynamic-caption--below{padding:20px;text-align:center;width:auto}.pswp__dynamic-caption--on-hor-edge{padding-left:20px;padding-right:20px}.pswp__dynamic-caption--mobile{bottom:0;left:0!important;padding:10px 20px;right:0;text-align:center;top:auto!important;width:100%}.pswp__thumbnail-nav-wrapper{bottom:10px;display:flex;position:absolute;z-index:1000}.pswp__thumbnail-nav-wrapper .pswp__thumbnail-nav{align-items:center;display:flex;gap:10px;justify-content:center;transition:all .1s}.pswp__thumbnail-nav-wrapper img{aspect-ratio:1;cursor:pointer;display:block;filter:grayscale(100%);object-fit:cover;width:80px}.pswp__thumbnail-nav-wrapper img.active,.pswp__thumbnail-nav-wrapper img:hover{filter:grayscale(0)}.tcb-widget {
--tcb-bg: #f6f8fc;
--tcb-card: #ffffff;
--tcb-text: #1d2738;
--tcb-muted: #6b7688;
--tcb-primary: #0b5fff;
--tcb-free: #eaf8ef;
--tcb-busy: #ffe8ea;
--tcb-noprice: #f2f4f7;
--tcb-border: #dde3ee;
max-width: 760px;
width: 100%;
margin: 1rem auto;
border: 1px solid var(--tcb-border);
border-radius: 18px;
overflow: hidden;
background: var(--tcb-bg);
color: var(--tcb-text);
box-shadow: 0 24px 40px rgba(19, 30, 51, 0.08);
}
.tcb-widget,
.tcb-widget * {
box-sizing: border-box;
}
.tcb-legend {
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
width: 100%;
justify-content: flex-end;
font-size: calc(0.85rem + 2px);
text-align: right;
}
.tcb-legend span {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.tcb-dot {
width: 10px;
height: 10px;
border-radius: 999px;
display: inline-block;
position: relative;
overflow: hidden;
}
.tcb-dot-free { background: #65c27f; }
.tcb-dot-busy { background: #e26272; }
.tcb-calendar {
padding: 0.2rem 0;
width: 100%;
min-width: 0;
touch-action: pan-y;
overscroll-behavior-x: contain;
}
.tcb-calendar-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
width: 100%;
align-items: start;
}
.tcb-calendar-grid.tcb-calendar-grid-rows {
grid-template-columns: 1fr;
}
.tcb-widget-calendar-only.tcb-calendar-layout-rows .tcb-calendar-grid {
grid-template-columns: 1fr !important;
gap: 0;
}
.tcb-calendar-rows-nav {
display: flex;
justify-content: space-between;
align-items: center;
height: 34px;
width: 100%;
padding: 0 12px;
z-index: 6;
pointer-events: none;
}
.tcb-calendar-rows-nav .tcb-cal-side {
position: relative !important;
inset: auto !important;
top: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
pointer-events: auto;
flex: 0 0 auto;
width: 34px;
height: 34px;
}
.tcb-calendar-rows-nav .tcb-cal-side-prev {
margin: 0 auto 0 0 !important;
}
.tcb-calendar-rows-nav .tcb-cal-side-next {
margin: 0 0 0 auto !important;
}
.tcb-calendar-rows-nav .tcb-cal-side:hover:not(:disabled) {
transform: translateY(-1px) !important;
}
.tcb-widget-calendar-only.tcb-calendar-layout-rows .tcb-calendar-shell {
grid-template-columns: 1fr;
gap: 0;
}
.tcb-calendar-shell {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
width: 100%;
max-width: 760px;
}
.tcb-cal-side {
position: relative;
width: 38px;
height: 38px;
border: 1px solid #5d7a99;
border-radius: 50%;
background: #ffffff;
font-size: 0;
line-height: 1;
color: transparent;
cursor: pointer;
opacity: 1;
box-shadow: 0 5px 14px rgba(23, 50, 71, 0.24);
transition: transform 140ms ease, box-shadow 140ms ease, background-color 140ms ease, border-color 140ms ease, opacity 140ms ease;
}
.tcb-cal-side::before {
position: absolute;
inset: 0;
display: grid;
place-items: center;
font-size: 1.65rem;
line-height: 1;
color: #18344f;
font-weight: 700;
}
.tcb-cal-side-prev::before {
content: '‹';
}
.tcb-cal-side-next::before {
content: '›';
}
.tcb-cal-side:hover:not(:disabled) {
transform: translateY(-1px);
background: #f8fbff;
border-color: #4f6f93;
box-shadow: 0 5px 14px rgba(23, 50, 71, 0.28);
opacity: 1;
}
.tcb-cal-side:hover:not(:disabled)::before {
color: #0f2b46;
}
.tcb-cal-side:focus-visible {
outline: 2px solid rgba(63, 104, 142, 0.3);
outline-offset: 2px;
opacity: 1;
}
.tcb-cal-side:disabled {
opacity: 0.34;
cursor: default;
border-color: #d7e0e8;
background: #f4f7fa;
box-shadow: none;
}
.tcb-month {
border: 1px solid #d9e1ef;
border-radius: 12px;
padding: 8px;
background: #fafcff;
width: 100%;
min-width: 0;
}
.tcb-month-title {
margin: 0 0 6px;
font-size: 15px;
color: #20334f;
font-weight: 600;
text-align: left;
text-transform: capitalize;
}
.tcb-weekdays,
.tcb-days {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 4px;
}
.tcb-days {
grid-auto-rows: 44px;
}
.tcb-weekdays div {
font-size: 11px;
color: #60708f;
font-weight: 600;
text-align: center;
}
.tcb-day {
min-height: 44px;
border-radius: 7px;
border: 1px solid #dbe2ef;
background: #ecf7ef;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-rows: auto 1fr auto;
align-items: start;
gap: 2px;
padding: 4px;
font-size: 11px;
width: 100%;
min-width: 0;
text-align: left;
font: inherit;
appearance: none;
}
.tcb-day-empty {
border: 0;
border-radius: 0;
background: transparent;
min-height: 44px;
padding: 0;
box-shadow: none;
}
.tcb-day:disabled {
cursor: not-allowed;
}
.tcb-day-number {
grid-column: 1;
grid-row: 1;
font-size: 11px;
font-weight: 700;
color: #20334f;
line-height: 1;
}
.tcb-day-price {
grid-column: 2;
grid-row: 3;
justify-self: end;
align-self: end;
text-align: right;
font-size: 9px;
color: #4f6382;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tcb-day-free {
background: #ecf7ef;
border-color: #dbe2ef;
}
.tcb-day-busy {
background: #ffe9ed;
border-color: #f0c0ca;
}
.tcb-day-noprice {
background: #edf0f5;
border-color: #cfd6e3;
}
.tcb-day-today {
border-color: #6ebfc1;
box-shadow: inset 0 0 0 2px rgba(11, 133, 136, 0.52), 0 0 0 1px rgba(11, 133, 136, 0.16);
}
.tcb-day-today.tcb-day-selectable:hover {
border-color: #53abaf;
box-shadow: inset 0 0 0 2px rgba(11, 133, 136, 0.58), 0 3px 10px rgba(11, 133, 136, 0.22);
}
.tcb-day-busy .tcb-day-number,
.tcb-day-busy .tcb-day-price,
.tcb-day-noprice .tcb-day-number,
.tcb-day-noprice .tcb-day-price {
color: #8a97ad;
}
.tcb-day-selectable {
cursor: pointer;
}
.tcb-day-selectable:hover {
border-color: #96afcf;
box-shadow: 0 2px 6px rgba(16, 43, 76, 0.12);
}
.tcb-day-checkin {
background: linear-gradient(145deg, #dff3e9 0%, #c6e9d8 100%);
border-color: #5aa883;
box-shadow: inset 0 0 0 1px rgba(79, 162, 118, 0.3), 0 2px 7px rgba(34, 97, 66, 0.18);
color: #185e3d;
}
.tcb-day-checkout {
background: linear-gradient(145deg, #e1ecff 0%, #cddfff 100%);
border-color: #6292d1;
box-shadow: inset 0 0 0 1px rgba(95, 143, 207, 0.32), 0 2px 7px rgba(43, 74, 121, 0.18);
color: #1f487b;
}
.tcb-day-checkin .tcb-day-number,
.tcb-day-checkin .tcb-day-price {
color: #185e3d;
}
.tcb-day-checkout .tcb-day-number,
.tcb-day-checkout .tcb-day-price {
color: #1f487b;
}
.tcb-day-inrange {
background: linear-gradient(90deg, #e1f4e8 0%, #d8e9ff 100%);
border-color: #94b9de;
box-shadow: inset 0 0 0 1px rgba(111, 157, 207, 0.22);
}
.tcb-day-checkin.tcb-day-selectable:hover {
border-color: #3f8d63;
box-shadow: inset 0 0 0 1px rgba(63, 141, 99, 0.32), 0 4px 10px rgba(30, 106, 71, 0.24);
}
.tcb-day-checkout.tcb-day-selectable:hover {
border-color: #4f7ec0;
box-shadow: inset 0 0 0 1px rgba(79, 126, 192, 0.34), 0 4px 10px rgba(36, 79, 136, 0.24);
}
.tcb-day-inrange.tcb-day-selectable:hover {
border-color: #79a7d6;
box-shadow: inset 0 0 0 1px rgba(90, 140, 201, 0.3), 0 3px 8px rgba(70, 120, 180, 0.22);
}
.tcb-day:not(.tcb-day-empty):focus-visible {
outline: 2px solid #2d67b8;
outline-offset: 1px;
}
.tcb-form {
background: transparent;
padding: 0;
font-size: 16px;
line-height: 1.4;
}
.tcb-form label {
display: block;
font-weight: 600;
font-size: 16px;
color: #2d3a52;
margin-bottom: 0.75rem;
line-height: 1.3;
}
.tcb-form input,
.tcb-form select,
.tcb-form textarea,
.tcb-submit {
width: 100%;
margin-top: 0.35rem;
border-radius: 10px;
font-size: 16px;
}
.tcb-form input,
.tcb-form select,
.tcb-form textarea {
border: 1px solid #c8d3e3;
min-height: 40px;
padding: 0.48rem 0.7rem;
background: #fff;
color: var(--body-text-color);
box-shadow: 0 1px 2px rgba(17, 37, 66, 0.04);
transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.tcb-modal-form input,
.tcb-modal-form select,
.tcb-modal-form textarea {
color: var(--body-text-color);
font-size: 16px;
}
.tcb-form input:focus,
.tcb-form select:focus,
.tcb-form textarea:focus {
border-color: #1e5fff;
box-shadow: 0 0 0 3px rgba(30, 95, 255, 0.2);
outline: none;
}
.tcb-form input:focus-visible,
.tcb-form select:focus-visible,
.tcb-form textarea:focus-visible {
border-color: #1e5fff;
box-shadow: 0 0 0 3px rgba(30, 95, 255, 0.2);
outline: none;
}
.tcb-summary {
margin-top: 0.62rem;
margin-bottom: 0.62rem;
padding: 0.8rem 0.9rem;
background: linear-gradient(180deg, #fbfdff 0%, #f3f8fe 100%);
border: 1px solid #d5e2f0;
border-radius: 12px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 3px 10px rgba(22, 49, 79, 0.05);
}
.tcb-summary-head {
display: flex;
align-items: center;
gap: 8px;
}
.tcb-summary-label {
display: block;
font-size: 1.03rem;
color: #2d4868;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.25;
}
.tcb-summary-main {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
column-gap: 7px;
row-gap: 2px;
margin-top: 2px;
}
.tcb-summary-total {
display: block;
font-size: 2.18rem;
line-height: 1.1;
color: #0e356d;
font-weight: 800;
letter-spacing: -0.02em;
}
.tcb-summary-suffix {
display: inline-block;
font-size: 0.95rem;
font-weight: 600;
color: #3f5877;
padding-bottom: 0.22rem;
}
.tcb-summary-note {
margin: 3px 0 0;
font-size: 0.9rem;
font-weight: 600;
color: #55708f;
line-height: 1.35;
}
.tcb-summary-meta {
display: block;
font-size: 1.06rem;
color: #35506f;
margin-top: 5px;
font-weight: 600;
line-height: 1.45;
white-space: pre-line;
}
.tcb-contact-fields[hidden] {
display: none;
}
.tcb-contact-fields {
margin-top: 0.48rem;
border: 1px solid #dbe6f1;
border-radius: 12px;
background: #fbfdff;
padding: 0.4rem;
box-shadow: 0 4px 10px rgba(17, 52, 86, 0.05);
}
.tcb-contact-row {
display: block;
padding: 4px 2px;
border-top: 0;
}
.tcb-contact-row:first-child {
border-top: 0;
}
.tcb-contact-row + .tcb-contact-row {
margin-top: 2px;
padding-top: 7px;
}
.tcb-visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.tcb-turnstile-wrap {
width: min(320px, 100%);
margin: 0 auto;
}
.tcb-turnstile-widget {
display: flex;
justify-content: center;
}
.tcb-turnstile-widget > div {
width: 100%;
}
.tcb-turnstile-message {
margin: 0.55rem 0 1rem;
font-size: 0.92rem;
line-height: 1.45;
color: #a03030;
text-align: center;
}
.tcb-contact-row-title {
display: none;
}
.tcb-contact-inline-fields {
display: grid;
gap: 7px;
}
.tcb-contact-inline-fields-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tcb-contact-inline-fields-address {
grid-template-columns: 2fr 1fr;
}
.tcb-contact-inline-fields-1 {
grid-template-columns: 1fr;
}
.tcb-form .tcb-contact-inline-field {
display: grid;
gap: 3px;
margin: 0;
font-size: 14px;
font-weight: 600;
color: #2b4463;
}
.tcb-form .tcb-contact-inline-field > span {
display: inline-flex;
align-items: center;
gap: 4px;
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
color: #3f5877;
line-height: 1.2;
}
.tcb-form .tcb-required-star {
color: #d63638;
font-weight: 700;
margin-left: 1px;
}
.tcb-form .tcb-contact-inline-field input,
.tcb-form .tcb-contact-inline-field select,
.tcb-form .tcb-contact-inline-field textarea {
margin-top: 0;
min-height: 36px;
padding: 0.35rem 0.58rem;
border-radius: 10px;
border-color: #c3d2e3;
background: #fff;
box-shadow: 0 1px 2px rgba(21, 46, 76, 0.05);
}
.tcb-form .tcb-contact-inline-field textarea {
min-height: 74px;
resize: vertical;
}
.tcb-contact-inline-field .tcb-guest-counter {
width: min(224px, 100%);
}
.tcb-contact-row-consent {
padding: 10px 0;
}
.tcb-form .tcb-consent-field {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: 13px;
font-weight: 700;
color: #3f5877;
line-height: 1.35;
}
.tcb-form .tcb-consent-field input[type="checkbox"] {
width: 28px;
height: 28px;
min-height: 28px;
margin: 0;
padding: 0;
border-radius: 10px;
border: 1px solid #9eb4cb;
box-shadow: none;
accent-color: var(--accent, #547057);
flex: 0 0 28px;
}
.tcb-form .tcb-consent-field span {
display: inline;
}
.tcb-form .tcb-consent-field a {
color: #2b5f8c;
text-decoration: underline;
}
.tcb-form .tcb-consent-field a:hover,
.tcb-form .tcb-consent-field a:focus {
color: #1f486a;
}
.tcb-picker {
border: 1px solid var(--tcb-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
}
.tcb-picker-panel {
border-top: 1px solid var(--tcb-border);
padding: 10px;
background: #fdfefe;
overflow: hidden;
will-change: transform, opacity;
transform: translateZ(0);
backface-visibility: hidden;
}
.tcb-widget-calendar-only .tcb-picker-panel {
border-top: 0;
}
.tcb-widget-calendar-only .tcb-legend {
margin-bottom: 10px;
}
.tcb-widget-calendar-only .tcb-calendar-shell {
position: relative;
display: block;
}
.tcb-widget-calendar-only .tcb-calendar-loading-overlay {
position: absolute;
inset: 0;
z-index: 10;
display: grid;
place-items: center;
pointer-events: none;
opacity: 0;
transition: opacity 170ms ease;
background: linear-gradient(
180deg,
rgba(246, 249, 253, 0.72) 0%,
rgba(243, 247, 252, 0.82) 100%
);
backdrop-filter: blur(2px);
}
.tcb-widget-calendar-only .tcb-calendar-loading-overlay.is-visible {
opacity: 1;
}
.tcb-widget-calendar-only .tcb-calendar-loading-card {
display: inline-flex;
align-items: center;
gap: 10px;
max-width: min(92%, 360px);
padding: 10px 14px;
border-radius: 999px;
border: 1px solid rgba(126, 152, 183, 0.42);
background: rgba(255, 255, 255, 0.94);
color: #20334f;
box-shadow: 0 12px 26px rgba(28, 52, 82, 0.12);
}
.tcb-widget-calendar-only .tcb-calendar-loading-spinner {
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid rgba(70, 117, 161, 0.24);
border-top-color: rgba(30, 92, 159, 0.96);
animation: tcbCalendarLoadingSpin 0.8s linear infinite;
}
.tcb-widget-calendar-only .tcb-calendar-loading-text {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1.25;
}
@keyframes tcbCalendarLoadingSpin {
to {
transform: rotate(360deg);
}
}
.tcb-widget-calendar-only .tcb-calendar-top-nav {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 6px;
opacity: 0;
transform: scale(0.98);
z-index: 8;
pointer-events: none;
transition: opacity 180ms ease, transform 180ms ease;
}
.tcb-widget-calendar-only .tcb-calendar-top-nav .tcb-cal-side {
pointer-events: auto;
}
.tcb-widget-calendar-only.is-nav-visible .tcb-calendar-top-nav,
.tcb-widget-calendar-only:hover .tcb-calendar-top-nav,
.tcb-widget-calendar-only:focus-within .tcb-calendar-top-nav {
opacity: 1;
transform: scale(1);
pointer-events: auto;
}
.tcb-widget-calendar-only .tcb-day {
width: 100%;
min-width: 0;
display: grid;
justify-self: stretch;
align-self: stretch;
position: relative;
z-index: 2;
}
.tcb-widget-calendar-only .tcb-month-title,
.tcb-widget-calendar-only .tcb-weekdays,
.tcb-widget-calendar-only .tcb-weekdays div {
pointer-events: none;
}
.tcb-widget-calendar-only .tcb-day-selectable {
touch-action: pan-y;
}
.tcb-widget-calendar-only .tcb-day-price {
display: none;
}
.tcb-guest-counter {
display: grid;
grid-template-columns: 30px minmax(0, 1fr) 30px;
align-items: center;
justify-content: flex-start;
gap: 5px;
border: 0;
border-radius: 10px;
background: linear-gradient(180deg, #fdfefe 0%, #f4f8fc 100%);
padding: 4px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 1px 5px rgba(22, 49, 79, 0.06);
}
.tcb-guest-btn {
width: 28px;
height: 28px;
border: 1px solid #b7c9dc;
border-radius: 8px;
background: linear-gradient(180deg, #fefefe 0%, #eef4f9 100%);
font-size: 1rem;
color: #2f6083;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
font-weight: 700;
box-shadow: 0 2px 6px rgba(19, 43, 71, 0.08);
cursor: pointer;
transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}
.tcb-guest-btn:hover:not(:disabled) {
transform: translateY(-1px);
border-color: #9cb4cc;
background: #fff;
color: #244f73;
box-shadow: 0 3px 8px rgba(19, 43, 71, 0.12);
}
.tcb-guest-btn:active:not(:disabled) {
transform: translateY(0);
box-shadow: 0 2px 6px rgba(19, 43, 71, 0.1);
}
.tcb-guest-btn:disabled {
opacity: 0.4;
background: #f1f5f9;
border-color: #d3deea;
box-shadow: none;
cursor: not-allowed;
}
.tcb-submit-actions {
margin-top: 0.62rem;
display: grid;
grid-template-columns: 3fr 1fr;
gap: 8px;
align-items: stretch;
}
.tcb-submit {
margin-top: 0;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid var(--accent, #547057);
border-radius: 999px;
min-height: 46px;
padding: 0.58rem 0.95rem;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.2;
color: #ffffff;
background: var(--accent, #547057);
box-shadow: 0 6px 14px rgba(24, 54, 33, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.2);
cursor: pointer;
transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.tcb-submit:hover:not(:disabled) {
transform: translateY(-3px);
background: var(--accent, #547057);
box-shadow: 0 10px 20px rgba(24, 54, 33, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
.tcb-submit:disabled {
opacity: 1;
background: linear-gradient(180deg, #dbe5eb 0%, #cfdbe3 100%);
color: #5d7282;
border-color: #c0ced8;
box-shadow: none;
cursor: not-allowed;
transform: none;
}
.tcb-submit:focus-visible,
.tcb-guest-btn:focus-visible {
outline: 2px solid #1e5fff;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.tcb-picker-panel {
transition: none !important;
transform: none !important;
}
}
@media (max-width: 760px) {
.tcb-widget {
margin: 0.5rem auto;
border-radius: 14px;
}
.tcb-picker-panel {
padding: 8px;
}
.tcb-summary-main {
align-items: flex-start;
}
.tcb-summary-total {
font-size: 2rem;
}
.tcb-contact-row {
padding: 8px 2px;
}
.tcb-contact-inline-fields-2,
.tcb-contact-inline-fields-address,
.tcb-contact-inline-fields-1 {
grid-template-columns: 1fr;
}
.tcb-contact-inline-field .tcb-guest-counter {
width: 100%;
max-width: 100%;
}
.tcb-calendar-grid {
grid-template-columns: 1fr;
}
.tcb-submit-actions {
gap: 6px;
}
.tcb-calendar-shell {
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 6px;
}
.tcb-widget-calendar-only .tcb-calendar-top-nav {
padding: 0 2px;
}
.tcb-cal-side {
width: 32px;
height: 32px;
display: block;
}
.tcb-cal-side::before {
font-size: 1.5rem;
}
.tcb-calendar-rows-nav {
height: 32px;
padding: 0 12px;
}
.tcb-calendar-rows-nav .tcb-cal-side {
width: 32px;
height: 32px;
}
} .tcb-modal-booking {
--tcb-modal-bg: #f6f8fc;
--tcb-modal-card: #ffffff;
--tcb-modal-text: #1f2a3c;
--tcb-modal-muted: #637086;
--tcb-modal-border: #dbe3ef;
--tcb-modal-primary: #0f5dff;
--tcb-modal-primary-soft: #e8f0ff;
--tcb-modal-free: #e9f8ee;
--tcb-modal-busy: #ffe7eb;
--tcb-modal-noprice: #f2f4f8;
--tcb-modal-shadow: 0 20px 42px rgba(16, 29, 52, 0.12);
max-width: 760px;
width: 100%;
margin: 1rem auto;
border: 1px solid var(--tcb-modal-border);
border-radius: 18px;
background: var(--tcb-modal-bg);
color: var(--tcb-modal-text);
box-shadow: var(--tcb-modal-shadow);
overflow: hidden;
}
.tcb-modal-booking,
.tcb-modal-booking * {
box-sizing: border-box;
}
.tcb-modal-inline-picker {
padding: 1rem;
}
.tcb-modal-form {
padding: 0;
}
.tcb-form-notice {
margin: 1rem 1rem 0;
padding: 0.72rem 0.9rem;
border: 1px solid transparent;
border-radius: 12px;
font-size: 0.96rem;
line-height: 1.35;
font-weight: 600;
}
.tcb-form-notice-success {
color: #1f6540;
background: #e9f7ef;
border-color: #bbdfcb;
}
.tcb-form-notice-error {
color: #8d2632;
background: #fff0f2;
border-color: #efc7cd;
}
.tcb-form-notice-info {
color: #204760;
background: #eef6fb;
border-color: #c8ddec;
}
.tcb-form-submit-notice {
width: min(320px, 100%);
margin: 0.8rem auto 0;
text-align: center;
}
.tcb-form-submit-notice:not([hidden]) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.62rem;
}
.tcb-form-submit-notice::before {
content: '';
width: 15px;
height: 15px;
flex: 0 0 15px;
border-radius: 50%;
border: 2px solid rgba(70, 117, 161, 0.24);
border-top-color: rgba(30, 92, 159, 0.96);
animation: tcbCalendarLoadingSpin 0.8s linear infinite;
}
.tcb-status-overlay {
position: fixed;
inset: 0;
z-index: 2147483647;
display: grid;
place-items: center;
padding: 16px;
}
.tcb-status-overlay[hidden] {
display: none !important;
}
.tcb-status-overlay-backdrop {
position: absolute;
inset: 0;
background: rgba(14, 24, 39, 0.58);
}
.tcb-status-overlay-card {
position: relative;
width: min(560px, calc(100vw - 24px));
border: 1px solid #bbdfcb;
border-radius: 18px;
background: #ffffff;
color: #19324a;
box-shadow: 0 30px 64px rgba(9, 18, 33, 0.32);
padding: 1.2rem 1.1rem 1.05rem;
}
.tcb-status-overlay-title {
margin: 0 0 0.5rem;
font-size: 1.62rem;
line-height: 1.24;
color: #1f6540;
}
.tcb-status-overlay-message {
margin: 0;
font-size: 1.22rem;
line-height: 1.68;
color: #1f3c54;
}
.tcb-status-overlay-action {
margin-top: 1.05rem;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
border: 1px solid #0f7582;
border-radius: 11px;
padding: 0.48rem 1.1rem;
background: linear-gradient(135deg, #1f98a7 0%, #167f94 55%, #136f86 100%);
color: #fff;
font-weight: 700;
font-size: 1.03rem;
cursor: pointer;
}
.tcb-status-overlay-action:hover {
background: linear-gradient(135deg, #27a4b2 0%, #1a8b9e 55%, #147c93 100%);
}
.tcb-modal-inline-title {
margin: 0 0 0.8rem;
font-size: 1.2rem;
line-height: 1.2;
letter-spacing: 0.01em;
}
.tcb-modal-fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.tcb-modal-field {
display: block;
margin: 0;
border: 1px solid var(--tcb-modal-border);
border-radius: 12px;
background: #fff;
padding: 0.55rem 0.6rem 0.6rem;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.tcb-modal-field > span {
display: block;
margin: 0 0 0.3rem;
font-size: 0.78rem;
line-height: 1.1;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #4f6483;
font-weight: 700;
}
.tcb-modal-field.is-active {
border-color: var(--tcb-modal-border);
box-shadow: none;
}
.tcb-modal-field-check-in.is-active {
background: #edf8f0;
}
.tcb-modal-field-check-out.is-active {
background: #eef4ff;
}
.tcb-modal-field-check-in.is-filled {
background: #eef9f1;
border-color: #c9e5d3;
}
.tcb-modal-field-check-out.is-filled {
background: #eff4ff;
border-color: #ccd9f2;
}
.tcb-modal-field.is-disabled {
opacity: 0.62;
}
.tcb-modal-date-input {
width: 100%;
border: 0;
outline: none;
background: transparent;
color: var(--body-text-color);
font-size: 16px;
font-weight: 700;
line-height: 1.2;
padding: 0.05rem 0;
cursor: pointer;
}
.tcb-modal-form input.tcb-modal-date-input {
margin-top: 0;
min-height: 0;
padding: 0.05rem calc(var(--tcb-availability-picker-width) + 10px) 0.05rem 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.tcb-modal-form input.tcb-modal-date-input:focus,
.tcb-modal-form input.tcb-modal-date-input:focus-visible {
border: 0;
box-shadow: none;
outline: none;
}
.tcb-modal-date-input::placeholder {
color: #7a8699;
font-weight: 500;
}
.tcb-modal-date-input[disabled] {
cursor: not-allowed;
}
.tcb-modal-field-check-in .tcb-modal-date-input.is-filled {
color: var(--body-text-color);
}
.tcb-modal-field-check-out .tcb-modal-date-input.is-filled {
color: var(--body-text-color);
}
.tcb-modal-form input[data-tcb-modal-adults],
.tcb-modal-form input[data-tcb-modal-children] {
appearance: textfield;
-moz-appearance: textfield;
text-align: center;
font-weight: 800;
}
.tcb-modal-form input[data-tcb-modal-adults]::-webkit-outer-spin-button,
.tcb-modal-form input[data-tcb-modal-adults]::-webkit-inner-spin-button,
.tcb-modal-form input[data-tcb-modal-children]::-webkit-outer-spin-button,
.tcb-modal-form input[data-tcb-modal-children]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.tcb-modal-selection-status {
margin: 0;
min-height: 1.2rem;
color: var(--tcb-modal-muted);
font-size: 1rem;
line-height: 1.35;
padding: 0.42rem 0.6rem;
border-radius: 10px;
transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.tcb-modal-selection-status.is-error {
color: #8d2632;
background: #fff0f2;
}
.tcb-modal-selection-status.is-selection-pending:not(.is-error) {
background: #f4f7fc;
color: #485f7e;
}
.tcb-modal-selection-status.is-selection-final:not(.is-error) {
background: #e8f6ef;
color: #1d5f3d;
font-size: 1.08rem;
font-weight: 800;
box-shadow: inset 0 0 0 1px #b9e1ca;
}
.tcb-modal-selection-row {
margin-top: 0.72rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tcb-modal-clear-selection {
border: 1px solid #c8d6ea;
border-radius: 12px;
background: #fff;
color: #355372;
font-weight: 700;
font-size: 1rem;
line-height: 1;
padding: 0.6rem 1.05rem;
min-height: 40px;
cursor: pointer;
white-space: nowrap;
display: inline-flex;
align-items: center;
justify-content: center;
}
.tcb-modal-clear-selection:hover:not(:disabled) {
background: #f0f5ff;
border-color: #93b2e4;
}
.tcb-modal-clear-selection:disabled {
opacity: 0.5;
cursor: default;
}
.tcb-modal-summary {
margin: 0 1rem;
}
.tcb-modal-summary .tcb-summary-label,
.tcb-modal-summary .tcb-summary-suffix,
.tcb-modal-summary .tcb-summary-note,
.tcb-modal-summary .tcb-summary-meta {
font-size: 1rem;
}
.tcb-modal-contact-fields {
margin: 2rem 1rem;
}
.tcb-modal-contact-fields .tcb-contact-inline-field .tcb-guest-counter {
margin-left: auto;
margin-right: auto;
justify-self: center;
}
.tcb-modal-submit-actions {
padding: 3rem 1rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tcb-modal-submit-actions .tcb-submit {
width: min(320px, 100%);
margin-left: auto;
margin-right: auto;
}
.tcb-modal-dialog {
position: fixed;
inset: 0;
z-index: 2147483640;
display: grid;
place-items: center;
padding: 12px;
}
.tcb-modal-dialog:not(.is-open) {
display: none !important;
}
.tcb-modal-dialog[hidden] {
display: none;
}
.tcb-modal-backdrop {
position: absolute;
inset: 0;
border: 0;
width: 100%;
height: 100%;
margin: 0;
background: rgba(13, 22, 37, 0.54);
cursor: pointer;
}
.tcb-modal-surface {
position: relative;
width: min(650px, calc(100vw - 24px));
max-height: calc(100vh - 24px);
overflow: auto;
border-radius: 20px;
border: 1px solid #d6deec;
background: var(--tcb-modal-card);
box-shadow: 0 28px 60px rgba(11, 21, 37, 0.34);
padding: 1rem 1rem 1.1rem;
}
.tcb-modal-surface.is-selecting-checkin {
box-shadow: 0 28px 60px rgba(14, 127, 67, 0.24);
}
.tcb-modal-surface.is-selecting-checkout {
box-shadow: 0 28px 60px rgba(15, 93, 255, 0.24);
}
.tcb-popup-surface {
position: relative;
}
.tcb-modal-close,
.tcb-popup-close {
position: absolute;
right: 8px;
top: 8px;
z-index: 3;
border: 0;
width: 44px;
height: 44px;
background: transparent;
color: rgba(22, 28, 37, 0.82);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
-webkit-tap-highlight-color: transparent;
}
.tcb-modal-close::before,
.tcb-popup-close::before {
content: "";
position: absolute;
border-radius: 999px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(244, 247, 252, 0.68));
border: 1px solid rgba(255, 255, 255, 0.82);
box-shadow:
0 10px 24px rgba(15, 23, 42, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.96),
inset 0 -1px 0 rgba(148, 163, 184, 0.14);
backdrop-filter: blur(18px) saturate(180%);
-webkit-backdrop-filter: blur(18px) saturate(180%);
transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.tcb-modal-close .tcb-close-icon,
.tcb-popup-close .tcb-close-icon {
position: relative;
z-index: 1;
width: 12px;
height: 12px;
pointer-events: none;
}
.tcb-modal-close .tcb-close-icon::before,
.tcb-modal-close .tcb-close-icon::after,
.tcb-popup-close .tcb-close-icon::before,
.tcb-popup-close .tcb-close-icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 1.8px;
border-radius: 999px;
background: currentColor;
transform-origin: center;
}
.tcb-modal-close .tcb-close-icon::before,
.tcb-popup-close .tcb-close-icon::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.tcb-modal-close .tcb-close-icon::after,
.tcb-popup-close .tcb-close-icon::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.tcb-modal-close:hover,
.tcb-popup-close:hover {
color: rgba(15, 23, 42, 0.92);
}
.tcb-modal-close:hover::before,
.tcb-popup-close:hover::before {
transform: scale(1.04);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 246, 252, 0.78));
box-shadow:
0 14px 28px rgba(15, 23, 42, 0.17),
inset 0 1px 0 rgba(255, 255, 255, 0.98),
inset 0 -1px 0 rgba(148, 163, 184, 0.14);
}
.tcb-modal-close:active::before,
.tcb-popup-close:active::before {
transform: scale(0.96);
}
.tcb-modal-close:focus-visible,
.tcb-popup-close:focus-visible {
outline: none;
}
.tcb-modal-close:focus-visible::before,
.tcb-popup-close:focus-visible::before {
box-shadow:
0 10px 24px rgba(15, 23, 42, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.96),
inset 0 -1px 0 rgba(148, 163, 184, 0.14),
0 0 0 3px rgba(15, 93, 255, 0.22);
}
.tcb-modal-header {
position: relative;
padding: 2.7rem 56px 0 0;
}
.tcb-modal-step {
margin: 0;
position: absolute;
top: 0.5rem;
right: 50px;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #0d7f43;
background: #e9f7ef;
border-radius: 12px;
display: inline-flex;
align-items: center;
line-height: 1.1;
padding: 0.4rem 0.86rem;
}
.tcb-modal-step.is-checkout {
color: #345b92;
background: #eaf1ff;
}
.tcb-modal-heading {
display: none;
}
.tcb-modal-heading.is-checkin {
color: #0d7f43;
}
.tcb-modal-heading.is-checkout {
color: #1c4f98;
}
.tcb-modal-legend {
display: flex;
gap: 0.9rem 1.15rem;
flex-wrap: wrap;
margin: 0 0 1rem;
color: #4f6180;
font-size: 0.95rem;
font-weight: 600;
}
.tcb-modal-legend span {
display: inline-flex;
align-items: center;
gap: 0.5rem;
line-height: 1.2;
}
.tcb-modal-dot {
position: relative;
display: inline-block;
width: 26px;
height: 20px;
border-radius: 7px;
border: 1px solid #dbe2ef;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
flex-shrink: 0;
}
.tcb-modal-dot-free {
background: #ecf7ef;
border-color: #dbe2ef;
}
.tcb-modal-dot-busy {
background: #ffe9ed;
border-color: #f0c0ca;
}
.tcb-modal-calendar-shell {
position: relative;
display: block;
}
.tcb-modal-calendar-loading-overlay {
position: absolute;
inset: 0;
z-index: 20;
display: grid;
place-items: center;
pointer-events: none;
opacity: 0;
transition: opacity 170ms ease;
background: linear-gradient(
180deg,
rgba(244, 248, 253, 0.7) 0%,
rgba(241, 246, 252, 0.84) 100%
);
backdrop-filter: blur(2px);
}
.tcb-modal-calendar-loading-overlay.is-visible {
opacity: 1;
}
.tcb-modal-calendar-loading-card {
display: inline-flex;
align-items: center;
gap: 10px;
max-width: min(92%, 370px);
padding: 11px 15px;
border-radius: 999px;
border: 1px solid rgba(127, 152, 184, 0.44);
background: rgba(255, 255, 255, 0.95);
color: #233856;
box-shadow: 0 14px 26px rgba(25, 46, 73, 0.14);
}
.tcb-modal-calendar-loading-spinner {
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid rgba(70, 117, 161, 0.24);
border-top-color: rgba(30, 92, 159, 0.96);
animation: tcbCalendarLoadingSpin 0.8s linear infinite;
}
.tcb-modal-calendar-loading-text {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1.25;
}
.tcb-modal-pair-nav {
display: grid;
grid-template-columns: 34px minmax(0, 1fr) 34px;
align-items: center;
gap: 4px;
margin: 0 0 8px;
}
.tcb-modal-month-strip {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
width: 100%;
min-width: 0;
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: #a8bfdf transparent;
white-space: nowrap;
padding: 0;
scroll-padding-inline: 42%;
}
.tcb-modal-month-strip::-webkit-scrollbar {
height: 4px;
}
.tcb-modal-month-strip::-webkit-scrollbar-thumb {
background: #a8bfdf;
border-radius: 10px;
}
.tcb-modal-month-tab {
border: 0;
background: transparent;
color: #2c63af;
font-size: 0.95rem;
font-weight: 700;
line-height: 1;
padding: 0.2rem 1.14rem 0.24rem;
min-height: 30px;
cursor: pointer;
border-radius: 10px;
}
.tcb-modal-month-tab:hover {
color: #164c8f;
}
.tcb-modal-month-tab.is-active {
background: #256ec3;
color: #fff;
position: relative;
z-index: 1;
}
.tcb-modal-month-tab.is-active-start:not(.is-active-end) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-right: 0.48rem;
}
.tcb-modal-month-tab.is-active-end:not(.is-active-start) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 0.48rem;
}
.tcb-modal-month-tab.is-active:not(.is-active-start):not(.is-active-end) {
border-radius: 0;
}
.tcb-modal-month-tab.is-active + .tcb-modal-month-tab.is-active {
margin-left: -1px;
}
.tcb-modal-calendar-actions {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.tcb-modal-calendar-action {
border: 1px solid #c7d6eb;
border-radius: 12px;
background: #fff;
color: #355370;
font-weight: 700;
font-size: 1rem;
line-height: 1;
padding: 0.62rem 1.15rem;
min-height: 42px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.tcb-modal-calendar-action:hover:not(:disabled) {
background: #eff5ff;
border-color: #8eb0dd;
}
.tcb-modal-calendar-action:disabled {
opacity: 0.5;
cursor: default;
}
.tcb-modal-calendar-action-clear {
color: #6f2a34;
border-color: #dcb2b8;
}
.tcb-modal-calendar-action-clear:hover:not(:disabled) {
background: #fff2f4;
border-color: #cd8792;
}
.tcb-modal-calendar-action-confirm {
margin-left: auto;
background: #1f66c2;
border-color: #1f66c2;
color: #fff;
}
.tcb-modal-calendar-action-confirm:hover:not(:disabled) {
background: #1853a0;
border-color: #1853a0;
}
.tcb-modal-nav {
width: 34px;
height: 34px;
border-radius: 999px;
border: 1px solid #98b5de;
background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
color: #1f4f8a;
font-size: 1.35rem;
font-weight: 800;
line-height: 1;
cursor: pointer;
padding: 0;
display: inline-grid;
place-items: center;
box-shadow: 0 8px 16px rgba(31, 78, 138, 0.14);
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.tcb-modal-nav-prev {
justify-self: start;
}
.tcb-modal-nav-next {
justify-self: end;
}
.tcb-modal-nav:hover:not(:disabled) {
transform: translateY(-1px) scale(1.02);
border-color: #5d8fce;
box-shadow: 0 12px 22px rgba(31, 78, 138, 0.2);
}
.tcb-modal-nav:focus-visible {
outline: 2px solid #2e6ed3;
outline-offset: 1px;
}
.tcb-modal-nav:disabled {
opacity: 0.42;
box-shadow: none;
cursor: default;
}
.tcb-modal-calendar {
width: 100%;
touch-action: pan-y;
overscroll-behavior-x: contain;
}
.tcb-modal-calendar-grid {
position: relative;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.tcb-modal-range-tooltip {
position: absolute;
z-index: 12;
left: 0;
top: 0;
transform: translate(-50%, calc(-100% - 10px));
pointer-events: none;
padding: 0.6rem 0.86rem;
border-radius: 12px;
border: 1px solid rgba(240, 248, 255, 0.16);
background: linear-gradient(180deg, rgba(91, 105, 114, 0.97) 0%, rgba(74, 89, 99, 0.97) 100%);
color: #f6fbff;
font-size: 1.04rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.01em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.14);
white-space: nowrap;
box-shadow:
0 10px 22px rgba(34, 47, 58, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.tcb-modal-range-tooltip::after {
content: '';
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgba(91, 105, 114, 0.94);
}
.tcb-modal-month {
border: 1px solid #d9e1ef;
border-radius: 12px;
padding: 8px;
background: #fafcff;
}
.tcb-modal-month-readonly {
opacity: 0.66;
}
.tcb-modal-month-readonly .tcb-modal-days {
pointer-events: none;
}
.tcb-modal-month-title {
margin: 0 0 6px;
font-size: 15px;
color: #20334f;
font-weight: 600;
text-align: left;
text-transform: capitalize;
}
.tcb-modal-weekdays {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 4px;
margin: 0;
}
.tcb-modal-weekdays div {
font-size: 11px;
color: #60708f;
font-weight: 600;
text-align: center;
}
.tcb-modal-days {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 4px;
grid-auto-rows: 44px;
}
.tcb-modal-day {
min-height: 44px;
border-radius: 7px;
border: 1px solid #dbe2ef;
background: #ecf7ef;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-rows: auto 1fr auto;
align-items: start;
gap: 2px;
padding: 4px;
font-size: 11px;
width: 100%;
min-width: 0;
text-align: left;
font: inherit;
appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
cursor: default;
}
.tcb-modal-day-number {
grid-column: 1;
grid-row: 1;
font-weight: 700;
font-size: 11px;
color: #20334f;
line-height: 1;
}
.tcb-modal-day-price {
grid-column: 2;
grid-row: 3;
justify-self: end;
align-self: end;
text-align: right;
font-size: 9px;
color: #4f6382;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tcb-modal-day-free {
background: #ecf7ef;
border-color: #dbe2ef;
}
.tcb-modal-day-busy {
background: #ffe9ed;
border-color: #f0c0ca;
}
.tcb-modal-day-minstay-blocked {
background: linear-gradient(145deg, #e4ece5 0%, #d9e2db 100%);
border-color: #bdcbc1;
box-shadow: inset 0 0 0 1px rgba(126, 147, 132, 0.16);
}
.tcb-modal-day-noprice {
background: #edf0f5;
border-color: #cfd6e3;
color: #8793a6;
}
.tcb-modal-day-selectable {
cursor: pointer;
}
.tcb-modal-day-selectable:hover {
border-color: #96afcf;
box-shadow: 0 2px 6px rgba(16, 43, 76, 0.12);
transform: none;
}
.tcb-modal-day-checkout {
background: linear-gradient(145deg, #e1ecff 0%, #cddfff 100%);
border-color: #6292d1;
box-shadow: inset 0 0 0 1px rgba(95, 143, 207, 0.32), 0 2px 7px rgba(43, 74, 121, 0.18);
color: #1f487b;
}
.tcb-modal-day-checkin {
background: linear-gradient(145deg, #dff3e9 0%, #c6e9d8 100%);
border-color: #5aa883;
box-shadow: inset 0 0 0 1px rgba(79, 162, 118, 0.3), 0 2px 7px rgba(34, 97, 66, 0.18);
color: #185e3d;
}
.tcb-modal-day-inrange {
background: linear-gradient(90deg, #e1f4e8 0%, #d8e9ff 100%);
border-color: #94b9de;
box-shadow: inset 0 0 0 1px rgba(111, 157, 207, 0.22);
}
.tcb-modal-day-checkout.tcb-modal-day-selectable:hover {
border-color: #4f7ec0;
box-shadow: inset 0 0 0 1px rgba(79, 126, 192, 0.34), 0 4px 10px rgba(36, 79, 136, 0.24);
}
.tcb-modal-day-checkin.tcb-modal-day-selectable:hover {
border-color: #3f8d63;
box-shadow: inset 0 0 0 1px rgba(63, 141, 99, 0.32), 0 4px 10px rgba(30, 106, 71, 0.24);
}
.tcb-modal-day-inrange.tcb-modal-day-selectable:hover {
border-color: #79a7d6;
box-shadow: inset 0 0 0 1px rgba(90, 140, 201, 0.3), 0 3px 8px rgba(70, 120, 180, 0.22);
}
.tcb-modal-day[disabled] {
opacity: 0.86;
}
.tcb-modal-day-minstay-blocked[disabled] {
opacity: 1;
cursor: not-allowed;
}
.tcb-modal-day-empty {
border: 0;
border-radius: 0;
background: transparent;
min-height: 44px;
padding: 0;
box-shadow: none;
pointer-events: none;
}
.tcb-modal-day-today {
border-color: #6ebfc1;
box-shadow: inset 0 0 0 2px rgba(11, 133, 136, 0.52), 0 0 0 1px rgba(11, 133, 136, 0.16);
}
.tcb-modal-day-today.tcb-modal-day-selectable:hover {
border-color: #53abaf;
box-shadow: inset 0 0 0 2px rgba(11, 133, 136, 0.58), 0 3px 10px rgba(11, 133, 136, 0.22);
}
.tcb-modal-day-busy .tcb-modal-day-number,
.tcb-modal-day-busy .tcb-modal-day-price,
.tcb-modal-day-noprice .tcb-modal-day-number,
.tcb-modal-day-noprice .tcb-modal-day-price {
color: #8a97ad;
}
.tcb-modal-day-minstay-blocked .tcb-modal-day-number,
.tcb-modal-day-minstay-blocked .tcb-modal-day-price {
color: #68786e;
}
.tcb-modal-day-checkin .tcb-modal-day-number,
.tcb-modal-day-checkin .tcb-modal-day-price,
.tcb-modal-day-checkout .tcb-modal-day-number,
.tcb-modal-day-checkout .tcb-modal-day-price {
color: inherit;
}
.tcb-availability-input-wrap {
position: relative;
--tcb-availability-picker-width: 58px;
}
.tcb-availability-picker-button:focus-visible {
outline: none;
}
.tcb-availability-picker-button {
position: absolute;
top: 1px;
right: 1px;
width: var(--tcb-availability-picker-width);
height: calc(100% - 2px);
border: 0;
border-left: 1px solid #d9ddd6;
border-radius: 0 13px 13px 0;
background: transparent;
color: #878e89;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: color 140ms ease, background-color 140ms ease;
}
.tcb-availability-picker-icon {
width: 18px;
height: 18px;
stroke: currentColor;
stroke-width: 1.6;
fill: none;
display: block;
margin: auto;
transform: translateY(0.5px);
}
.tcb-availability-picker-button:hover {
color: #5f6e63;
}
.tcb-availability-native-date {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
border: 0;
opacity: 0;
pointer-events: none;
color-scheme: light;
}
html.tcb-modal-open,
body.tcb-modal-open {
overflow: hidden;
}
@media (max-width: 860px) {
.tcb-availability-picker-button {
width: var(--tcb-availability-picker-width);
}
.tcb-availability-input-wrap {
--tcb-availability-picker-width: 52px;
}
.tcb-modal-fields {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.tcb-modal-calendar-shell {
display: block;
}
.tcb-modal-header {
padding: 2.35rem 36px 0 0;
}
.tcb-modal-step {
right: 42px;
top: 0.8rem;
font-size: 1.04rem;
padding: 0.34rem 0.72rem;
}
.tcb-modal-pair-nav {
grid-template-columns: 32px minmax(0, 1fr) 32px;
gap: 4px;
margin-bottom: 8px;
}
.tcb-modal-nav {
width: 32px;
height: 32px;
}
.tcb-modal-month-tab {
min-height: 28px;
font-size: 0.84rem;
padding: 0.18rem 0.34rem 0.22rem;
}
.tcb-modal-calendar-grid {
grid-template-columns: 1fr !important;
}
.tcb-modal-range-tooltip {
font-size: 0.94rem;
padding: 0.5rem 0.72rem;
}
.tcb-modal-calendar-actions {
flex-wrap: wrap;
}
.tcb-modal-day {
min-height: 44px;
}
.tcb-modal-selection-row {
flex-direction: column;
align-items: flex-start;
}
}
.tcb-guest-rating {
--tcb-rating-fill: 0%;
--tcb-rating-bg-start: rgba(255, 255, 255, 0.62);
--tcb-rating-bg-end: rgba(245, 251, 247, 0.34);
--tcb-rating-border: rgba(108, 133, 113, 0.28);
--tcb-rating-text: #2f4a3a;
--tcb-rating-muted: #5f7464;
--tcb-rating-accent: #214834;
--tcb-rating-star-base: rgba(90, 116, 98, 0.28);
--tcb-rating-star-fill: #efb24a;
width: min(100%, 430px);
padding: 0.92rem 1.05rem 0.98rem 1.18rem;
border-radius: 14px;
border: 1px solid var(--tcb-rating-border);
background: linear-gradient(145deg, var(--tcb-rating-bg-start) 0%, var(--tcb-rating-bg-end) 100%);
backdrop-filter: blur(14px) saturate(130%);
-webkit-backdrop-filter: blur(14px) saturate(130%);
box-shadow: 0 10px 28px rgba(36, 58, 43, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.55);
color: var(--tcb-rating-text);
display: grid;
gap: 0.36rem;
position: relative;
overflow: hidden;
transform: translateY(0);
transition: transform 180ms ease, box-shadow 180ms ease;
}
.tcb-guest-rating::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, rgb(72, 103, 81) 0%, rgb(65, 96, 76) 100%);
}
.tcb-guest-rating::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 38%);
pointer-events: none;
}
.tcb-guest-rating:hover {
transform: translateY(-1px);
box-shadow: 0 12px 30px rgba(36, 58, 43, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.58);
}
.tcb-guest-rating__title {
margin: 0;
font-size: 1.3rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--tcb-rating-muted);
font-weight: 600;
position: relative;
z-index: 1;
}
.tcb-guest-rating__score-line {
display: flex;
align-items: baseline;
gap: 0.28rem;
position: relative;
z-index: 1;
}
.tcb-guest-rating__score {
font-size: clamp(1.72rem, 4.2vw, 2.04rem);
line-height: 1;
font-weight: 800;
color: var(--tcb-rating-accent);
}
.tcb-guest-rating__outof {
font-size: 0.84rem;
line-height: 1;
color: var(--tcb-rating-muted);
font-weight: 600;
}
.tcb-guest-rating__stars {
position: relative;
display: inline-block;
width: max-content;
line-height: 1;
letter-spacing: 0.16em;
z-index: 1;
}
.tcb-guest-rating__stars-base,
.tcb-guest-rating__stars-fill {
display: block;
font-size: 2rem;
font-weight: 700;
}
.tcb-guest-rating__stars-base {
color: var(--tcb-rating-star-base);
}
.tcb-guest-rating__stars-fill {
color: var(--tcb-rating-star-fill);
position: absolute;
inset: 0 auto 0 0;
width: var(--tcb-rating-fill);
overflow: hidden;
white-space: nowrap;
text-shadow: 0 2px 5px rgba(240, 178, 74, 0.35);
}
.tcb-guest-rating__count {
margin: 0;
font-size: 0.9rem;
color: var(--tcb-rating-muted);
font-weight: 500;
position: relative;
z-index: 1;
}
.tcb-guest-rating__empty {
margin: 0;
font-size: 0.88rem;
color: var(--tcb-rating-text);
position: relative;
z-index: 1;
}
.tcb-guest-rating__link {
justify-self: end;
margin: 0.05rem 0 0;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.25;
color: #305943;
text-decoration: underline;
text-underline-offset: 0.15em;
text-decoration-thickness: 1px;
position: relative;
z-index: 2;
}
.tcb-guest-rating__link:hover {
color: #1f4632;
}
.tcb-guest-rating__link:focus-visible {
outline: 2px solid rgba(66, 104, 82, 0.55);
outline-offset: 2px;
border-radius: 4px;
}
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
.tcb-guest-rating {
background: rgba(250, 254, 251, 0.9);
}
}
@media (max-width: 640px) {
.tcb-guest-rating {
width: 100%;
border-radius: 12px;
}
}