@import url("https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600&display=swap');

/* Tailwind CSS */

/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 409px){
  .container{
    max-width: 409px;
  }
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1150px){
  .container{
    max-width: 1150px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1350px){
  .container{
    max-width: 1350px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

@media (min-width: 1640px){
  .container{
    max-width: 1640px;
  }
}

.visible{
  visibility: visible;
}

.static{
  position: static;
}

.relative{
  position: relative;
}

.block{
  display: block;
}

.inline{
  display: inline;
}

.grid{
  display: grid;
}

.hidden{
  display: none;
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Your CSS Styles */

@font-face {
  font-family: 'NeueHaasGrotesk';

  src: url('../../fonts/NHaasGroteskDSPro-55Rg.woff2') format('woff2'),
       url('../../fonts/NHaasGroteskDSPro-55Rg.woff') format('woff');

  font-weight: 450;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'NeueHaasGrotesk';

  src: url('../../fonts/NHaasGroteskDSPro-65Md.woff2') format('woff2'),
       url('../../fonts/NHaasGroteskDSPro-65Md.woff') format('woff');

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'NeueHaasGrotesk';

  src: url('../../fonts/NHaasGroteskDSPro-75Bd.woff2') format('woff2'),
       url('../../fonts/NHaasGroteskDSPro-75Bd.woff') format('woff');

  font-weight: 700;

  font-style: normal;

  font-display: swap;
}

.header-nofp {
}

.header-cont-sticky{
  position: fixed;
  top: 0px;
  z-index: 40;
  display: flex;
  min-height: 80px;
  width: 100%;
  align-items: center;
  border-radius: 2322.58px;
  background-color: transparent;
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media not all and (min-width: 1536px){
  .header-cont-sticky{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media not all and (min-width: 1024px){
  .header-cont-sticky{
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media not all and (min-width: 640px){
  .header-cont-sticky{
    padding-bottom: 0px;
  }
}

.header-cont-sticky .header-cont::before {
  content: "";
  position: absolute;
  inset: 0;
  /* top:0; right:0; bottom:0; left:0 */
  border-radius: 2322.58px;
  padding: 2px;
  /* grubość border */
  background: linear-gradient(180deg, #F2F2F2 0%, #C2C2C2 41.42%, #FFFFFF 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}

.header-cont-sticky .header-cont{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  display: flex;
  height: 82px;
  width: 100%;
  max-width: 1680px;
  align-items: center;
  justify-content: space-between;
  background-color: #D6D6D64D;
  padding-left: 34px;
  padding-right: 0.75rem;
}

@media (min-width: 1536px){
  .header-cont-sticky .header-cont{
    margin-top: 3rem;
  }
}

.header-cont-sticky .header-cont {
  border-radius: 2322.58px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(41.85px);
  -webkit-backdrop-filter: blur(41.85px);
  box-shadow:
    0px 39.52px 88.35px rgba(0, 0, 0, 0.1),
    0px 160.42px 160.42px rgba(0, 0, 0, 0.09),
    0px 362.69px 218.54px rgba(0, 0, 0, 0.05),
    0px 644px 258.06px rgba(0, 0, 0, 0.01),
    0px 1006.69px 281.31px rgba(0, 0, 0, 0);
}

.header-cont-sticky .header-cont_logo a {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.header-cont-sticky .header-cont_logo a svg{
  width: 230px;
}

.header-cont-sticky .header-cont_mid .menu-menu-glowne-container .main-menu{
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media not all and (min-width: 1024px){
  .header-cont-sticky .header-cont_mid .menu-menu-glowne-container .main-menu{
    display: none;
  }
}

@media (min-width: 1536px){
  .header-cont-sticky .header-cont_mid .menu-menu-glowne-container .main-menu{
    gap: 2.75rem;
  }
}

.header-cont-sticky .header-cont_mid .menu-menu-glowne-container .main-menu li{
  font-family: NeueHaasGrotesk, sans-serif;
  font-weight: 450;
}

@media (min-width: 1536px){
  .header-cont-sticky .header-cont_mid .menu-menu-glowne-container .main-menu li{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.header-cont-sticky .header-cont_mid .menu-menu-glowne-container .main-menu li span {
  transition: color 300ms ease;
}

.header-cont-sticky .header-cont_mid .menu-menu-glowne-container .main-menu li:hover span {
  color: #1FA1FF;
}

.header-cont-sticky .header-cont_mid .menu-menu-glowne-container .main-menu .active-link{
  color: #1FA1FF;
}

.header-cont-sticky .header-cont_right{
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.header-cont-sticky .header-cont_right #show-menu{
  margin-right: 1.25rem;
  height: 2.5rem;
  width: 2.5rem;
}

@media (min-width: 1024px){
  .header-cont-sticky .header-cont_right #show-menu{
    display: none;
  }
}

@media not all and (min-width: 1350px){
  .header-cont-sticky .header-cont_right .btn-blue{
    display: none;
  }
}

.header-cont-sticky .header-cont_right__box{
  position: relative;
  display: flex;
  height: 60px;
  width: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media not all and (min-width: 640px){
  .header-cont-sticky .header-cont_right__box{
    display: none;
  }
}

.header-cont-sticky .header-cont_right__box{
  transition: box-shadow 300ms ease;
}

.header-cont-sticky .header-cont_right__box:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
}

.header-cont-sticky .header-cont_right__box:hover .person-ico{
  filter: invert(1)
}

.header-cont-sticky .header-cont_right__box a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper{
  height: 60px;
  width: 60px;
  border-radius: 9999px;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt_float_switcher{
  height: 60px;
  width: 60px;
  overflow: auto;
  border-radius: 9999px !important;
  font-family: NeueHaasGrotesk, sans-serif !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt_options{
  position: absolute !important;
  left: -90px;
  width: -moz-max-content !important;
  width: max-content !important;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt_options a:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt-selected:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt-selected:hover .gt-lang-code{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt-selected:hover .gt_float_switcher-arrow {
  filter: brightness(3.5);
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt-selected .gt-current-lang{
  display: flex;
  height: 60px;
  width: 60px;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  border-radius: 9999px;
  padding: 0px;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt-selected .gt-current-lang img{
  display: none;
}

.pp-rooms-cont_item.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt-selected .gt-current-lang img {
  display: none;
}

.error-top .error-top-video .video-placeholder.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt-selected .gt-current-lang img{
  pointer-events: none;
  opacity: 0;
}

.header-cont-sticky .header-cont_right__box #gt_float_wrapper .gt-selected .gt-current-lang .gt_float_switcher-arrow{
  --tw-rotate: 0deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.bg-header-motion{
  top: -36px !important;
  z-index: 40;
  display: flex;
  min-height: 80px;
  width: 100%;
  align-items: center;
  background-color: transparent;
  padding-top: 1.25rem;
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media not all and (min-width: 640px){
  .bg-header-motion{
    padding-bottom: 0px;
  }
}

@media (min-width: 1536px){
  .bg-header-motion{
    top: -68px !important;
  }
}

.bg-header-motion .header-cont {
}

.header-cont-sticky.visible {
  top: 0px;
}

.header-cont-sticky.visible .header-cont {
}

.menu-visible{
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0) !important;
  visibility: inherit !important;
  opacity: 100 !important;
}

.menu-mobile,
.menu-mobile-user{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  display: flex;
  height: 100dvh;
  width: 100%;
  flex-direction: column;
  overflow-y: scroll;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  transform: translateX(-100%);
}

.menu-mobile .menu-mobile-cont, .menu-mobile-user .menu-mobile-cont{
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
}

.header-fp{
  border-style: none !important;
}

.gt_options{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.menu-mobile{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  height: 100dvh;
  width: 100%;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 460ms cubic-bezier(0.22, 1, 0.36, 1),
              visibility 460ms cubic-bezier(0.22, 1, 0.36, 1);
}

.menu-mobile #gt_float_wrapper{
  position: relative;
}

.menu-mobile .gt_options{
  max-width: 170px !important;
}

.menu-mobile .btn-blue{
  width: 100%;
}

.menu-mobile__backdrop{
  position: absolute;
  inset: 0px;
  background-color: transparent;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.menu-mobile .menu-mobile-cont{
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  background: #FFFFFF;
  width: min(400px, 92vw);
  border-radius: 0 26px 26px 0;
  box-shadow: 0 32px 80px rgba(37, 32, 105, 0.2), 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 28px 28px 24px;
  overflow-y: auto;
  overflow-x: hidden;
  transform: translateX(-100%);
  transition: transform 460ms cubic-bezier(0.22, 1, 0.36, 1);
}

.menu-mobile .menu-mobile-cont::before {
  content: '';
  position: absolute;
  top: 80px;
  right: 0;
  width: 3px;
  height: calc(100% - 160px);
  background: linear-gradient(180deg, transparent, #3B7BF5 30%, #252069 70%, transparent);
  border-radius: 99px;
  opacity: 0.15;
}

.menu-mobile.menu-visible {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

.menu-mobile.menu-visible .menu-mobile-cont {
  transform: translateX(0);
}

.menu-mobile.menu-visible .main-menu-mobile li {
  @for $i from 1 through 10 {
    &:nth-child(#{$i}) {
      animation: mob-item-in 400ms ($i * 55ms + 180ms) cubic-bezier(0.22, 1, 0.36, 1) both;
    }
  }
}

.menu-mobile__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36px;
}

.menu-mobile__logo {
  display: block;
}

.menu-mobile__logo img {
  display: block;
  height: 36px;
  width: auto;
}

.menu-mobile__close {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ECEAE3;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #252069;
  transition: background 200ms, transform 200ms;
  flex-shrink: 0;
}

.menu-mobile__close:hover {
  background: #d8d6cf;
  transform: rotate(90deg);
}

.menu-mobile__close svg {
  display: block;
}

.menu-mobile__nav {
  flex: 1;
}

.menu-mobile__nav .main-menu-mobile {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.menu-mobile__nav .main-menu-mobile li {
  opacity: 1;
}

.menu-mobile__nav .main-menu-mobile li a {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border-radius: 14px;
  color: #1A1A1A;
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: -0.01em;
  transition: background 180ms, color 180ms, padding-left 180ms;
  position: relative;
}

.menu-mobile__nav .main-menu-mobile li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 60%;
  background: #3B7BF5;
  border-radius: 99px;
  transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.menu-mobile__nav .main-menu-mobile li a:hover {
  background: #ECEAE3;
  color: #252069;
  padding-left: 22px;
}

.menu-mobile__nav .main-menu-mobile li a:hover::before {
  transform: translateY(-50%) scaleY(1);
}

.menu-mobile__nav .main-menu-mobile li.current-menu-item > a,
        .menu-mobile__nav .main-menu-mobile li.current_page_item > a {
  background: rgba(59, 123, 245, 0.08);
  color: #252069;
  font-weight: 600;
}

.menu-mobile__nav .main-menu-mobile li.current-menu-item > a::before, .menu-mobile__nav .main-menu-mobile li.current_page_item > a::before {
  transform: translateY(-50%) scaleY(1);
}

.menu-mobile__divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37, 32, 105, 0.12) 30%, rgba(37, 32, 105, 0.12) 70%, transparent);
  margin: 24px 0;
}

.menu-mobile__bottom {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.menu-mobile__panel-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: #ECEAE3;
  border-radius: 16px;
  text-decoration: none;
  color: #1A1A1A;
  font-size: 0.9375rem;
  font-weight: 500;
  transition: background 200ms, transform 150ms;
}

.menu-mobile__panel-btn:hover {
  background: #d8d6cf;
  transform: translateX(3px);
}

.menu-mobile__panel-btn span:not(.menu-mobile__panel-icon) {
  flex: 1;
}

.menu-mobile__panel-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.menu-mobile__panel-icon img {
  display: block;
}

.menu-mobile__panel-arrow {
  color: #888888;
  flex-shrink: 0;
}

.menu-mobile__lang {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  background: #ECEAE3;
  border-radius: 16px;
}

.menu-mobile__lang-label {
  font-size: 0.8125rem;
  color: #888888;
  white-space: nowrap;
}

.menu-mobile__lang-widget {
  flex: 1;
}

.menu-mobile__lang-widget #gt_float_wrapper .gt_float_switcher {
  box-shadow: none !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  font-size: 0.9rem !important;
}

.menu-mobile__lang-widget #gt_float_wrapper .gt_options {
  position: absolute !important;
  left: 0 !important;
  bottom: calc(100% + 8px) !important;
  top: auto !important;
  right: auto !important;
  width: -moz-max-content;
  width: max-content;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  z-index: 100;
}

.menu-mobile__lang-widget #gt_float_wrapper .gt-selected .gt-current-lang {
  padding: 8px 14px !important;
  gap: 6px;
  font-weight: 500;
}

.menu-mobile__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 17px 24px;
  background: #252069;
  color: #FFFFFF;
  border-radius: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: -0.01em;
  transition: background 200ms, transform 150ms, box-shadow 200ms;
  box-shadow: 0 8px 24px rgba(37, 32, 105, 0.3);
}

.menu-mobile__cta:hover {
  background: #302a85;
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(37, 32, 105, 0.38);
}

.menu-mobile__cta-arrow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 200ms;
}

.menu-mobile__cta:hover .menu-mobile__cta-arrow {
  background: rgba(255, 255, 255, 0.25);
}

.menu-mobile__footer-deco {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(37, 32, 105, 0.07);
  text-align: center;
  font-size: 0.75rem;
  color: #888888;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@keyframes mob-item-in {
  from {
    opacity: 0;
    transform: translateX(-16px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.menu-visible {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: all !important;
}

.menu-visible .menu-mobile-cont {
  transform: translateX(0) !important;
}

body.menu-is-open {
  overflow: hidden;
}

.footer{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  padding-bottom: 50px;
  padding-top: 50px;
}

@media (min-width: 640px){
  .footer{
    padding-top: 100px;
  }
}

.footer .footer-cont{
  position: relative;
  border-radius: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(22 21 22 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 88px;
  padding-bottom: 60px;
}

@media (min-width: 640px){
  .footer .footer-cont{
    padding-left: 90px;
    padding-right: 62px;
  }
}

@media (min-width: 1024px){
  .footer .footer-cont{
    padding-left: 120px;
  }
}

@media (min-width: 1536px){
  .footer .footer-cont{
    padding-left: 150px;
  }
}

.footer .footer-cont .promo-dec-one{
  position: absolute;
  top: -1px;
  right: -1px;
  width: 340px;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media not all and (min-width: 640px){
  .footer .footer-cont .promo-dec-one{
    display: none;
  }
}

.footer .footer-cont .dec-promo-two{
  position: absolute;
  top: -1px;
  left: -2px;
  width: 76px;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media not all and (min-width: 640px){
  .footer .footer-cont .dec-promo-two{
    display: none;
  }
}

.footer .footer-cont .back-top{
  position: absolute;
  top: 0.5rem;
  right: 2rem;
}

@media not all and (min-width: 640px){
  .footer .footer-cont .back-top{
    padding-top: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.footer .footer-cont .back-top button{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@keyframes wiggle{
  0%, 100%{
    transform: rotate(-3deg);
  }

  50%{
    transform: rotate(3deg);
  }
}

.footer .footer-cont .back-top img{
  animation: wiggle var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
  animation-iteration-count: infinite;
}

.footer .footer-cont .footer-head{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.75rem;
}

@media (min-width: 1024px){
  .footer .footer-cont .footer-head{
    flex-direction: row;
    align-items: center;
  }
}

.footer .footer-cont .footer-head_socials{
  display: flex;
  align-items: center;
  gap: 2rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media not all and (min-width: 640px){
  .footer .footer-cont .footer-head_socials{
    justify-content: center;
  }
}

.footer .footer-cont .footer-head_socials img{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .footer-cont .footer-head_socials img:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes wiggle-more{
  0%, 100%{
    transform: rotate(-12deg);
  }

  50%{
    transform: rotate(12deg);
  }
}

.footer .footer-cont .footer-head_socials img:hover{
  animation: wiggle-more var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
  animation-iteration-count: 1;
  filter: brightness(0) saturate(100%) invert(57%) sepia(87%)
              saturate(6000%) hue-rotate(190deg) brightness(95%);
}

.footer .footer-cont .footer-content{
  margin-top: 50px;
  display: flex;
  gap: 3rem;
}

@media not all and (min-width: 1280px){
  .footer .footer-cont .footer-content{
    flex-wrap: wrap;
  }
}

@media (min-width: 1280px){
  .footer .footer-cont .footer-content{
    margin-top: 100px;
    gap: 84px;
  }
}

.footer .footer-cont .footer-content_boxone{
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1280px){
  .footer .footer-cont .footer-content_boxone{
    max-width: 466px;
  }
}

.footer .footer-cont .footer-content_boxone h3{
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-content_boxone p{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.footer .footer-cont .footer-content_boxone p strong{
  margin-top: 0.625rem;
  display: block;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-content_boxone .btn-blue{
  margin-top: 58px;
}

.footer .footer-cont .footer-content_boxtwo h3{
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-content_boxtwo__contact{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-content_boxtwo__contact a{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .footer-cont .footer-content_boxtwo__contact a:hover{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-content_boxthree{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-content_boxthree h3{
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-content_boxthree__menu ul{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.footer .footer-cont .footer-content_boxthree__menu ul li{
  font-family: NeueHaasGrotesk, sans-serif;
  font-weight: 450;
}

@media (min-width: 1536px){
  .footer .footer-cont .footer-content_boxthree__menu ul li{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.footer .footer-cont .footer-content_boxthree__menu ul li span {
  transition: color 300ms ease;
}

.footer .footer-cont .footer-content_boxthree__menu ul li:hover span {
  color: #1fa1ff;
}

.footer .footer-cont .footer-bot{
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
}

@media (min-width: 1280px){
  .footer .footer-cont .footer-bot{
    margin-top: 72px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.footer .footer-cont .footer-bot_one{
  order: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media (min-width: 1280px){
  .footer .footer-cont .footer-bot_one{
    order: 1;
  }
}

.footer .footer-cont .footer-bot_two{
  order: 1;
  grid-column: span 2 / span 2;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media not all and (min-width: 1280px){
  .footer .footer-cont .footer-bot_two{
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 768px){
  .footer .footer-cont .footer-bot_two{
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 1280px){
  .footer .footer-cont .footer-bot_two{
    order: 2;
    grid-column: span 3 / span 3;
    justify-content: center;
  }
}

.footer .footer-cont .footer-bot_two a{
  position: relative;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .footer-cont .footer-bot_two a:hover{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.footer .footer-cont .footer-bot_two a::before{
  position: absolute;
  top: 50%;
  right: -10px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
}

@media not all and (min-width: 768px){
  .footer .footer-cont .footer-bot_two a::before{
    display: none;
  }
}

.footer .footer-cont .footer-bot_two a::before {
  content: "|";
}

.footer .footer-cont .footer-bot_two a:last-child::before{
  display: none;
}

.pp-rooms-cont_item.footer .footer-cont .footer-bot_two a:last-child::before {
  display: none;
}

.error-top .error-top-video .video-placeholder.footer .footer-cont .footer-bot_two a:last-child::before{
  pointer-events: none;
  opacity: 0;
}

.footer .footer-cont .footer-bot_three{
  order: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

footer{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
}

#form-popup-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#form-popup-overlay.active {
  opacity: 1;
  pointer-events: all;
}

.form-poup{
  display: flex;
  width: 100%;
  max-width: 834px;
  align-items: center;
  gap: 1.5rem;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
  padding: 1.75rem;
}

@media not all and (min-width: 640px){
  .form-poup{
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1024px){
  .form-poup{
    padding: 60px;
  }
}

@media not all and (min-width: 640px){
  .form-poup img{
    width: 100px;
  }
}

.form-poup{
  transform: translateY(16px);
  transition: transform 0.3s ease;
}

#form-popup-overlay.active .form-poup {
  transform: translateY(0);
}

.form-poup .form-poup-des{
  height: 100%;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(216 207 188 / var(--tw-bg-opacity));
  padding: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px){
  .form-poup .form-poup-des{
    padding: 3rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.mw-cf7-hidden {
  position: absolute;
  left: -9999px;
  display: block;
}

.heading-100{
  font-size: 44px;
  line-height: 120%;
}

@media (min-width: 1024px){
  .heading-100{
    font-size: 42px;
  }
}

@media (min-width: 1280px){
  .heading-100{
    font-size: 58px;
  }
}

@media (min-width: 1536px){
  .heading-100{
    font-size: 100px;
  }
}

.heading-58{
  font-size: 30px;
  line-height: 2.25rem;
}

@media (min-width: 1024px){
  .heading-58{
    font-size: 42px;
    line-height: 50px;
  }
}

@media (min-width: 1536px){
  .heading-58{
    font-size: 58px;
    line-height: 70px;
  }
}

.heading-small{
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.heading-small::before{
  position: absolute;
  left: 0px;
  top: 50%;
  height: 0.625rem;
  width: 0.625rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(22 21 22 / var(--tw-bg-opacity));
  content: "";
}

.btn-blue{
  position: relative;
  display: flex;
  height: 60px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  overflow: hidden;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
  padding-left: 30px;
  padding-right: 72px;
  font-size: 15px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .btn-blue{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.btn-blue::before{
  content: "";
  position: absolute;
  top: 0px;
  left: -100%;
  height: 100%;
  width: 50%;
  background: linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,0.5),
            transparent
        );
  transform: skewX(-25deg);
  transition: left 0.6s ease;
}

.btn-blue .arrow{
  position: absolute;
  top: 50%;
  right: 30px;
  display: flex;
  height: 27px;
  width: 27px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-blue .arrow span{
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}

.btn-blue .arrow span img{
  position: absolute;
  top: 50%;
  left: -10px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-blue:hover::before{
  left: 120%;
}

@keyframes wiggle-more{
  0%, 100%{
    transform: rotate(-12deg);
  }

  50%{
    transform: rotate(12deg);
  }
}

.btn-blue:hover .emoji{
  animation: wiggle-more var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
  animation-iteration-count: infinite;
}

.btn-blue:hover .arrow{
  right: 0.75rem;
}

.btn-blue-trans{
  position: relative;
  display: flex;
  height: 60px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  overflow: hidden;
  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 30px;
  padding-right: 72px;
  font-size: 15px;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .btn-blue-trans{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.btn-blue-trans::before{
  content: "";
  position: absolute;
  top: 0px;
  left: -100%;
  height: 100%;
  width: 50%;
  background: linear-gradient(
            120deg,
            transparent,
            rgba(31, 160, 255, 0.35),
            transparent
        );
  transform: skewX(-25deg);
  transition: left 0.6s ease;
}

.btn-blue-trans .arrow{
  position: absolute;
  top: 50%;
  right: 30px;
  display: flex;
  height: 27px;
  width: 27px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-blue-trans .arrow span{
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}

.btn-blue-trans .arrow span img{
  position: absolute;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-blue-trans:hover::before{
  left: 120%;
}

.btn-blue-trans:hover .arrow{
  right: 0.75rem;
}

.btn-blue-trans-d{
  position: relative;
  display: flex;
  height: 60px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 15px;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .btn-blue-trans-d{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.btn-blue-trans-d::before{
  content: "";
  position: absolute;
  top: 0px;
  left: -100%;
  height: 100%;
  width: 50%;
  background: linear-gradient(
            120deg,
            transparent,
            rgba(31, 160, 255, 0.35),
            transparent
        );
  transform: skewX(-25deg);
  transition: left 0.6s ease;
}

.btn-blue-trans-d:hover::before{
  left: 120%;
}

.btn-blue-trans-d .arrow-image{
}

.btn-blue-light{
  display: flex;
  max-height: 52px;
  align-items: center;
  gap: 0.625rem;
  border-radius: 100px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

/* ══════════════════════════════════════════════════
   Room Type Sidebar — dodatkowe style
   ══════════════════════════════════════════════════ */

/* ── Termin — nazwa + daty tooltip ────────────── */

.btn-term{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
  text-align: center;
  padding: 10px 18px;
  border: 1px solid #D1D5DB;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: all .15s;
  min-width: 140px;
}

.btn-term:hover {
  border-color: #1FA1FF;
  background: #F0F9FF;
}

.btn-term.active {
  border-color: #1FA1FF;
  background: #E8F7FF;
  box-shadow: 0 0 0 2px rgba(31, 161, 255, 0.2);
}

.btn-term__name{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.btn-term__dates{
  font-size: 11px;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

/* ── Brak terminów ────────────────────────────── */

.rt-no-terms{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

/* ── Loader dostępności ───────────────────────── */

.rt-availability-loader{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.rt-availability-loader span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.rt-loader-spinner {
  width: 20px;
  height: 20px;
  border: 2.5px solid #E5E7EB;
  border-top-color: #1FA1FF;
  border-radius: 50%;
  animation: rt-spin 0.6s linear infinite;
}

@keyframes rt-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ── Przycisk osoby — disabled ────────────────── */

.btn-person {
  padding: 8px 16px;
  border: 1px solid #D1D5DB;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  transition: all .15s;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.btn-person:hover:not(:disabled) {
  border-color: #1FA1FF;
  background: #F0F9FF;
}

.btn-person.active {
  border-color: #1FA1FF;
  background: #1FA1FF;
  color: #161516;
}

.btn-person--disabled, .btn-person:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: #F3F4F6;
  border-color: #E5E7EB;
  color: #9CA3AF;
}

/* ── Brak dostępności ─────────────────────────── */

.rt-unavailable{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
}

.rt-unavailable__icon {
  font-size: 32px;
  margin-bottom: 8px;
}

.rt-unavailable__text{
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

/* ── Alternatywy ──────────────────────────────── */

.rt-alt-title{
  margin-bottom: 0.5rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.rt-alt-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: all .15s;
  margin-bottom: 8px;
}

.rt-alt-card:hover {
  border-color: #1FA1FF;
  background: #F0F9FF;
}

.rt-alt-card__info {
  display: flex;
  flex-direction: column;
}

.rt-alt-card__info strong{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.rt-alt-card__info span{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.rt-alt-card__price{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.item-gender-choose{
  margin-top: 1rem;
}

.item-gender-choose h5{
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.item-gender-choose_btns{
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.btn-gender {
  padding: 8px 18px;
  border: 1px solid #D1D5DB;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  transition: all .15s;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.btn-gender:hover {
  border-color: #1FA1FF;
  background: #F0F9FF;
}

.btn-gender.active {
  border-color: #1FA1FF;
  background: #F0F9FF;
  color: #161516;
}

/* ── Reserve button disabled ──────────────────── */

#rt-reserve-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-person.active , .btn-term.active{
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  background-color: #1FA1FF0D;
}

.label-brown{
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(216 207 188 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 22px;
}

.label-gray{
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 22px;
}

.gl-contact{
  margin-top: 50px;
  overflow: hidden;
}

@media (min-width: 1150px){
  .gl-contact{
    margin-top: 80px;
  }
}

@media (min-width: 1536px){
  .gl-contact{
    margin-top: 100px;
  }
}

.gl-contact .gl-contact-cont{
  position: relative;
  height: 300px;
}

@media (min-width: 640px){
  .gl-contact .gl-contact-cont{
    height: 400px;
  }
}

.gl-contact .gl-contact-cont .promo-dec-one{
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 240px;
}

@media not all and (min-width: 640px){
  .gl-contact .gl-contact-cont .promo-dec-one{
    display: none;
  }
}

@media (min-width: 1280px){
  .gl-contact .gl-contact-cont .promo-dec-one{
    width: 340px;
  }
}

.gl-contact .gl-contact-cont .dec-promo-two{
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 2.5rem;
}

@media not all and (min-width: 640px){
  .gl-contact .gl-contact-cont .dec-promo-two{
    display: none;
  }
}

@media (min-width: 1280px){
  .gl-contact .gl-contact-cont .dec-promo-two{
    width: 76px;
  }
}

.gl-contact .gl-contact-cont .banner-img{
  height: 300px;
  width: 100%;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .gl-contact .gl-contact-cont .banner-img{
    height: 400px;
  }
}

.gl-contact .gl-contact-cont_des{
  position: absolute;
  left: 1.5rem;
  top: 50%;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1280px){
  .gl-contact .gl-contact-cont_des{
    left: 142px;
  }
}

.gl-contact .gl-contact-cont_des h3{
  font-size: 22px;
  font-weight: 500;
  line-height: 48px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .gl-contact .gl-contact-cont_des h3{
    font-size: 32px;
    font-weight: 700;
  }
}

@media (min-width: 1280px){
  .gl-contact .gl-contact-cont_des h3{
    font-size: 60px;
    line-height: 70px;
  }
}

.gl-contact .gl-contact-cont_des button{
  margin-top: 1rem;
}

@media (min-width: 1280px){
  .gl-contact .gl-contact-cont_des button{
    margin-top: 2rem;
  }
}

.gl-contact .gl-contact-cont::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 300px;
  width: 100%;
  border-radius: 25px;
  background-color: rgb(22 21 22 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}

@media (min-width: 640px){
  .gl-contact .gl-contact-cont::before{
    height: 400px;
  }
}

.gl-contact .gl-contact-cont::before {
  content: "";
}

.gl-contact-w{
  margin-top: 50px;
  overflow: hidden;
}

@media (min-width: 1150px){
  .gl-contact-w{
    margin-top: 80px;
  }
}

@media (min-width: 1536px){
  .gl-contact-w{
    margin-top: 100px;
  }
}

.gl-contact-w .gl-contact-cont-w{
  position: relative;
  height: 350px;
}

@media (min-width: 640px){
  .gl-contact-w .gl-contact-cont-w{
    height: 400px;
  }
}

@media (min-width: 1536px){
  .gl-contact-w .gl-contact-cont-w{
    height: 530px;
  }
}

.gl-contact-w .gl-contact-cont-w .promo-dec-one{
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 240px;
}

@media not all and (min-width: 640px){
  .gl-contact-w .gl-contact-cont-w .promo-dec-one{
    display: none;
  }
}

@media (min-width: 1280px){
  .gl-contact-w .gl-contact-cont-w .promo-dec-one{
    width: 340px;
  }
}

.gl-contact-w .gl-contact-cont-w .dec-promo-two{
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 2.5rem;
}

@media not all and (min-width: 640px){
  .gl-contact-w .gl-contact-cont-w .dec-promo-two{
    display: none;
  }
}

@media (min-width: 1280px){
  .gl-contact-w .gl-contact-cont-w .dec-promo-two{
    width: 76px;
  }
}

.gl-contact-w .gl-contact-cont-w .banner-img{
  height: 350px;
  width: 100%;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .gl-contact-w .gl-contact-cont-w .banner-img{
    height: 400px;
  }
}

@media (min-width: 1536px){
  .gl-contact-w .gl-contact-cont-w .banner-img{
    height: 530px;
  }
}

.gl-contact-w .gl-contact-cont-w_des{
  position: absolute;
  left: 1.5rem;
  top: 50%;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px){
  .gl-contact-w .gl-contact-cont-w_des{
    left: 142px;
  }
}

.gl-contact-w .gl-contact-cont-w_des h3{
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .gl-contact-w .gl-contact-cont-w_des h3{
    font-size: 32px;
    font-weight: 700;
  }
}

@media (min-width: 1280px){
  .gl-contact-w .gl-contact-cont-w_des h3{
    font-size: 60px;
    line-height: 70px;
  }
}

.gl-contact-w .gl-contact-cont-w_des a{
  margin-top: 1rem;
}

@media (min-width: 1280px){
  .gl-contact-w .gl-contact-cont-w_des a{
    margin-top: 2rem;
  }
}

.gl-contact-w .gl-contact-cont-w::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 350px;
  width: 100%;
  border-radius: 25px;
  background-color: rgb(22 21 22 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}

@media (min-width: 640px){
  .gl-contact-w .gl-contact-cont-w::before{
    height: 400px;
  }
}

@media (min-width: 1536px){
  .gl-contact-w .gl-contact-cont-w::before{
    height: 530px;
  }
}

.gl-contact-w .gl-contact-cont-w::before {
  content: "";
}

.mw-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

/* === MODAL === */

.mw-modal {
  position: relative;
  background: #e4e4e4;
  border-radius: 20px;
  padding: 52px 56px 44px;
  width: 100%;
  max-width: 1208px;
  max-height: 90vh;
  overflow-y: auto;
  box-sizing: border-box;
}

/* === CLOSE === */

.mw-close{
  padding-left: 1px;
  padding-top: 1px;
  font-weight: 600;
  position: absolute;
  top: 18px;
  right: 22px;
  background: none;
  border: 2px solid #333;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  line-height: 1;
}

.mw-close:hover {
  background: rgba(0,0,0,0.1);
}

.mw-slots{
  margin-top: 2.5rem;
  width: 100%;
  max-width: 104px;
  scrollbar-width: none !important;
}

.mw-calendar{
  width: 100%;
  max-width: 360px;
}

.mw-left{
  display: flex;
  gap: 2rem;
}

/* === TITLE === */

.mw-title {
  text-align: center;
  font-size: 30px;
  margin: 0 0 10px;
}

.mw-subtitle {
  text-align: center;
  font-size: 18px;
  margin: 0 0 36px;
}

/* === BODY GRID === */

.mw-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  align-items: start;
}

/* === SECTION LABEL === */

.mw-section-label {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin: 0 0 18px;
}

/* === CALENDAR === */

.mw-cal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.mw-cal-nav {
  background: none;
  border: none;
  font-size: 26px;
  color: #666;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.15s;
  line-height: 1;
}

.mw-cal-nav:hover {
  background: rgba(0,0,0,0.08);
}

.mw-cal-month {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
}

/* Grid 7 kolumn */

.mw-cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px 0;
}

.mw-day-name {
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: #999;
  padding-bottom: 8px;
}

.mw-cal-days {
  display: contents;
}

/* Dni */

.mw-day {
  text-align: center;
  font-size: 14px;
  color: #333;
  padding: 7px 2px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px auto;
  width: 34px;
  height: 34px;
}

.mw-day:hover {
  background: rgba(33,150,243,0.15);
}

.mw-day--active {
  background: #1FA1FF;
  color: #fff;
  font-weight: 400;
}

.mw-day--empty {
  pointer-events: none;
  visibility: hidden;
}

/* === SLOTY GODZIN === */

.mw-slots {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 320px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.mw-slot {
  border: 1px solid #1FA1FF;
  background: transparent;
  border-radius: 999px;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  text-align: center;
  width: 100%;
}

.mw-slot:hover,
.mw-slot--active {
  background: #1FA1FF;
  color: #fff;
}

/* === PRAWA STRONA === */

.mw-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}

.mw-label{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  margin-bottom: 6px;
}

.mw-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.mw-input {
  background: #ECEEEE;
  border: none;
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 15px;
  color: #222;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  transition: background 0.2s;
  font-family: inherit;
}

.mw-input:focus {
  background: #dddcdc;
}

.mw-textarea {
  resize: none;
  height: 58px;
}

/* === PRIVACY === */

.mw-privacy {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 22px;
}

.mw-privacy a{
  font-weight: 500;
  text-decoration: none;
}

.mw-privacy a:hover{
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.mw-submit-note {
  font-size: 12px;
  margin-top: 10px;
}

/* === CF7 UKRYTY === */

.mw-cf7-hidden {
  display: none !important;
}

/* Ale submit CF7 musi istnieć w DOM — ukrywamy wizualnie */

.mw-cf7-hidden .wpcf7-submit {
  display: none;
}

/* === RESPONSIVE === */

@media (max-width: 768px) {
  .mw-modal {
    padding: 36px 20px 28px;
  }

  .mw-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .mw-row {
    grid-template-columns: 1fr;
  }

  .mw-right {
    padding-top: 0;
  }
}

.mw-day--disabled {
  color: #bbb;
  pointer-events: none;
  cursor: default;
}

.mw-day--disabled:hover {
  background: transparent;
}

/* Overlay */

.rt-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 15, 28, 0.82);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.rt-modal-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

/* Modal box */

.rt-modal{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
  padding: 1.25rem;
  border-radius: 16px;
  width: 100%;
  max-width: 960px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.35);
  transform: translateY(24px) scale(0.97);
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.rt-modal-overlay.is-active .rt-modal {
  transform: translateY(0) scale(1);
}

/* Header */

.rt-modal__header{
  padding-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eef0f4;
  flex-shrink: 0;
}

.rt-modal__title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #1a2035;
  text-transform: uppercase;
}

.rt-modal__close{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  flex-shrink: 0;
}

.rt-modal__close svg{
  width: 10px;
}

.rt-modal__close:hover {
  background: #e5e7eb;
  color: #1a2035;
  transform: rotate(90deg);
}

/* Body */

.rt-modal__body {
  flex: 1;
  overflow: hidden;
  position: relative;
  background: #0a0f1c;
  min-height: 480px;
}

/* Iframe / video inside modal */

.rt-modal__body iframe,
.rt-modal__body video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 480px;
  border: none;
  -o-object-fit: contain;
  object-fit: contain;
}

.rt-modal__body video {
  background: #000;
}

/* Loading spinner */

.rt-modal__loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rt-modal__loader::after {
  content: '';
  width: 36px;
  height: 36px;
  border: 3px solid rgba(255,255,255,0.15);
  border-top-color: #fff;
  border-radius: 50%;
  animation: rtSpin 0.75s linear infinite;
}

@keyframes rtSpin {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive */

@media (max-width: 640px) {
  .rt-modal {
    max-height: 95vh;
    border-radius: 12px;
  }

  .rt-modal__body,
    .rt-modal__body iframe,
    .rt-modal__body video {
    min-height: 260px;
  }
}

.rt-modal__error {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #fff;
  text-align: center;
  padding: 24px;
}

.rt-modal__error p {
  font-size: 15px;
  opacity: 0.75;
  margin: 0;
}

.rt-modal__retry-btn {
  padding: 10px 28px;
  border-radius: 8px;
  border: 1.5px solid rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.08);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}

.rt-modal__retry-btn:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.6);
}

.breadcrumbs{
  margin-top: 110px;
  display: flex;
  gap: 0.5rem;
}

@media (min-width: 640px){
  .breadcrumbs{
    margin-top: 130px;
  }
}

@media (min-width: 1024px){
  .breadcrumbs{
    margin-top: 140px;
  }
}

@media (min-width: 1536px){
  .breadcrumbs{
    margin-top: 160px;
  }
}

.des-page{
  margin-top: 3.5rem;
}

.des-page h1{
  margin-top: 1.25rem;
  font-size: 30px;
  line-height: 2.25rem;
}

@media (min-width: 1024px){
  .des-page h1{
    font-size: 42px;
    line-height: 50px;
  }
}

@media (min-width: 1536px){
  .des-page h1{
    font-size: 58px;
    line-height: 70px;
  }
}

.des-page h2{
  margin-top: 1.25rem;
  font-size: 24px;
  line-height: 1.75rem;
}

@media (min-width: 1024px){
  .des-page h2{
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 1536px){
  .des-page h2{
    font-size: 38px;
    line-height: 48px;
  }
}

.des-page h3,
  .des-page h4,
  .des-page h5{
  margin-top: 1.25rem;
  font-size: 20px;
  line-height: 1.75rem;
}

@media (min-width: 1024px){
  .des-page h3,
  .des-page h4,
  .des-page h5{
    font-size: 22px;
    line-height: 30px;
  }
}

@media (min-width: 1536px){
  .des-page h3,
  .des-page h4,
  .des-page h5{
    font-size: 28px;
    line-height: 38px;
  }
}

.des-page ul{
  margin-top: 1.25rem;
  list-style-type: disc;
  padding-left: 1rem;
}

.des-page ol{
  margin-top: 1.25rem;
  list-style-type: decimal;
  padding-left: 1rem;
}

.des-page p{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.des-page strong{
  font-weight: 600;
}

.fp-top{
  margin-top: 110px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 2.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 640px){
  .fp-top{
    margin-top: 110px;
  }
}

@media (min-width: 1024px){
  .fp-top{
    flex-direction: row;
    gap: 1.25rem;
  }
}

@media (min-width: 1536px){
  .fp-top{
    margin-top: 160px;
    align-items: center;
  }
}

.fp-top .fp-top-title h1{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 54px;
  line-height: 60px;
}

@media not all and (min-width: 640px){
  .fp-top .fp-top-title h1{
    display: none;
  }
}

@media (min-width: 640px){
  .fp-top .fp-top-title h1{
    font-size: 70px;
    line-height: 60px;
  }
}

@media (min-width: 1024px){
  .fp-top .fp-top-title h1{
    gap: 2rem;
  }
}

@media (min-width: 1280px){
  .fp-top .fp-top-title h1{
    font-size: 70px;
  }
}

@media (min-width: 1350px){
  .fp-top .fp-top-title h1{
    font-size: 80px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-title h1{
    font-size: 140px;
    line-height: 130px;
  }
}

.fp-top .fp-top-title h1{
  opacity: 0;
}

.fp-top .fp-top-title h1 span{
}

@media (min-width: 1536px){
  .fp-top .fp-top-title h1 canvas{
    height: 280px;
    width: 280px;
  }
}

.fp-top .fp-top-title h1 canvas {
  display: inline-block;
  vertical-align: middle;
}

.fp-top .fp-top-title h1 #model-1{
  position: absolute;
  top: -70px;
}

@media not all and (min-width: 1536px){
  .fp-top .fp-top-title h1 #model-1{
    left: 260px;
    height: 155px;
    width: 155px;
  }
}

@media not all and (min-width: 640px){
  .fp-top .fp-top-title h1 #model-1{
    left: 190px;
  }
}

@media (min-width: 640px){
  .fp-top .fp-top-title h1 #model-1{
    top: -52px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-title h1 #model-1{
    right: 60px;
    top: -114px;
  }
}

.fp-top .fp-top-title h1 #model-2{
  position: absolute;
  left: 86px;
  top: 54px;
}

@media not all and (min-width: 1536px){
  .fp-top .fp-top-title h1 #model-2{
    height: 135px;
    width: 135px;
  }
}

@media not all and (min-width: 640px){
  .fp-top .fp-top-title h1 #model-2{
    height: 96px;
    width: 96px;
  }
}

@media (min-width: 640px){
  .fp-top .fp-top-title h1 #model-2{
    left: 115px;
    top: 84px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-title h1 #model-2{
    left: 207px;
    top: 104px;
  }
}

.fp-top .fp-top-title h1 .title{
  display: flex;
  align-items: center;
}

@media not all and (min-width: 640px){
  .fp-top .fp-top-title h1 .title{
    display: none;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-title h1 .title{
    margin-top: 1rem;
  }
}

@media not all and (min-width: 1536px){
  .fp-top .fp-top-title h1 .title img{
    width: 8%;
  }
}

@media not all and (min-width: 640px){
  .fp-top .fp-top-title h1 .title img{
    width: 10%;
  }
}

.fp-top .fp-top-title h1 .title img:first-child{
  margin-right: 0.25rem;
}

.fp-top .fp-top-title h1 .title img:nth-child(3){
  margin-left: -6px;
}

@media not all and (min-width: 1536px){
  .fp-top .fp-top-title h1 .title img:nth-child(3){
    width: 9.5%;
  }
}

@media not all and (min-width: 640px){
  .fp-top .fp-top-title h1 .title img:nth-child(3){
    width: 12%;
  }
}

@media (min-width: 640px){
  .fp-top .fp-top-title h1 .title img:nth-child(3){
    margin-left: -10px;
  }
}

.fp-top .fp-top-title h1 .title img:nth-child(4){
  margin-left: -5px;
}

@media (min-width: 640px){
  .fp-top .fp-top-title h1 .title img:nth-child(4){
    margin-left: -5px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-title h1 .title img:nth-child(4){
    margin-left: -10px;
  }
}

.fp-top .fp-top-title h1 .title img:nth-child(5){
  margin-left: 5px;
  margin-right: 5px;
}

@media (min-width: 640px){
  .fp-top .fp-top-title h1 .title img:nth-child(5){
    margin-left: 11px;
    margin-right: 11px;
  }
}

.fp-top .fp-top-title h1 .title img:nth-child(6){
  margin-right: 0.25rem;
}

@media (min-width: 640px){
  .fp-top .fp-top-title h1 .title img:nth-child(6){
    margin-right: 0.75rem;
  }
}

.fp-top .fp-top-title h1 .title img:nth-child(7){
  margin-right: 0.25rem;
}

@media (min-width: 640px){
  .fp-top .fp-top-title h1 .title img:nth-child(7){
    margin-right: 0.75rem;
  }
}

.fp-top .fp-top-title h1 .title img:nth-child(9){
  margin-left: 0.5rem;
}

@media (min-width: 640px){
  .fp-top .fp-top-title a{
    margin-top: 2rem;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-title a{
    margin-top: 3rem;
  }
}

.fp-top .fp-top-video{
  position: relative;
  min-height: 390px;
  width: 100%;
  overflow: hidden;
}

@media not all and (min-width: 1536px){
  .fp-top .fp-top-video{
    max-height: 390px;
  }
}

@media (min-width: 1024px){
  .fp-top .fp-top-video{
    max-width: 480px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-video{
    min-height: 580px;
    max-width: 680px;
  }
}

.fp-top .fp-top-video .frame-one{
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 10;
  width: 54px;
}

@media (min-width: 640px){
  .fp-top .fp-top-video .frame-one{
    width: 70px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-video .frame-one{
    width: 80px;
  }
}

.fp-top .fp-top-video .frame-two{
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 10;
  width: 88px;
}

@media (min-width: 640px){
  .fp-top .fp-top-video .frame-two{
    width: 102px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-video .frame-two{
    width: 206px;
  }
}

.fp-top .fp-top-video .frame-three{
  position: absolute;
  bottom: -1px;
  right: -1px;
  z-index: 10;
  width: 40px;
}

@media (min-width: 640px){
  .fp-top .fp-top-video .frame-three{
    width: 50px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-video .frame-three{
    width: 68px;
  }
}

.fp-top .fp-top-video .frame-four{
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 10;
  width: 52px;
}

@media (min-width: 640px){
  .fp-top .fp-top-video .frame-four{
    width: 60px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-video .frame-four{
    width: 70px;
  }
}

.fp-top .fp-top-video iframe{
  min-height: 390px;
  width: 100%;
  max-width: 580px;
  padding: 1px;
}

@media (min-width: 1350px){
  .fp-top .fp-top-video iframe{
    max-width: 680px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-video iframe{
    min-height: 580px;
  }
}

.fp-top .fp-top-video video{
  min-height: 390px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 1px;
}

@media (min-width: 1024px){
  .fp-top .fp-top-video video{
    max-width: 580px;
  }
}

@media (min-width: 1350px){
  .fp-top .fp-top-video video{
    max-width: 680px;
  }
}

@media (min-width: 1536px){
  .fp-top .fp-top-video video{
    min-height: 580px;
  }
}

.fp-top .fp-top-video .hero-image{
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.fp-new{
  margin-top: 2.5rem;
}

@media (min-width: 640px){
  .fp-new{
    margin-top: 80px;
  }
}

@media (min-width: 1536px){
  .fp-new{
    margin-top: 120px;
  }
}

.fp-new .fp-new-cont{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.5rem;
}

@media (min-width: 1024px){
  .fp-new .fp-new-cont{
    flex-direction: row;
  }
}

.fp-new .fp-new-cont_left{
  width: 100%;
}

@media (min-width: 1024px){
  .fp-new .fp-new-cont_left{
    margin-top: 54px;
    max-width: 770px;
  }
}

.fp-new .fp-new-cont_left__des{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  width: 100%;
  max-width: 640px;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px){
  .fp-new .fp-new-cont_left__des{
    margin-top: 2.5rem;
    margin-bottom: 30px;
    gap: 2rem;
  }
}

@media (min-width: 1536px){
  .fp-new .fp-new-cont_left__des{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.fp-new .fp-new-cont_right{
  position: relative;
}

@media not all and (min-width: 1536px){
  .fp-new .fp-new-cont_right{
    margin-right: -90px;
    max-height: 480px;
  }
}

@media not all and (min-width: 1024px){
  .fp-new .fp-new-cont_right{
    margin-right: 0px;
  }
}

@media not all and (min-width: 640px){
  .fp-new .fp-new-cont_right{
    display: none;
  }
}

@media (min-width: 1024px){
  .fp-new .fp-new-cont_right{
    min-height: 480px;
    width: 620px;
  }
}

@media (min-width: 1536px){
  .fp-new .fp-new-cont_right{
    min-height: 707px;
    width: 877px;
  }
}

@media (min-width: 1024px){
  .fp-new .fp-new-cont_right__images{
    width: 620px;
  }
}

@media (min-width: 1536px){
  .fp-new .fp-new-cont_right__images{
    width: 877px;
  }
}

.fp-new .fp-new-cont_right__images img:nth-child(1){
  position: absolute;
  left: 116px;
  bottom: 0px;
  z-index: 6;
}

@media not all and (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(1){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fp-new .fp-new-cont_right__images img:nth-child(1){
    width: 50%;
  }
}

@media (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(1){
    left: 232px;
  }
}

.fp-new .fp-new-cont_right__images img:nth-child(2){
  position: absolute;
  left: 240px;
  bottom: 80px;
  z-index: 5;
}

@media not all and (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(2){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fp-new .fp-new-cont_right__images img:nth-child(2){
    width: 50%;
  }
}

@media (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(2){
    left: 398px;
    bottom: 205px;
  }
}

.fp-new .fp-new-cont_right__images img:nth-child(3){
  position: absolute;
  right: 84px;
  top: 1.25rem;
  z-index: 4;
}

@media not all and (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(3){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fp-new .fp-new-cont_right__images img:nth-child(3){
    width: 50%;
  }
}

@media (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(3){
    right: 0px;
    top: 0px;
  }
}

.fp-new .fp-new-cont_right__images img:nth-child(4){
  position: absolute;
  top: 84px;
  left: 130px;
  z-index: 2;
  width: 100%;
  max-width: 260px;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(4){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fp-new .fp-new-cont_right__images img:nth-child(4){
    width: 50%;
  }
}

@media (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(4){
    left: 278px;
  }
}

.fp-new .fp-new-cont_right__images img:nth-child(5){
  position: absolute;
  left: 0px;
  bottom: 70px;
  z-index: 3;
}

@media not all and (min-width: 1536px){
  .fp-new .fp-new-cont_right__images img:nth-child(5){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fp-new .fp-new-cont_right__images img:nth-child(5){
    width: 50%;
  }
}

@media (max-width: 1023px) {
  .fp-new .fp-new-cont_right__images{
    position: relative;
    display: flex;
    max-height: none;
    min-height: 0px;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
  }

  .fp-new .fp-new-cont_right__images img{
    width: calc(33% - 0.5rem);
    min-width: 90px;
    max-width: 160px;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }

  .fp-new .fp-new-cont_right__images img:nth-child(1){
    align-self: flex-end;
    transform: rotate(-3deg) translateY(6px);
    z-index: 3;
  }

  .fp-new .fp-new-cont_right__images img:nth-child(2) {
    transform: rotate(2deg) translateY(-10px);
    z-index: 4;
    margin-bottom: 12px;
  }

  .fp-new .fp-new-cont_right__images img:nth-child(3){
    align-self: flex-start;
    transform: rotate(-1.5deg) translateY(4px);
    z-index: 2;
  }

  .fp-new .fp-new-cont_right__images img:nth-child(4){
    border-radius: 1rem;
    transform: rotate(3deg) translateY(-6px);
    z-index: 5;
    max-width: 140px;
  }

  .fp-new .fp-new-cont_right__images img:nth-child(5){
    align-self: flex-end;
    transform: rotate(-2deg) translateY(8px);
    z-index: 3;
  }
}

.fp-rooms{
  position: relative;
  margin-top: 50px;
}

@media (min-width: 640px){
  .fp-rooms{
    margin-top: 50px;
  }
}

@media (min-width: 1024px){
  .fp-rooms{
    margin-top: 100px;
  }
}

.fp-rooms_logo{
  position: absolute;
  top: 0px;
  right: 0px;
}

@media not all and (min-width: 1536px){
  .fp-rooms_logo{
    width: 700px;
  }
}

@media not all and (min-width: 640px){
  .fp-rooms_logo{
    display: none;
  }
}

.fp-rooms .fp-rooms-head{
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  max-width: 500px;
  flex-direction: column;
  gap: 1rem;
}

.fp-rooms .fp-rooms-head h4{
  height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.fp-rooms .fp-rooms-head h4::before{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
}

.fp-rooms .fp-rooms-cont_content{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content{
    margin-top: 78px;
    flex-direction: row;
  }
}

.fp-rooms .fp-rooms-cont_content .fp-rooms-mob-select{
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content .fp-rooms-mob-select{
    display: none;
  }
}

.fp-rooms .fp-rooms-cont_content .fp-rooms-mob-select select{
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 12px;
  border-width: 1px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-family: inherit;
  background-color: #FFFFFF;
  border: 1px solid #D1D5DB;
  color: #000000;
}

.fp-rooms .fp-rooms-cont_content .fp-rooms-mob-select select:focus {
  border-color: #3B82F6;
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.3);
}

.fp-rooms .fp-rooms-cont_content .fp-rooms-mob-select select:hover {
  border-color: #9CA3AF;
}

.fp-rooms .fp-rooms-cont_content .fp-rooms-mob-select__arrow{
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 20px;
  height: 20px;
  color: #AEAEAE;
}

select:focus + .fp-rooms .fp-rooms-cont_content .fp-rooms-mob-select__arrow {
  transform: translateY(-50%) rotate(180deg);
  color: #333333;
}

.fp-rooms .fp-rooms-cont_content__types{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.25rem;
}

@media not all and (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__types{
    display: none;
    overflow-x: scroll;
  }
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__types{
    max-width: 230px;
  }
}

@media (min-width: 1536px){
  .fp-rooms .fp-rooms-cont_content__types{
    max-width: 402px;
  }
}

.fp-rooms .fp-rooms-cont_content__types{
  scrollbar-width: none;
}

.fp-rooms .fp-rooms-cont_content__types___item button{
  display: flex;
  max-height: 60px;
  min-height: 60px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 245 / var(--tw-bg-opacity));
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: start;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(174 174 174 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.fp-rooms .fp-rooms-cont_content__types___item button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.fp-rooms .fp-rooms-cont_content__types___item .active-cta{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.fp-rooms .fp-rooms-cont_content__info{
  display: flex;
  flex-direction: column-reverse;
  gap: 1.5rem;
}

@media (min-width: 1280px){
  .fp-rooms .fp-rooms-cont_content__info{
    flex-direction: row;
  }
}

.fp-rooms .fp-rooms-cont_content__info___img{
  position: relative;
  height: 350px;
  width: 100%;
  max-width: 686px;
  overflow: hidden;
  border-radius: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___img{
    display: none;
  }
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___img{
    height: 520px;
  }
}

@media (min-width: 1536px){
  .fp-rooms .fp-rooms-cont_content__info___img{
    height: 686px;
  }
}

.fp-rooms .fp-rooms-cont_content__info___img .main-img{
  height: 100%;
  width: 100%;
  border-radius: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.fp-rooms .fp-rooms-cont_content__info___img .decoration-puzzel{
  position: absolute;
  top: -2px;
  right: -1px;
  z-index: 10;
  height: 108px;
  width: 108px;
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___img .decoration-puzzel{
    height: 148px;
    width: 148px;
  }
}

@media (min-width: 1536px){
  .fp-rooms .fp-rooms-cont_content__info___img .decoration-puzzel{
    height: 198px;
    width: 198px;
  }
}

.fp-rooms .fp-rooms-cont_content__info___img:hover .main-img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.fp-rooms .fp-rooms-cont_content__info___des{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___des{
    max-width: 540px;
  }
}

.fp-rooms .fp-rooms-cont_content__info___des .fp-rooms-cont-img-mob{
  position: relative;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  height: 350px;
  width: 100%;
  max-width: 686px;
  overflow: hidden;
  border-radius: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___des .fp-rooms-cont-img-mob{
    display: none;
    height: 520px;
  }
}

@media (min-width: 1280px){
  .fp-rooms .fp-rooms-cont_content__info___des .fp-rooms-cont-img-mob{
    height: 686px;
  }
}

.fp-rooms .fp-rooms-cont_content__info___des .fp-rooms-cont-img-mob .main-img{
  height: 100%;
  width: 100%;
  border-radius: 60px;
  -o-object-fit: cover;
  object-fit: cover;
}

.fp-rooms .fp-rooms-cont_content__info___des .fp-rooms-cont-img-mob .decoration-puzzel{
  position: absolute;
  top: -2px;
  right: -1px;
  z-index: 10;
  height: 108px;
  width: 108px;
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___des .fp-rooms-cont-img-mob .decoration-puzzel{
    height: 198px;
    width: 198px;
  }
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-price{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-price #room-price{
  font-size: 40px;
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-price .pln-value{
  font-size: 40px;
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-price .more-text{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-icons{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  gap: 30px;
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-icons_item{
  display: flex;
  height: 90px;
  width: 90px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___des .room-type-icons_item{
    height: 100px;
    width: 100px;
  }
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-icons_item span{
  line-height: 40px;
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-des span{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.fp-rooms .fp-rooms-cont_content__info___des .room-type-buttons{
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___des .room-type-buttons{
    flex-direction: row;
    align-items: center;
    gap: 30px;
  }
}

@media not all and (min-width: 640px){
  .fp-rooms .fp-rooms-cont_content__info___des .room-type-buttons button{
    width: 100%;
  }
}

.fp-icons{
  margin-top: 2.5rem;
}

@media (min-width: 1024px){
  .fp-icons{
    margin-top: 76px;
  }

  .fp-icons .fp-icons-heading h3{
    margin-left: auto;
    max-width: 706px;
  }
}

.fp-icons .swiper-icons{
  margin-top: 2.5rem;
}

@media (min-width: 1024px){
  .fp-icons .swiper-icons{
    margin-top: 90px;
  }
}

.fp-icons .swiper-icons .swiper-slide{
  position: relative;
  display: flex;
  height: 260px;
  max-width: 260px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(22 21 22 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  cursor: pointer;
}

.fp-icons .swiper-icons .swiper-slide .slide-icon{
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}

.fp-icons .swiper-icons .swiper-slide p{
  font-size: 26px;
  position: relative;
  z-index: 2;
}

.fp-icons .swiper-icons .swiper-slide .decoration-image{
  position: absolute;
  top: -2px;
  right: -6px;
  height: 56px;
  width: 4rem;
  z-index: 3;
}

.fp-icons .swiper-icons .swiper-slide .slide-icon-hover{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  -webkit-clip-path: circle(0% at 50% 50%);
  clip-path: circle(0% at 50% 50%);
}

.fp-icons a{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
}

.fp-choose{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1024px){
  .fp-choose{
    margin-top: 100px;
  }
}

.fp-choose .fp-choose-head{
  display: flex;
  width: 100%;
  max-width: 1124px;
  flex-direction: column;
}

@media (min-width: 640px){
  .fp-choose .fp-choose-head{
    align-items: center;
    text-align: center;
  }
}

.fp-choose .fp-choose-head h4{
  margin-bottom: 1rem;
  height: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.fp-choose .fp-choose-head h4::before{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
}

.fp-choose .fp-choose-head_des{
  margin-top: 0.5rem;
  display: block;
  width: 100%;
  max-width: 828px;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.fp-choose .btn-blue-trans-d, .fp-choose .btn-blue{
  margin-top: 1.25rem;
}

@media (min-width: 640px){
  .fp-choose .btn-blue-trans-d, .fp-choose .btn-blue{
    margin-top: 2.5rem;
  }
}

.fp-choose .fp-choose-icons{
  margin-top: 50px;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons{
    align-items: center;
  }
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons{
    flex-direction: row;
  }
}

.fp-choose .fp-choose-icons-hidden-row{
  margin-top: 1.5rem;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
  display: flex;
  max-height: 0;
  opacity: 0;
  transition: grid-template-rows 0.6s ease, opacity 0.5s ease 0.1s;
  overflow: hidden;
}

.fp-choose .fp-choose-icons-hidden-row.fp-expanded {
  max-height: -moz-fit-content;
  max-height: fit-content;
  opacity: 1;
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner{
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 24px;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner{
    flex-direction: column;
    align-items: center;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner {
  min-height: 0;
  overflow: hidden;
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four{
  position: relative;
  width: 100%;
  max-width: 592px;
  flex-direction: column-reverse;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 35px;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four{
    gap: 30px;
  }
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four{
    min-height: 765px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .box-four-dec{
  position: absolute;
  top: 0px;
  left: -1px;
  z-index: 10;
  height: 400px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .box-four-dec{
    display: none;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .box-two-dec-three{
  position: absolute;
  top: 190px;
  left: 0px;
  z-index: 20;
  height: 248px;
  width: 101%;
  max-width: 592px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .box-two-dec-three{
    display: none;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .box-two-dec-three{
  transform: scale(-1, -1);
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__img{
  bottom: 0px;
  left: 0px;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__img{
    position: absolute;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__img img{
  height: 320px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__img img{
    height: 596px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__content{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__content{
    --tw-bg-opacity: 1;
    background-color: rgb(216 207 188 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__content{
    height: 418px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__content img{
  position: relative;
  z-index: 20;
  margin-bottom: 1rem;
  max-width: 200px;
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__content h3{
  position: relative;
  z-index: 20;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__content h3{
    font-size: 30px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__content p{
  position: relative;
  z-index: 20;
  max-width: 525px;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-four .fp-choose-icons_item__content p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five{
  width: 100%;
  max-width: 592px;
  flex-direction: column-reverse;
  gap: 30px;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five{
    max-width: 460px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__content{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__content{
    height: 322px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__content img{
  margin-bottom: 1rem;
  max-width: 192px;
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__content h3{
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__content h3{
    font-size: 30px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__content p{
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__content p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__img img{
  height: 320px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-five .fp-choose-icons_item__img img{
    height: 413px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six{
  position: relative;
  width: 100%;
  max-width: 592px;
  flex-direction: column-reverse;
  gap: 30px;
  overflow: hidden;
  border-radius: 35px;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six{
    min-height: 765px;
    max-width: 578px;
    flex-direction: column;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .box-four-dec{
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 20;
  height: 414px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .box-four-dec{
    display: none;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .box-two-dec-two{
  position: absolute;
  top: 300px;
  left: 0px;
  z-index: 20;
  height: 428px;
  width: 101%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .box-two-dec-two{
    display: none;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content{
    --tw-bg-opacity: 1;
    background-color: rgb(216 207 188 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content{
    height: 765px;
    padding-left: 120px;
  }
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content{
    padding-left: 200px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content img{
  position: relative;
  z-index: 20;
  margin-bottom: 1rem;
  max-width: 238px;
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content h3{
  position: relative;
  z-index: 20;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content h3{
    font-size: 30px;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content p{
  position: relative;
  z-index: 20;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__content p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__img{
  right: 0px;
  top: 0px;
  z-index: 10;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__img{
    position: absolute;
  }
}

.fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__img img{
  height: 320px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons-hidden-row .fp-hidden-inner .box-six .fp-choose-icons_item__img img{
    height: 710px;
  }
}

.fp-choose .fp-choose-icons_item{
  display: flex;
  flex-direction: column;
}

.fp-choose .fp-choose-icons .box-one{
  width: 100%;
  max-width: 592px;
  flex-direction: column-reverse;
  gap: 30px;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-one{
    max-width: 460px;
  }
}

.fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__content{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__content{
    height: 260px;
  }
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__content{
    height: 322px;
  }
}

.fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__content img{
  margin-bottom: 1rem;
  max-width: 192px;
}

.fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__content h3{
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__content h3{
    font-size: 30px;
  }
}

.fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__content p{
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__content p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__img img{
  height: 320px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-one .fp-choose-icons_item__img img{
    height: 413px;
  }
}

.fp-choose .fp-choose-icons .box-two{
  position: relative;
  width: 100%;
  max-width: 592px;
  flex-direction: column-reverse;
  gap: 30px;
  overflow: hidden;
  border-radius: 35px;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-two{
    max-width: 578px;
    flex-direction: column;
  }
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-two{
    min-height: 765px;
  }
}

.fp-choose .fp-choose-icons .box-two .box-two-dec{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 20;
  height: 418px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-two .box-two-dec{
    display: none;
  }
}

.fp-choose .fp-choose-icons .box-two .box-two-dec-two{
  position: absolute;
  top: 52px;
  left: 0px;
  z-index: 20;
  height: 428px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-two .box-two-dec-two{
    display: none;
  }
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-two .box-two-dec-two{
    left: 0px;
  }
}

.fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content{
    --tw-bg-opacity: 1;
    background-color: rgb(216 207 188 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content{
    height: 418px;
  }
}

.fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content img{
  position: relative;
  z-index: 20;
  margin-bottom: 1rem;
  max-width: 238px;
}

.fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content h3{
  position: relative;
  z-index: 20;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content h3{
    font-size: 30px;
  }
}

.fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content p{
  position: relative;
  z-index: 20;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media not all and (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content p{
    max-width: 250px;
  }
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content p{
    max-width: none;
  }
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__content p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__img{
  right: 0px;
  bottom: 0px;
  z-index: 10;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__img{
    position: absolute;
  }
}

.fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__img img{
  height: 320px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-two .fp-choose-icons_item__img img{
    height: 645px;
  }
}

.fp-choose .fp-choose-icons .box-three{
  position: relative;
  width: 100%;
  max-width: 592px;
  flex-direction: column-reverse;
  justify-content: flex-start;
  overflow: hidden;
  border-radius: 35px;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-three{
    min-height: 500px;
    gap: 30px;
  }
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-three{
    min-height: 765px;
  }
}

.fp-choose .fp-choose-icons .box-three .box-three-dec{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  height: 370px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-three .box-three-dec{
    display: none;
  }
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-three .box-three-dec{
    left: 1px;
    height: 415px;
  }
}

.fp-choose .fp-choose-icons .box-three .box-two-dec-three{
  position: absolute;
  top: 194px;
  left: 0px;
  z-index: 20;
  height: 220px;
  width: 100%;
  max-width: 592px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-three .box-two-dec-three{
    display: none;
  }
}

@media (min-width: 1280px){
  .fp-choose .fp-choose-icons .box-three .box-two-dec-three{
    top: 200px;
  }
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-three .box-two-dec-three{
    top: 305px;
    left: 1px;
    height: 256px;
  }
}

.fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__img{
  top: 0px;
  left: 0px;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__img{
    position: absolute;
  }
}

.fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__img img{
  height: 320px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__img img{
    height: 500px;
  }
}

.fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__content{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

@media not all and (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__content{
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1150px){
  .fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__content{
    height: 418px;
  }
}

.fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__content img{
  position: relative;
  z-index: 20;
  margin-bottom: 1rem;
  max-width: 200px;
}

.fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__content h3{
  position: relative;
  z-index: 20;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__content h3{
    font-size: 30px;
  }
}

.fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__content p{
  position: relative;
  z-index: 20;
  max-width: 525px;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1536px){
  .fp-choose .fp-choose-icons .box-three .fp-choose-icons_item__content p{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.fp-choose .fp-choose-icons .box-four{
  position: relative;
  min-height: 765px;
  width: 100%;
  max-width: 592px;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.fp-choose .fp-choose-icons .box-four .box-four-dec{
  position: absolute;
  top: 0px;
  left: -1px;
  z-index: 10;
}

.fp-choose .fp-choose-icons .box-four .box-two-dec-three{
  position: absolute;
  top: 190px;
  left: 0px;
  z-index: 20;
  width: 101%;
  max-width: 592px;
  transform: scale(-1, -1);
}

.fp-choose .fp-choose-icons .box-four .fp-choose-icons_item__img{
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.fp-choose .fp-choose-icons .box-four .fp-choose-icons_item__img img{
  height: 596px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

.fp-choose .fp-choose-icons .box-four .fp-choose-icons_item__content{
  display: flex;
  height: 418px;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

.fp-choose .fp-choose-icons .box-four .fp-choose-icons_item__content img{
  position: relative;
  z-index: 20;
  margin-bottom: 1rem;
  max-width: 200px;
}

.fp-choose .fp-choose-icons .box-four .fp-choose-icons_item__content h3{
  position: relative;
  z-index: 20;
  margin-bottom: 0.75rem;
  font-size: 30px;
}

.fp-choose .fp-choose-icons .box-four .fp-choose-icons_item__content p{
  position: relative;
  z-index: 20;
  max-width: 525px;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.fp-choose .fp-choose-icons .box-five{
  width: 100%;
  max-width: 460px;
  flex-direction: column-reverse;
  gap: 30px;
}

.fp-choose .fp-choose-icons .box-five .fp-choose-icons_item__content{
  display: flex;
  height: 322px;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 30px;
  padding-right: 30px;
}

.fp-choose .fp-choose-icons .box-five .fp-choose-icons_item__content img{
  margin-bottom: 1rem;
  max-width: 192px;
}

.fp-choose .fp-choose-icons .box-five .fp-choose-icons_item__content h3{
  margin-bottom: 0.75rem;
  font-size: 30px;
}

.fp-choose .fp-choose-icons .box-five .fp-choose-icons_item__content p{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.fp-choose .fp-choose-icons .box-five .fp-choose-icons_item__img img{
  height: 413px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

.fp-choose .fp-choose-icons .box-six{
  position: relative;
  min-height: 765px;
  width: 100%;
  max-width: 578px;
  flex-direction: column;
  gap: 30px;
}

.fp-choose .fp-choose-icons .box-six .box-four-dec{
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 20;
}

.fp-choose .fp-choose-icons .box-six .box-two-dec-two{
  position: absolute;
  top: 300px;
  left: 0px;
  z-index: 20;
  width: 101%;
}

.fp-choose .fp-choose-icons .box-six .fp-choose-icons_item__content{
  display: flex;
  height: 765px;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 35px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 200px;
  padding-right: 30px;
}

.fp-choose .fp-choose-icons .box-six .fp-choose-icons_item__content img{
  position: relative;
  z-index: 20;
  margin-bottom: 1rem;
  max-width: 238px;
}

.fp-choose .fp-choose-icons .box-six .fp-choose-icons_item__content h3{
  position: relative;
  z-index: 20;
  margin-bottom: 0.75rem;
  font-size: 30px;
}

.fp-choose .fp-choose-icons .box-six .fp-choose-icons_item__content p{
  position: relative;
  z-index: 20;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.fp-choose .fp-choose-icons .box-six .fp-choose-icons_item__img{
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
}

.fp-choose .fp-choose-icons .box-six .fp-choose-icons_item__img img{
  height: 710px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

.fp-choose-icons-hidden-row .fp-choose-icons_item {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.fp-choose-icons-hidden-row .fp-choose-icons_item:nth-child(1) {
  transition-delay: 0.15s;
}

.fp-choose-icons-hidden-row .fp-choose-icons_item:nth-child(2) {
  transition-delay: 0.30s;
}

.fp-choose-icons-hidden-row .fp-choose-icons_item:nth-child(3) {
  transition-delay: 0.45s;
}

.fp-choose-icons-hidden-row.fp-expanded .fp-choose-icons_item {
  opacity: 1;
  transform: translateY(0);
}

#fpShowMore{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

#fpShowMore .arrow-image {
  transition: transform 0.3s ease;
}

#fpShowMore.is-open{
  pointer-events: none;
  opacity: 0;
}

#fpShowMore.is-open .arrow-image {
  transform: rotate(180deg);
}

.fp-promo{
  margin-top: 50px;
}

@media (min-width: 1150px){
  .fp-promo{
    margin-top: 100px;
  }
}

.fp-promo .fp-promo-box{
}

/* slider */

.swiper-promo{
  overflow: hidden;
  position: relative;
}

.swiper-promo .swiper-slide{
  position: relative;
}

.swiper-promo .swiper-slide .promo-image{
  width: 100%;
  border-radius: 30px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1536px){
  .swiper-promo .swiper-slide .promo-image{
    max-height: 500px;
  }
}

@media not all and (min-width: 1150px){
  .swiper-promo .swiper-slide .promo-image{
    min-height: 500px;
  }
}

@media not all and (min-width: 768px){
  .swiper-promo .swiper-slide .promo-image{
    display: none;
  }
}

.swiper-promo .swiper-slide .promo-image-mob{
  width: 100%;
  border-radius: 30px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1536px){
  .swiper-promo .swiper-slide .promo-image-mob{
    max-height: 500px;
  }
}

@media not all and (min-width: 1150px){
  .swiper-promo .swiper-slide .promo-image-mob{
    min-height: 500px;
  }
}

@media not all and (min-width: 640px){
  .swiper-promo .swiper-slide .promo-image-mob{
    max-height: 300px;
    min-height: 300px;
  }
}

@media (min-width: 768px){
  .swiper-promo .swiper-slide .promo-image-mob{
    display: none;
  }
}

.swiper-promo .swiper-slide .promo-dec-one{
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 280px;
}

@media not all and (min-width: 768px){
  .swiper-promo .swiper-slide .promo-dec-one{
    display: none;
  }
}

@media (min-width: 1150px){
  .swiper-promo .swiper-slide .promo-dec-one{
    width: 400px;
  }
}

.swiper-promo .swiper-slide .dec-promo-two{
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 2.25rem;
}

@media not all and (min-width: 768px){
  .swiper-promo .swiper-slide .dec-promo-two{
    display: none;
  }
}

@media (min-width: 1150px){
  .swiper-promo .swiper-slide .dec-promo-two{
    width: 76px;
  }
}

.swiper-pagination{
  display: flex;
  width: -moz-fit-content !important;
  width: fit-content !important;
  justify-content: center;
  gap: 0.75rem;
  position: absolute;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10;
}

.swiper-pagination .swiper-pagination-bullet{
  height: 1rem;
  width: 1rem;
  background-color: #FFFFFFBF;
  opacity: 1 !important;
}

.swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

.swiper-button-prev::after,.swiper-button-next::after{
  display: none;
}

.pp-rooms-cont_item.swiper-button-prev::after,.pp-rooms-cont_item.swiper-button-next::after {
  display: none;
}

.error-top .error-top-video .video-placeholder.swiper-button-prev::after,.error-top .error-top-video .video-placeholder.swiper-button-next::after{
  pointer-events: none;
  opacity: 0;
}

.swiper-button-prev{
  left: 10px !important;
}

@media (min-width: 768px){
  .swiper-button-prev{
    left: 50px !important;
  }
}

.swiper-button-next{
  right: 10px !important;
}

@media (min-width: 768px){
  .swiper-button-next{
    right: 50px !important;
  }
}

.swiper-button-prev img,
.swiper-button-next img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.fp-opinion{
  position: relative;
  margin-top: 50px;
}

@media (min-width: 1536px){
  .fp-opinion{
    margin-top: 100px;
  }
}

.fp-opinion .bg-opinion{
  position: absolute;
  top: 0px;
  left: -60px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 640px){
  .fp-opinion .bg-opinion{
    display: none;
  }
}

@media (min-width: 1536px){
  .fp-opinion .bg-opinion{
    left: -182px;
  }
}

.fp-opinion .fp-opinion-cont{
  position: relative;
  z-index: 10;
  padding-top: 1.25rem;
}

@media (min-width: 640px){
  .fp-opinion .fp-opinion-cont{
    padding-top: 50px;
  }
}

@media (min-width: 1536px){
  .fp-opinion .fp-opinion-cont{
    padding-top: 100px;
  }
}

.fp-opinion .fp-opinion-cont h4{
  margin-bottom: 1.25rem;
}

.fp-opinion .fp-opinion-cont_head{
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

@media (min-width: 640px){
  .fp-opinion .fp-opinion-cont_head{
    gap: 2.5rem;
  }
}

.fp-opinion .fp-opinion-cont_opinion{
  margin-top: 50px;
  display: flex;
  width: 100%;
  max-width: 856px;
  gap: 1.5rem;
}

@media not all and (min-width: 768px){
  .fp-opinion .fp-opinion-cont_opinion{
    flex-wrap: wrap;
  }
}

.fp-opinion .fp-opinion-cont_opinion__item{
  display: flex;
  width: 100%;
  flex-direction: column;
}

@media (min-width: 640px){
  .fp-opinion .fp-opinion-cont_opinion__item{
    max-width: 260px;
  }
}

.fp-opinion .fp-opinion-cont_opinion__item___image{
  position: relative;
}

.fp-opinion .fp-opinion-cont_opinion__item___image .person-img{
  height: 260px;
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 409px){
  .fp-opinion .fp-opinion-cont_opinion__item___image .person-img{
    max-width: 260px;
  }
}

.fp-opinion .fp-opinion-cont_opinion__item___image .dec-quote{
  position: absolute;
  top: 0px;
  left: -1px;
  width: 72px;
  border-top-left-radius: 15px;
}

.fp-opinion .fp-opinion-cont_opinion__item___heading{
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 1.25rem;
}

.fp-opinion .fp-opinion-cont_opinion__item___heading h3{
  bottom: 1rem;
  z-index: 10;
  width: 100%;
  font-size: 24px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .fp-opinion .fp-opinion-cont_opinion__item___heading h3{
    position: absolute;
    left: 50%;
    max-width: 200px;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media not all and (min-width: 640px){
  .fp-opinion .fp-opinion-cont_opinion__item___heading img{
    display: none;
  }
}

.fp-opinion .fp-opinion-cont_opinion__item___des{
}

.fp-opinion .fp-opinion-cont .btn-blue{
  margin-top: 2.5rem;
}

.fp-insta{
  margin-top: 50px;
}

@media (min-width: 1150px){
  .fp-insta{
    margin-top: 100px;
  }
}

@media (min-width: 1536px){
  .fp-insta{
    margin-top: 160px;
  }
}

.fp-insta .fp-insta-cont_head{
  display: flex;
  gap: 1.25rem;
}

@media not all and (min-width: 640px){
  .fp-insta .fp-insta-cont_head{
    flex-direction: column;
  }
}

@media (min-width: 640px){
  .fp-insta .fp-insta-cont_head{
    gap: 2.5rem;
  }
}

.fp-insta .fp-insta-cont_head__link{
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 28px;
}

@media not all and (min-width: 640px){
  .fp-insta .fp-insta-cont_head img{
    width: 2rem;
  }
}

.fp-insta .fp-insta-cont_gallery{
  margin-top: 2.5rem;
}

.fp-insta .fp-insta-cont_gallery ul img{
  width: 100% !important;
  border-radius: 15px;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.fp-insta .fp-insta-cont_gallery ul .zoom-instagram-link{
  width: 100% !important;
  border-radius: 15px;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

@media screen and (max-width: 768px) {
  .zoom-instagram .zoom-instagram-widget__items.layout-fullwidth .zoom-instagram-widget__item {
    max-width: none;
  }
}

.zoom-instagram-link{
  width: 100% !important;
  border-radius: 15px;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

@media screen and (max-width: 768px) {
  .zoom-instagram .zoom-instagram-widget__items.layout-fullwidth {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (max-width: 468px) {
  .zoom-instagram .zoom-instagram-widget__items.layout-fullwidth {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.zoom-instagram-widget__item{
  height: 400px !important;
}

.sbi_photo img{
  border-radius: 15px !important;
}

.fp-faq{
  display: flex;
  justify-content: center;
}

.fp-faq .fp-faq-cont{
  margin-top: 50px;
  display: flex;
  width: 100%;
  max-width: 1144px;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .fp-faq .fp-faq-cont{
    align-items: center;
  }
}

@media (min-width: 1024px){
  .fp-faq .fp-faq-cont{
    margin-top: 100px;
  }
}

.fp-faq .fp-faq-cont .heading-58{
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px){
  .fp-faq .fp-faq-cont .heading-58{
    text-align: center;
  }
}

.fp-faq .fp-faq-cont_des{
  width: 100%;
  max-width: 828px;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 640px){
  .fp-faq .fp-faq-cont_des{
    text-align: center;
  }
}

.fp-faq .fp-faq-cont_box{
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fp-faq .fp-faq-cont_box__item{
  cursor: pointer;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: #16151640;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fp-faq .fp-faq-cont_box__item .faq-question{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.25rem;
  line-height: 1.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 640px){
  .fp-faq .fp-faq-cont_box__item .faq-question{
    font-size: 24px;
  }
}

.fp-faq .fp-faq-cont_box__item .faq-question h3{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media not all and (min-width: 640px){
  .fp-faq .fp-faq-cont_box__item .faq-question h3{
    max-width: 300px;
  }
}

.fp-faq .fp-faq-cont_box__item .faq-question h3:hover{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.fp-faq .fp-faq-cont_box__item .faq-question img{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.fp-faq .fp-faq-cont_box__item .faq-answer{
  overflow: hidden;
  font-size: 1.125rem;
  line-height: 1.75rem;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  max-height: 0;
  margin-top: 0;
}

.fp-faq .fp-faq-cont_box__item.active .faq-question img {
  transform: rotate(180deg);
}

.fp-faq .fp-faq-cont_box__item.active h3{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.fp-faq .fp-faq-cont_box__item.active .faq-answer{
  opacity: 1;
  max-height: 500px;
  margin-top: 1rem;
}

.fp-faq .fp-faq-cont .btn-blue{
  margin-top: 30px;
}

@media not all and (min-width: 640px){
  .fp-faq .fp-faq-cont .btn-blue{
    width: 100%;
  }
}

.model-ok{
  margin-top: 0px;
}

@media not all and (min-width: 640px){
  .model-ok{
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 1536px){
  .model-ok{
    margin-top: -100px;
  }
}

.model-ok #model-2{
  height: 200px !important;
  width: 200px !important;
}

.ap-top{
  margin-top: 130px;
}

@media (min-width: 640px){
  .ap-top{
    margin-top: 130px;
  }
}

@media (min-width: 1536px){
  .ap-top{
    margin-top: 160px;
  }
}

.ap-top .ap-top-cont{
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 2.5rem;
}

@media not all and (min-width: 1150px){
  .ap-top .ap-top-cont{
    align-items: center;
  }
}

@media (min-width: 1150px){
  .ap-top .ap-top-cont{
    flex-direction: row;
  }
}

.ap-top .ap-top-cont_left{
  width: 100%;
}

@media (min-width: 1150px){
  .ap-top .ap-top-cont_left{
    max-width: 800px;
  }
}

.ap-top .ap-top-cont_left h1{
  margin-bottom: 1.5rem;
}

.ap-top .ap-top-cont_left__des{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1.125rem;
  line-height: 2rem;
}

@media (min-width: 1150px){
  .ap-top .ap-top-cont_left__des{
    max-width: 668px;
  }
}

@media (min-width: 1536px){
  .ap-top .ap-top-cont_left__des{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.ap-top .ap-top-cont_left__des strong{
  font-weight: 700;
}

.ap-top .ap-top-cont_left .btn-blue{
  margin-top: 2.5rem;
}

.ap-top .ap-top-cont_right{
  position: relative;
}

@media not all and (min-width: 1536px){
  .ap-top .ap-top-cont_right{
    margin-right: -90px;
    max-height: 480px;
  }
}

@media not all and (min-width: 1024px){
  .ap-top .ap-top-cont_right{
    margin-right: 0px;
  }
}

@media (min-width: 1024px){
  .ap-top .ap-top-cont_right{
    min-height: 480px;
    width: 620px;
  }
}

@media (min-width: 1536px){
  .ap-top .ap-top-cont_right{
    min-height: 707px;
    width: 877px;
  }
}

@media (min-width: 1024px){
  .ap-top .ap-top-cont_right__images{
    width: 620px;
  }
}

@media (min-width: 1536px){
  .ap-top .ap-top-cont_right__images{
    width: 877px;
  }
}

.ap-top .ap-top-cont_right__images img:nth-child(1){
  position: absolute;
  left: 116px;
  bottom: 0px;
  z-index: 6;
}

@media not all and (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(1){
    width: 30%;
  }
}

@media (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(1){
    left: 232px;
  }
}

.ap-top .ap-top-cont_right__images img:nth-child(2){
  position: absolute;
  left: 240px;
  bottom: 80px;
  z-index: 5;
}

@media not all and (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(2){
    width: 30%;
  }
}

@media (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(2){
    left: 398px;
    bottom: 205px;
  }
}

.ap-top .ap-top-cont_right__images img:nth-child(3){
  position: absolute;
  right: 84px;
  top: 1.25rem;
  z-index: 4;
}

@media not all and (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(3){
    width: 30%;
  }
}

@media (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(3){
    right: 0px;
    top: 0px;
  }
}

.ap-top .ap-top-cont_right__images img:nth-child(4){
  position: absolute;
  top: 84px;
  left: 130px;
  z-index: 2;
  width: 100%;
  max-width: 260px;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(4){
    width: 30%;
  }
}

@media (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(4){
    left: 278px;
  }
}

.ap-top .ap-top-cont_right__images img:nth-child(5){
  position: absolute;
  left: 0px;
  bottom: 70px;
  z-index: 3;
}

@media not all and (min-width: 1536px){
  .ap-top .ap-top-cont_right__images img:nth-child(5){
    width: 30%;
  }
}

@media (max-width: 1023px) {
  .ap-top .ap-top-cont_right__images{
    position: relative;
    display: flex;
    max-height: none;
    min-height: 0px;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
  }

  .ap-top .ap-top-cont_right__images img{
    width: calc(33% - 0.5rem);
    min-width: 90px;
    max-width: 160px;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }

  .ap-top .ap-top-cont_right__images img:nth-child(1){
    align-self: flex-end;
    transform: rotate(-3deg) translateY(6px);
    z-index: 3;
  }

  .ap-top .ap-top-cont_right__images img:nth-child(2) {
    transform: rotate(2deg) translateY(-10px);
    z-index: 4;
    margin-bottom: 12px;
  }

  .ap-top .ap-top-cont_right__images img:nth-child(3){
    align-self: flex-start;
    transform: rotate(-1.5deg) translateY(4px);
    z-index: 2;
  }

  .ap-top .ap-top-cont_right__images img:nth-child(4){
    border-radius: 1rem;
    transform: rotate(3deg) translateY(-6px);
    z-index: 5;
    max-width: 140px;
  }

  .ap-top .ap-top-cont_right__images img:nth-child(5){
    align-self: flex-end;
    transform: rotate(-2deg) translateY(8px);
    z-index: 3;
  }
}

.ap-video{
  margin-top: 50px;
}

@media (min-width: 1024px){
  .ap-video{
    margin-top: 100px;
  }
}

.ap-video .ap-video-cont{
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 30px;
}

.ap-video .ap-video-cont .promo-dec-one{
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 280px;
}

@media not all and (min-width: 768px){
  .ap-video .ap-video-cont .promo-dec-one{
    display: none;
  }
}

@media (min-width: 1536px){
  .ap-video .ap-video-cont .promo-dec-one{
    width: 400px;
  }
}

.ap-video .ap-video-cont .dec-promo-two{
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 2.25rem;
}

@media not all and (min-width: 768px){
  .ap-video .ap-video-cont .dec-promo-two{
    display: none;
  }
}

@media (min-width: 1536px){
  .ap-video .ap-video-cont .dec-promo-two{
    width: 76px;
  }
}

.ap-video .ap-video-cont.is-playing .cta-play{
  pointer-events: none;
  opacity: 0;
}

@media not all and (min-width: 1536px){
  .ap-video .ap-video-cont .cta-play{
    width: 80px;
  }
}

.ap-video .ap-video-cont:hover .cta-play{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.ap-video .ap-video-cont video{
  height: 400px;
  width: 100%;
  border-radius: 30px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1536px){
  .ap-video .ap-video-cont video{
    height: 700px;
  }
}

.ap-video .ap-video-cont .cta-play{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 108px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.fp-des{
  margin-top: 120px;
}

@media (min-width: 1536px){
  .fp-des{
    margin-top: 200px;
  }
}

.fp-des .fp-des-cont{
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1024px){
  .fp-des .fp-des-cont{
    gap: 80px;
  }
}

@media (min-width: 1536px){
  .fp-des .fp-des-cont{
    gap: 100px;
  }
}

.fp-des .fp-des-cont_one{
  position: relative;
  display: flex;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_one{
    gap: 2rem;
  }
}

@media not all and (min-width: 1024px){
  .fp-des .fp-des-cont_one{
    flex-direction: column-reverse;
  }
}

.fp-des .fp-des-cont_one__left{
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 827px;
}

.fp-des .fp-des-cont_one__left .des-snake{
  position: absolute;
  right: -56px;
  top: 0px;
  z-index: 10;
  height: 554px;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_one__left .des-snake{
    display: none;
  }
}

.fp-des .fp-des-cont_one__left .des-one-bg{
  width: 100%;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_one__left .des-one-bg{
    display: none;
  }
}

.fp-des .fp-des-cont_one__left .des-one-text{
  top: 42px;
  left: 42px;
  z-index: 20;
  width: 100%;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_one__left .des-one-text{
    border-radius: 25px;
    --tw-bg-opacity: 1;
    background-color: rgb(216 207 188 / var(--tw-bg-opacity));
    padding: 1.75rem;
  }
}

@media (min-width: 1150px){
  .fp-des .fp-des-cont_one__left .des-one-text{
    position: absolute;
    max-width: 548px;
  }
}

.fp-des .fp-des-cont_one__left .des-one-text h3{
  margin-bottom: 1.5rem;
  font-size: 22px;
  line-height: 48px;
}

@media (min-width: 640px){
  .fp-des .fp-des-cont_one__left .des-one-text h3{
    font-size: 28px;
  }
}

.fp-des .fp-des-cont_one__left .des-one-text h3 strong{
  font-size: 38px;
  font-weight: 450;
}

@media (min-width: 640px){
  .fp-des .fp-des-cont_one__left .des-one-text h3 strong{
    font-size: 48px;
  }
}

.fp-des .fp-des-cont_one__left .des-one-text p{
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 2rem;
}

.fp-des .fp-des-cont_one__right{
  top: 0px;
  right: 0px;
  width: 100%;
  max-width: 1020px;
}

@media (min-width: 1150px){
  .fp-des .fp-des-cont_one__right{
    position: absolute;
  }
}

.fp-des .fp-des-cont_one__right img{
  width: 100%;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_one__right img{
    height: 100%;
  }
}

@media (min-width: 1150px){
  .fp-des .fp-des-cont_one__right img{
    height: 553px;
  }
}

.fp-des .fp-des-cont_two{
  position: relative;
  display: flex;
  justify-content: flex-end;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_two{
    gap: 2rem;
  }
}

@media not all and (min-width: 1024px){
  .fp-des .fp-des-cont_two{
    flex-direction: column;
  }
}

.fp-des .fp-des-cont_two__left{
  top: 2px;
  left: 0px;
  width: 100%;
}

@media (min-width: 1150px){
  .fp-des .fp-des-cont_two__left{
    position: absolute;
    max-width: 826px;
  }
}

.fp-des .fp-des-cont_two__left img{
  width: 100%;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_two__left img{
    height: 100%;
  }
}

@media (min-width: 1150px){
  .fp-des .fp-des-cont_two__left img{
    height: 550px;
  }
}

.fp-des .fp-des-cont_two__right{
  position: relative;
  width: 100%;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_two__right{
    border-radius: 25px;
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity));
    padding: 1.75rem;
  }
}

@media (min-width: 1150px){
  .fp-des .fp-des-cont_two__right{
    max-width: 1017px;
  }
}

.fp-des .fp-des-cont_two__right .des-snake{
  position: absolute;
  left: -56px;
  top: 0px;
  z-index: 10;
  height: 553px;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_two__right .des-snake{
    display: none;
  }
}

.fp-des .fp-des-cont_two__right .des-snake {
  transform: scale(1, -1);
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_two__right .des-one-bg{
    display: none;
  }
}

.fp-des .fp-des-cont_two__right .logo-des-two{
  position: absolute;
  top: 1rem;
  right: 42px;
}

@media not all and (min-width: 1150px){
  .fp-des .fp-des-cont_two__right .logo-des-two{
    display: none;
  }
}

.fp-des .fp-des-cont_two__right .des-one-text{
  top: 1.75rem;
  right: 2.5rem;
  width: 100%;
}

@media (min-width: 1150px){
  .fp-des .fp-des-cont_two__right .des-one-text{
    position: absolute;
    max-width: 742px;
  }
}

.fp-des .fp-des-cont_two__right .des-one-text h3{
  margin-bottom: 2rem;
  width: 100%;
  max-width: 392px;
  font-size: 38px;
  line-height: 44px;
}

@media (min-width: 1150px){
  .fp-des .fp-des-cont_two__right .des-one-text h3{
    font-size: 58px;
    line-height: 70px;
  }
}

.fp-des .fp-des-cont_two__right .des-one-text p{
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 2rem;
}

.pp-top{
  margin-top: 110px;
}

@media (min-width: 640px){
  .pp-top{
    margin-top: 130px;
  }
}

@media (min-width: 1024px){
  .pp-top{
    margin-top: 160px;
  }
}

.pp-top .pp-top-cont{
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
}

@media not all and (min-width: 1150px){
  .pp-top .pp-top-cont{
    flex-direction: column;
  }
}

@media (min-width: 1150px){
  .pp-top .pp-top-cont{
    align-items: flex-end;
  }
}

.pp-top .pp-top-cont_left{
  width: 100%;
  max-width: 501px;
}

.pp-top .pp-top-cont_right{
  width: 100%;
  max-width: 971px;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){
  .pp-top .pp-top-cont_right{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.pp-rooms{
  margin-top: 2.5rem;
}

.pp-rooms .pp-rooms-top{
  display: flex;
  justify-content: flex-end;
}

.pp-rooms .pp-rooms-top .rooms-filter{
  position: relative;
  width: 100%;
}

@media (min-width: 1024px){
  .pp-rooms .pp-rooms-top .rooms-filter{
    max-width: 970px;
  }
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-bar{
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 0.625rem;
  overflow-x: scroll;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
}

@media (min-width: 1024px){
  .pp-rooms .pp-rooms-top .rooms-filter .filter-bar{
    padding-left: 0.25rem;
    padding-right: 0px;
  }
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-bar {
  scrollbar-width: none;
  position: relative;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-bar .sliding-pill {
  position: absolute;
  top: 2px;
  left: 0;
  height: calc(100% - 4px);
  background: #ECEEEE;
  border-radius: 50px;
  pointer-events: none;
  z-index: 0;
  will-change: transform, width;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-bar button{
  border-radius: 50px;
  background-color: transparent;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(236 238 238 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-bar button:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-bar .active-filter{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-trigger{
  display: none;
  width: 100%;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(236 238 238 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.pp-rooms .pp-rooms-top .rooms-filter .filter-trigger {
  display: none;
}

.error-top .error-top-video .video-placeholder.pp-rooms .pp-rooms-top .rooms-filter .filter-trigger{
  pointer-events: none;
  opacity: 0;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-trigger{
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-trigger .trigger-label{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-trigger .trigger-icon{
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: rgba(236, 238, 238, 0.2);
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-trigger .trigger-icon svg{
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown{
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 50;
  display: none;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
}

.pp-rooms-cont_item.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown {
  display: none;
}

.error-top .error-top-video .video-placeholder.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown{
  pointer-events: none;
  opacity: 0;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown {
  top: calc(100% + 6px);
  border-radius: 0 0 20px 20px;
  box-shadow: 0 8px 24px rgba(31, 165, 200, 0.25);
  animation: filterDropIn 0.28s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown.open{
  display: block;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown button{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 14px;
  padding-bottom: 14px;
  cursor: pointer;
  background-color: transparent;
  text-align: left;
  font-size: 0.95rem;
  --tw-text-opacity: 1;
  color: rgb(236 238 238 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom: 0.5px solid rgba(236, 238, 238, 0.15);
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown button:last-child {
  border-bottom: none;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown button:hover {
  background: rgba(236, 238, 238, 0.1);
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown button .check{
  font-size: 13px;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown .active-filter {
  background: rgba(236, 238, 238, 0.18);
  font-weight: 500;
}

.pp-rooms .pp-rooms-top .rooms-filter .filter-dropdown .active-filter .check{
  opacity: 1;
}

.pp-rooms .pp-rooms-top .rooms-filter.is-open .filter-trigger {
  border-radius: 20px 20px 0 0;
}

@media (max-width: 1023px) {
  .pp-rooms .pp-rooms-top .rooms-filter .filter-bar{
    display: none;
  }

  .pp-rooms-cont_item.pp-rooms .pp-rooms-top .rooms-filter .filter-bar {
    display: none;
  }

  .error-top .error-top-video .video-placeholder.pp-rooms .pp-rooms-top .rooms-filter .filter-bar{
    pointer-events: none;
    opacity: 0;
  }

  .pp-rooms .pp-rooms-top .rooms-filter .filter-trigger{
    display: flex;
  }
}

@keyframes filterDropIn {
  from {
    transform: scaleY(0.88) translateY(-10px);
    opacity: 0;
  }

  to {
    transform: scaleY(1) translateY(0);
    opacity: 1;
  }
}

.pp-rooms .pp-rooms-cont{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.pp-rooms .pp-rooms-cont_item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (min-width: 1350px){
  .pp-rooms .pp-rooms-cont_item{
    flex-direction: row;
  }
}

.pp-rooms .pp-rooms-cont_item__left{
  position: relative;
  width: 100%;
}

@media (min-width: 1350px){
  .pp-rooms .pp-rooms-cont_item__left{
    max-width: 686px;
  }
}

.pp-rooms .pp-rooms-cont_item__left .room-gallery img{
  height: 350px;
  width: 100%;
  border-radius: 45px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1350px){
  .pp-rooms .pp-rooms-cont_item__left .room-gallery img{
    height: 100%;
  }
}

@media (min-width: 1536px){
  .pp-rooms .pp-rooms-cont_item__left .room-gallery img{
    height: 540px;
  }
}

.pp-rooms .pp-rooms-cont_item__left .room-gallery .swiper-pagination {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 6px;
}

.pp-rooms .pp-rooms-cont_item__left .room-gallery .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition: width 0.35s cubic-bezier(0.34, 1.2, 0.64, 1),
                        background 0.3s ease;
  cursor: pointer;
}

.pp-rooms .pp-rooms-cont_item__left .room-gallery .swiper-pagination .swiper-pagination-bullet-active {
  width: 28px;
  background: #fff;
}

.pp-rooms .pp-rooms-cont_item__left .main-img{
  height: 350px;
  width: 100%;
  border-radius: 45px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1350px){
  .pp-rooms .pp-rooms-cont_item__left .main-img{
    height: 100%;
  }
}

@media (min-width: 1536px){
  .pp-rooms .pp-rooms-cont_item__left .main-img{
    height: 540px;
  }
}

.pp-rooms .pp-rooms-cont_item__left .decoration-puzzel{
  position: absolute;
  top: -2px;
  right: -1px;
  z-index: 10;
  height: 128px;
  width: 128px;
}

@media (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__left .decoration-puzzel{
    height: 198px;
    width: 198px;
  }
}

.pp-rooms .pp-rooms-cont_item__right{
  width: 100%;
  border-radius: 25px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 35px;
  padding-bottom: 35px;
}

@media (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right{
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (min-width: 1350px){
  .pp-rooms .pp-rooms-cont_item__right{
    max-width: 970px;
  }
}

.pp-rooms .pp-rooms-cont_item__right___top{
  display: flex;
  justify-content: space-between;
}

@media not all and (min-width: 1280px){
  .pp-rooms .pp-rooms-cont_item__right___top{
    gap: 1.75rem;
  }
}

@media not all and (min-width: 768px){
  .pp-rooms .pp-rooms-cont_item__right___top{
    flex-direction: column;
  }
}

.pp-rooms .pp-rooms-cont_item__right___top h3{
  font-size: 38px;
  line-height: 48px;
}

@media (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right___top h3{
    font-size: 48px;
  }
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price{
  display: flex;
  flex-direction: column;
}

@media (min-width: 1280px){
  .pp-rooms .pp-rooms-cont_item__right___top .item-price{
    align-items: flex-end;
  }
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price h4{
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price h4 strong{
  font-size: 34px;
  font-weight: 450;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price p{
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price_valut{
  margin-top: 0.75rem;
  display: flex;
  width: 100%;
  max-width: 192px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(216 207 188 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price_valut button{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price_valut button:hover{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  background-color: #1FA1FF0D;
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price_valut .active-valut{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  background-color: #1FA1FF0D;
}

.pp-rooms .pp-rooms-cont_item__right___top .item-price h5{
  margin-top: 0.25rem;
  padding-right: 45px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(122 122 122 / var(--tw-text-opacity));
}

.pp-rooms .pp-rooms-cont_item__right .room-type-icons{
  margin-top: 2rem;
  display: flex;
  gap: 30px;
}

@media not all and (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-icons{
    flex-wrap: wrap;
  }
}

@media (min-width: 768px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-icons{
    margin-top: -60px;
  }
}

.pp-rooms .pp-rooms-cont_item__right .room-type-icons_item{
  display: flex;
  height: 70px;
  width: 70px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-icons_item{
    height: 100px;
    width: 100px;
  }
}

.pp-rooms .pp-rooms-cont_item__right .room-type-icons_item span{
  line-height: 1.75rem;
}

@media not all and (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-icons_item span{
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-icons_item span{
    line-height: 40px;
  }
}

@media not all and (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-icons_item:nth-child(1) img:nth-child(1){
    width: 9px;
  }

  .pp-rooms .pp-rooms-cont_item__right .room-type-icons_item:nth-child(2) img:nth-child(1){
    width: 36px;
  }

  .pp-rooms .pp-rooms-cont_item__right .room-type-icons_item:nth-child(3) img:nth-child(1){
    width: 16px;
  }
}

.pp-rooms .pp-rooms-cont_item__right .room-type-des{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  font-size: 1.125rem;
  line-height: 2rem;
}

.pp-rooms .pp-rooms-cont_item__right .room-type-buttons{
  margin-top: 30px;
  display: flex;
  gap: 1.25rem;
}

@media not all and (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-buttons{
    flex-wrap: wrap;
  }
}

@media (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-buttons{
    gap: 2rem;
  }
}

@media not all and (min-width: 640px){
  .pp-rooms .pp-rooms-cont_item__right .room-type-buttons a,
          .pp-rooms .pp-rooms-cont_item__right .room-type-buttons button{
    width: 100%;
  }
}

.pp-rooms .pp-rooms-cont_item__right .room-type-buttons a img{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pp-rooms-cont_item {
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.pp-rooms-cont_item.hidden {
  display: none;
}

.pp-rooms-cont_item.visible {
  animation: fadeInRoom 0.35s ease;
}

@keyframes fadeInRoom {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.rt-top{
  margin-top: 2.5rem;
}

.rt-top .rt-top-cont{
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.rt-top .rt-top-cont_left{
  width: 100%;
  max-width: 965px;
}

.rt-top .rt-top-cont_left img{
  height: 340px;
  width: 100%;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .rt-top .rt-top-cont_left img{
    height: 400px;
  }
}

@media (min-width: 1536px){
  .rt-top .rt-top-cont_left img{
    height: 534px;
  }
}

.rt-top .rt-top-cont_right{
  display: flex;
  height: 400px;
  width: 100%;
  max-width: 684px;
  justify-content: space-between;
  gap: 15px;
}

@media not all and (min-width: 640px){
  .rt-top .rt-top-cont_right{
    display: none;
  }
}

@media (min-width: 1536px){
  .rt-top .rt-top-cont_right{
    height: 534px;
  }
}

.rt-top .rt-top-cont_right img{
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

.rt-top .rt-top-cont_right__one{
  display: flex;
  width: 100%;
  max-width: 296px;
  flex-direction: column;
  gap: 0.75rem;
}

@media not all and (min-width: 1150px){
  .rt-top .rt-top-cont_right__one{
    display: none;
  }
}

.rt-top .rt-top-cont_right__one .img-one{
  height: 250px;
  width: 100%;
}

@media (min-width: 1536px){
  .rt-top .rt-top-cont_right__one .img-one{
    height: 314px;
  }
}

.rt-top .rt-top-cont_right__one .img-two{
  height: 150px;
  width: 100%;
}

@media (min-width: 1536px){
  .rt-top .rt-top-cont_right__one .img-two{
    height: 208px;
  }
}

.rt-top .rt-top-cont_right__two{
  position: relative;
  width: 100%;
  max-width: 372px;
}

.rt-top .rt-top-cont_right__two .rt-svg{
  display: block;
  height: 400px;
  border-radius: 25px;
}

@media (min-width: 1536px){
  .rt-top .rt-top-cont_right__two .rt-svg{
    height: 534px;
  }
}

.rt-top .rt-top-cont_right__two .rt-svg {
  transform: scale(-1, 1);
}

.rt-top .rt-top-cont_right__two .snake-path {
  fill: #eceeee;
}

.rt-top .rt-top-cont_right__two .svg-link-top,
        .rt-top .rt-top-cont_right__two .svg-link-bottom{
  position: absolute;
  inset: 0px;
  display: block;
  width: 100%;
  height: 50%;
}

.rt-top .rt-top-cont_right__two .svg-link-top {
  top: 0;
}

.rt-top .rt-top-cont_right__two .svg-link-bottom {
  bottom: 0;
  top: auto;
}

.rt-top .rt-top-cont_right__two image {
  cursor: pointer;
}

.rt-des{
  margin-top: 2.5rem;
}

.rt-des .rt-des-cont{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1350px){
  .rt-des .rt-des-cont{
    flex-direction: row;
  }
}

.rt-des .rt-des-cont_left{
  width: 100%;
}

@media (min-width: 1350px){
  .rt-des .rt-des-cont_left{
    max-width: 970px;
  }
}

.rt-des .rt-des-cont_left__top{
  display: flex;
  justify-content: space-between;
}

@media not all and (min-width: 1350px){
  .rt-des .rt-des-cont_left__top{
    flex-direction: column;
    gap: 1.5rem;
  }
}

.rt-des .rt-des-cont_left__top h1 {
}

.rt-des .rt-des-cont_left__top___buttons{
  display: flex;
  gap: 1.5rem;
}

@media not all and (min-width: 640px){
  .rt-des .rt-des-cont_left__top___buttons{
    flex-direction: column;
  }
}

.rt-des .rt-des-cont_left__des{
  margin-top: 1.75rem;
  font-size: 1.125rem;
  line-height: 2.25rem;
}

@media (min-width: 1536px){
  .rt-des .rt-des-cont_left__des{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.rt-des .rt-des-cont_left__icons{
  margin-top: 2rem;
  width: 100%;
}

@media not all and (min-width: 640px){
  .rt-des .rt-des-cont_left__icons{
    display: none;
  }
}

@media (min-width: 1350px){
  .rt-des .rt-des-cont_left__icons{
    max-width: 840px;
  }
}

.rt-des .rt-des-cont_left__icons h2{
  font-size: 24px;
}

@media (min-width: 1536px){
  .rt-des .rt-des-cont_left__icons h2{
    font-size: 30px;
  }
}

.rt-des .rt-des-cont_left__icons___box{
  margin-top: 1.25rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  row-gap: 1.25rem;
}

@media (min-width: 640px){
  .rt-des .rt-des-cont_left__icons___box{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1350px){
  .rt-des .rt-des-cont_left__icons___box{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1536px){
  .rt-des .rt-des-cont_left__icons___box{
    -moz-column-gap: 52px;
    column-gap: 52px;
  }
}

.rt-des .rt-des-cont_left__icons___box____item{
  display: flex;
  max-height: 72px;
  width: 100%;
  align-items: center;
  gap: 1.25rem;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){
  .rt-des .rt-des-cont_left__icons___box____item{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.rt-des .rt-des-cont_right{
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  max-width: 686px;
  border-radius: 15px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
}

@media (min-width: 640px){
  .rt-des .rt-des-cont_right{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.rt-des .rt-des-cont_right .room-type-icons{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  gap: 30px;
}

@media not all and (min-width: 640px){
  .rt-des .rt-des-cont_right .room-type-icons{
    flex-wrap: wrap;
  }
}

.rt-des .rt-des-cont_right .room-type-icons_item{
  display: flex;
  height: 70px;
  width: 70px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 640px){
  .rt-des .rt-des-cont_right .room-type-icons_item{
    height: 100px;
    width: 100px;
  }
}

.rt-des .rt-des-cont_right .room-type-icons_item span{
  line-height: 40px;
}

.rt-des .rt-des-cont_right__lables{
  margin-top: 1.25rem;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}

.rt-des .rt-des-cont_right__info{
  margin-top: 0.625rem;
}

.rt-des .rt-des-cont_right__info h3{
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .rt-des .rt-des-cont_right__info h3{
    font-size: 36px;
  }
}

.rt-des .rt-des-cont_right__info .item-price{
  position: relative;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rt-des .rt-des-cont_right__info .item-price h4{
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.rt-des .rt-des-cont_right__info .item-price h4 strong{
  font-size: 30px;
  font-weight: 450;
}

.rt-des .rt-des-cont_right__info .item-price p{
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.rt-des .rt-des-cont_right__info .item-price_info{
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.rt-des .rt-des-cont_right__info .item-price_info p{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(122 122 122 / var(--tw-text-opacity));
}

.rt-des .rt-des-cont_right__info .item-price_info img{
  cursor: pointer;
}

.rt-des .rt-des-cont_right__info .item-price_info span{
  pointer-events: none;
  position: absolute;
  right: -160px;
  bottom: 100%;
  margin-bottom: 0.5rem;
  width: 100%;
  max-width: 288px;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(216 207 188 / var(--tw-bg-opacity));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
}

.rt-des .rt-des-cont_right__info .item-price_info span strong{
  font-weight: 500;
}

.rt-des .rt-des-cont_right__info .item-price_info:hover span{
  pointer-events: auto;
  opacity: 1;
}

.rt-des .rt-des-cont_right__info .item-price_valut{
  margin-top: 0.75rem;
  display: flex;
  width: 100%;
  max-width: 192px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(216 207 188 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.rt-des .rt-des-cont_right__info .item-price_valut button{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.rt-des .rt-des-cont_right__info .item-price_valut button:hover{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  background-color: #1FA1FF0D;
}

.rt-des .rt-des-cont_right__info .item-price_valut .active-valut{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  background-color: #1FA1FF0D;
}

.rt-des .rt-des-cont_right__info .item-price h5{
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(122 122 122 / var(--tw-text-opacity));
}

.rt-des .rt-des-cont_right .item-persons-choose{
  margin-top: 14px;
}

.rt-des .rt-des-cont_right .item-persons-choose h5{
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.rt-des .rt-des-cont_right .item-persons-choose_btns{
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.rt-des .rt-des-cont_right .item-date-choose{
  margin-top: 0.625rem;
}

.rt-des .rt-des-cont_right .item-date-choose h5{
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.rt-des .rt-des-cont_right .item-date-choose_btns{
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

@media not all and (min-width: 640px){
  .rt-des .rt-des-cont_right .item-date-choose_btns{
    flex-direction: column;
  }
}

.rt-des .rt-des-cont_right .btn-blue{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
}

.rt-icons .fp-icons-heading h3{
  margin-left: 0px !important;
  margin-top: 1.5rem;
}

.rt-icons .btn-blue{
  display: none;
}

.pp-rooms-cont_item.rt-icons .btn-blue {
  display: none;
}

.error-top .error-top-video .video-placeholder.rt-icons .btn-blue{
  pointer-events: none;
  opacity: 0;
}

.rt-living{
  position: relative;
  margin-top: 50px;
}

@media (min-width: 1536px){
  .rt-living{
    margin-top: 100px;
  }
}

@media (min-width: 1024px){
  .rt-living .rt-living-cont_top{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.rt-living .rt-living-cont_top h4{
  height: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.rt-living .rt-living-cont_top h4::before{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
}

.rt-living .rt-living-cont_top h3{
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 1024px){
  .rt-living .rt-living-cont_top h3{
    text-align: center;
  }
}

.rt-living .rt-living-cont_top span{
  display: block;
  width: 100%;
  max-width: 828px;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px){
  .rt-living .rt-living-cont_top span{
    text-align: center;
  }
}

.rt-living .rt-living-cont_gallery{
  margin-top: 2.5rem;
  overflow-y: clip;
}

.rt-living .rt-living-cont_gallery .gallery-select{
  position: relative;
  display: flex;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  justify-content: space-between;
  gap: 0.625rem;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
}

@media (min-width: 1024px){
  .rt-living .rt-living-cont_gallery .gallery-select{
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.25rem;
    padding-right: 0px;
  }
}

.rt-living .rt-living-cont_gallery .gallery-select{
  overflow-x: auto;
  scrollbar-width: none;
}

.rt-living .rt-living-cont_gallery .gallery-select .sliding-pill {
  position: absolute;
  top: 2px;
  left: 0;
  height: calc(100% - 4px);
  background: #ECEEEE;
  border-radius: 50px;
  pointer-events: none;
  z-index: 0;
  will-change: transform, width;
}

.rt-living .rt-living-cont_gallery .gallery-select::-webkit-scrollbar {
  display: none;
}

.rt-living .rt-living-cont_gallery .gallery-select .gallery-sliding-pill {
  position: absolute;
  top: 2px;
  left: 0;
  height: calc(100% - 4px);
  background: #ECEEEE;
  border-radius: 50px;
  pointer-events: none;
  z-index: 0;
  will-change: transform, width;
}

.rt-living .rt-living-cont_gallery .gallery-select button{
  border-radius: 50px;
  background-color: transparent;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(236 238 238 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1536px){
  .rt-living .rt-living-cont_gallery .gallery-select button{
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.rt-living .rt-living-cont_gallery .gallery-select button{
  flex-shrink: 0;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.rt-living .rt-living-cont_gallery .gallery-select button:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rt-living .rt-living-cont_gallery .gallery-select .active-gallery{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.rt-living .rt-living-cont_gallery .gallery-panel {
  display: none;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 1s ease, transform 1s ease;
}

.rt-living .rt-living-cont_gallery .gallery-panel.is-active {
  display: block;
}

.rt-living .rt-living-cont_gallery .gallery-panel.is-entering {
  opacity: 1;
  transform: translateY(0);
}

.rt-living .rt-living-cont_gallery .gallery-cont{
  margin-top: 2.5rem;
}

.rt-living .rt-living-cont_gallery .gallery-cont .grid-left{
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  left: -20px;
  z-index: 10;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media not all and (min-width: 1536px){
  .rt-living .rt-living-cont_gallery .gallery-cont .grid-left{
    height: 350px;
  }
}

@media not all and (min-width: 640px){
  .rt-living .rt-living-cont_gallery .gallery-cont .grid-left{
    display: none;
  }
}

@media (min-width: 1536px){
  .rt-living .rt-living-cont_gallery .gallery-cont .grid-left{
    left: 0px;
  }
}

.rt-living .rt-living-cont_gallery .gallery-cont .grid-right{
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  right: -20px;
  z-index: 10;
}

@media not all and (min-width: 1536px){
  .rt-living .rt-living-cont_gallery .gallery-cont .grid-right{
    height: 350px;
  }
}

@media not all and (min-width: 640px){
  .rt-living .rt-living-cont_gallery .gallery-cont .grid-right{
    display: none;
  }
}

@media (min-width: 1536px){
  .rt-living .rt-living-cont_gallery .gallery-cont .grid-right{
    right: 0px;
  }
}

.rt-living .rt-living-cont_gallery .gallery-cont .swiper-gallery .swiper-wrapper{
  gap: 1.5rem;
}

.rt-living .rt-living-cont_gallery .gallery-cont .swiper-gallery .swiper-wrapper .gallery-item{
  width: auto;
  max-width: 320px;
  border-radius: 15px;
}

@media (min-width: 640px){
  .rt-living .rt-living-cont_gallery .gallery-cont .swiper-gallery .swiper-wrapper .gallery-item{
    max-width: 544px;
  }
}

.rt-living .rt-living-cont_gallery .gallery-cont .swiper-gallery .swiper-wrapper .gallery-item img{
  height: 350px;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1536px){
  .rt-living .rt-living-cont_gallery .gallery-cont .swiper-gallery .swiper-wrapper .gallery-item img{
    height: 488px;
  }
}

.amennities-liv-des span{
  max-width: 1320px !important;
}

.up-living-cta{
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

@media not all and (min-width: 640px){
  .up-living-cta{
    flex-direction: column;
  }

  .up-living-cta a{
    width: 100%;
  }
}

.up-top{
  margin-top: 110px;
}

@media (min-width: 640px){
  .up-top{
    margin-top: 130px;
  }
}

@media (min-width: 1024px){
  .up-top{
    margin-top: 140px;
  }
}

@media (min-width: 1536px){
  .up-top{
    margin-top: 160px;
  }
}

.up-top .up-top-cont{
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
}

@media not all and (min-width: 1024px){
  .up-top .up-top-cont{
    flex-direction: column-reverse;
  }
}

@media (min-width: 1024px){
  .up-top .up-top-cont{
    gap: 1.25rem;
  }
}

.up-top .up-top-cont_left{
  width: 100%;
}

@media (min-width: 1024px){
  .up-top .up-top-cont_left{
    max-width: 767px;
  }
}

.up-top .up-top-cont_left h1{
  margin-bottom: 26px;
}

@media (min-width: 1536px){
  .up-top .up-top-cont_left h1{
    margin-top: 5rem;
  }
}

.up-top .up-top-cont_left__des{
  margin-bottom: 30px;
  display: block;
  font-size: 1.125rem;
  line-height: 2rem;
}

@media (min-width: 640px){
  .up-top .up-top-cont_left__des{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media not all and (min-width: 640px){
  .up-top .up-top-cont_left a{
    width: 100%;
  }
}

.up-top .up-top-cont_right{
  position: relative;
  min-height: 390px;
  width: 100%;
  overflow: hidden;
}

@media not all and (min-width: 1536px){
  .up-top .up-top-cont_right{
    max-height: 390px;
  }
}

@media not all and (min-width: 640px){
  .up-top .up-top-cont_right{
    max-height: 350px;
    min-height: 350px;
  }
}

@media (min-width: 1024px){
  .up-top .up-top-cont_right{
    max-width: 580px;
  }
}

@media (min-width: 1536px){
  .up-top .up-top-cont_right{
    min-height: 580px;
    max-width: 680px;
  }
}

.up-top .up-top-cont_right .frame-one{
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 10;
  width: 54px;
}

@media (min-width: 640px){
  .up-top .up-top-cont_right .frame-one{
    width: 70px;
  }
}

@media (min-width: 1536px){
  .up-top .up-top-cont_right .frame-one{
    width: 80px;
  }
}

.up-top .up-top-cont_right .frame-two{
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 10;
  width: 88px;
}

@media (min-width: 640px){
  .up-top .up-top-cont_right .frame-two{
    width: 102px;
  }
}

@media (min-width: 1536px){
  .up-top .up-top-cont_right .frame-two{
    width: 206px;
  }
}

.up-top .up-top-cont_right .frame-three{
  position: absolute;
  bottom: -1px;
  right: -1px;
  z-index: 10;
  width: 40px;
}

@media (min-width: 640px){
  .up-top .up-top-cont_right .frame-three{
    width: 50px;
  }
}

@media (min-width: 1536px){
  .up-top .up-top-cont_right .frame-three{
    width: 68px;
  }
}

.up-top .up-top-cont_right .frame-four{
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 10;
  width: 52px;
}

@media (min-width: 640px){
  .up-top .up-top-cont_right .frame-four{
    width: 60px;
  }
}

@media (min-width: 1536px){
  .up-top .up-top-cont_right .frame-four{
    width: 70px;
  }
}

.up-top .up-top-cont_right iframe{
  min-height: 390px;
  width: 100%;
  max-width: 580px;
  padding: 1px;
}

@media (min-width: 1350px){
  .up-top .up-top-cont_right iframe{
    max-width: 680px;
  }
}

@media (min-width: 1536px){
  .up-top .up-top-cont_right iframe{
    min-height: 580px;
  }
}

.up-top .up-top-cont_right video{
  min-height: 390px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 1px;
}

@media (min-width: 1024px){
  .up-top .up-top-cont_right video{
    max-width: 580px;
  }
}

@media (min-width: 1350px){
  .up-top .up-top-cont_right video{
    max-width: 680px;
  }
}

@media (min-width: 1536px){
  .up-top .up-top-cont_right video{
    min-height: 580px;
  }
}

.up-top .up-top-cont_right .hero-image{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 640px){
  .up-top .up-top-cont_right .hero-image{
    height: 350px;
  }
}

.up-value{
  margin-top: 50px;
}

@media (min-width: 1024px){
  .up-value{
    margin-top: 75px;
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

@media (min-width: 1536px){
  .up-value{
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.up-value .up-value-cont{
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px){
  .up-value .up-value-cont{
    align-items: center;
  }
}

.up-value .up-value-cont_top{
  display: flex;
  width: 100%;
  max-width: 1124px;
  flex-direction: column;
}

@media (min-width: 640px){
  .up-value .up-value-cont_top{
    align-items: center;
  }
}

.up-value .up-value-cont_top h4{
  height: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.up-value .up-value-cont_top h4::before{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
}

@media (min-width: 640px){
  .up-value .up-value-cont_top h3,.up-value .up-value-cont_top span{
    text-align: center;
  }
}

.up-value .up-value-cont_top h3{
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.up-value .up-value-cont_top span{
  font-size: 1.25rem;
  line-height: 2rem;
}

.up-value .up-value-cont_gallery{
  margin-top: 2.5rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1150px){
  .up-value .up-value-cont_gallery{
    display: flex;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1){
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.25rem;
}

@media not all and (min-width: 1150px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1){
    grid-column: span 2 / span 2;
  }
}

@media not all and (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1){
    grid-column: span 1 / span 1;
  }
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1){
    flex-direction: row;
  }
}

@media (min-width: 1150px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1){
    max-width: 290px;
    flex-direction: column;
  }
}

@media (min-width: 1536px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1){
    max-width: 460px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1){
  position: relative;
  width: 100%;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first{
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 10;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first p{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 18px;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first p{
    font-size: 24px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first span{
  display: none;
  font-size: 0.75rem !important;
  font-weight: 100;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first span {
  display: none;
}

.error-top .error-top-video .video-placeholder.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first span{
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first span{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first span p{
  background-color: transparent;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-first span p{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec{
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 10;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec p{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 18px;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec p{
    font-size: 24px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec span{
  display: none;
  font-size: 0.75rem !important;
  font-weight: 100;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec span {
  display: none;
}

.error-top .error-top-video .video-placeholder.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec span{
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec span{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec span p{
  background-color: transparent;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) .element-sec span p{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) img{
  height: 320px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1150px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) img{
    height: 270px;
  }
}

@media (min-width: 1536px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1) img{
    height: 488px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1):hover .element-first p,.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1):hover .element-sec p{
  --tw-bg-opacity: 1;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1):hover .element-first span,.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(1):hover .element-sec span{
  display: block;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2){
  position: relative;
  height: 100%;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first{
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 10;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first p{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 18px;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first p{
    font-size: 24px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first span{
  display: none;
  font-size: 0.75rem !important;
  font-weight: 100;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first span {
  display: none;
}

.error-top .error-top-video .video-placeholder.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first span{
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first span{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first span p{
  background-color: transparent;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-first span p{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec{
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 10;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec p{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 18px;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec p{
    font-size: 24px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec span{
  display: none;
  font-size: 0.75rem !important;
  font-weight: 100;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec span {
  display: none;
}

.error-top .error-top-video .video-placeholder.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec span{
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec span{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec span p{
  background-color: transparent;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) .element-sec span p{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2) img{
  height: 100%;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2):hover .element-first p,.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2):hover .element-sec p{
  --tw-bg-opacity: 1;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2):hover .element-first span,.up-value .up-value-cont_gallery .up-value-group:nth-child(1) .up-value-item:nth-child(2):hover .element-sec span{
  display: block;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2){
  position: relative;
  width: 100%;
  max-width: 578px;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) svg{
  width: 100%;
  max-width: 578px;
  border-radius: 35px;
  transform: scale(-1, 1);
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) svg image{
  width: 100%;
  max-width: 578px;
  border-radius: 35px;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) svg image:nth-child(1){
  height: 480px;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first{
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 10;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first p{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 18px;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first p{
    font-size: 24px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first span{
  display: none;
  font-size: 0.75rem !important;
  font-weight: 100;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first span {
  display: none;
}

.error-top .error-top-video .video-placeholder.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first span{
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first span{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first span p{
  background-color: transparent;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-first span p{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec{
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 10;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec p{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 18px;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec p{
    font-size: 24px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec span{
  display: none;
  font-size: 0.75rem !important;
  font-weight: 100;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec span {
  display: none;
}

.error-top .error-top-video .video-placeholder.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec span{
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec span{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec span p{
  background-color: transparent;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(2) .element-sec span p{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2):hover .element-first{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2):hover .element-first span{
  max-width: 300px;
}

@media (min-width: 1536px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(2):hover .element-first span{
    max-width: 400px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2):hover .element-first p,.up-value .up-value-cont_gallery .up-value-group:nth-child(2):hover .element-sec p{
  --tw-bg-opacity: 1;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(2):hover .element-first span,.up-value .up-value-cont_gallery .up-value-group:nth-child(2):hover .element-sec span{
  display: block;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3){
  position: relative;
  width: 100%;
  max-width: 592px;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) svg{
  width: 100%;
  max-width: 592px;
  border-radius: 35px;
  transform: scale(-1, 1);
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) svg image{
  width: 100%;
  max-width: 592px;
  border-radius: 35px;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) svg image:nth-child(1){
  height: 480px;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-first{
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 10;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-first p{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 18px;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-first p{
    font-size: 24px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-first span{
  display: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-first span {
  display: none;
}

.error-top .error-top-video .video-placeholder.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-first span{
  pointer-events: none;
  opacity: 0;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-first span p{
  background-color: transparent;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-first span p{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-sec{
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 10;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-sec p{
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 18px;
}

@media (min-width: 640px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-sec p{
    font-size: 24px;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-sec span{
  display: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-rooms-cont_item.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-sec span {
  display: none;
}

.error-top .error-top-video .video-placeholder.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-sec span{
  pointer-events: none;
  opacity: 0;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-sec span p{
  background-color: transparent;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 1280px){
  .up-value .up-value-cont_gallery .up-value-group:nth-child(3) .element-sec span p{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3):hover .element-first{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3):hover .element-first span{
  max-width: 400px;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3):hover .element-first p,.up-value .up-value-cont_gallery .up-value-group:nth-child(3):hover .element-sec p{
  --tw-bg-opacity: 1;
}

.up-value .up-value-cont_gallery .up-value-group:nth-child(3):hover .element-first span,.up-value .up-value-cont_gallery .up-value-group:nth-child(3):hover .element-sec span{
  display: block;
}

.up-deal{
  margin-top: 50px;
}

@media (min-width: 1150px){
  .up-deal{
    margin-top: 100px;
  }
}

.up-deal .up-deal-cont{
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 1.75rem;
}

@media not all and (min-width: 1150px){
  .up-deal .up-deal-cont{
    flex-direction: column;
  }
}

.up-deal .up-deal-cont_left{
  position: relative;
  width: 100%;
}

@media (min-width: 1150px){
  .up-deal .up-deal-cont_left{
    max-width: 700px;
  }
}

@media (min-width: 1640px){
  .up-deal .up-deal-cont_left{
    max-width: 1018px;
  }
}

.up-deal .up-deal-cont_left__dec{
  position: absolute;
  bottom: -1px;
  right: 0px;
  height: 80px;
}

@media (min-width: 640px){
  .up-deal .up-deal-cont_left__dec{
    height: 170px;
  }
}

@media (min-width: 1640px){
  .up-deal .up-deal-cont_left__dec{
    height: 440px;
  }
}

.up-deal .up-deal-cont_left__img{
  height: 100%;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1150px){
  .up-deal .up-deal-cont_left__img{
    max-width: 1018px;
  }
}

.up-deal .up-deal-cont_right{
  right: 0px;
  bottom: 0px;
  z-index: 10;
  display: flex;
  width: 100%;
  flex-direction: column;
}

@media not all and (min-width: 1536px){
  .up-deal .up-deal-cont_right{
    justify-content: center;
  }
}

@media (min-width: 1150px){
  .up-deal .up-deal-cont_right{
    max-width: 600px;
    align-items: center;
  }
}

@media (min-width: 1536px){
  .up-deal .up-deal-cont_right{
    position: absolute;
    max-width: 816px;
  }
}

.up-deal .up-deal-cont_right h3{
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 1150px){
  .up-deal .up-deal-cont_right h3{
    text-align: center;
  }
}

.up-deal .up-deal-cont_right span{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 1150px){
  .up-deal .up-deal-cont_right span{
    text-align: center;
  }
}

@media (min-width: 1536px){
  .up-deal .up-deal-cont_right span{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.up-deal .up-deal-cont_right .btn-blue{
  margin-top: 30px;
}

@media not all and (min-width: 640px){
  .up-deal .up-deal-cont_right .btn-blue{
    width: 100%;
  }
}

.lp-loc{
  margin-top: 50px;
}

@media (min-width: 1150px){
  .lp-loc{
    margin-top: 90px;
  }
}

.lp-loc .lp-loc-cont{
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px){
  .lp-loc .lp-loc-cont{
    align-items: center;
  }
}

.lp-loc .lp-loc-cont h3{
  margin-top: 1rem;
}

.lp-loc .lp-loc-cont_map{
  display: flex;
  width: 100%;
  flex-direction: column;
}

@media (min-width: 640px){
  .lp-loc .lp-loc-cont_map{
    align-items: center;
  }
}

.lp-loc .lp-loc-cont_map__buttons{
  margin-top: 30px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: space-between;
  border-radius: 50px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
}

.lp-loc .lp-loc-cont_map__buttons .btn-grupe{
  height: 56px;
  cursor: pointer;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition: background 0.3s ease, color 0.3s ease;
}

.lp-loc .lp-loc-cont_map__buttons .btn-grupe-active{
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.lp-loc .lp-loc-cont_map__wrapper{
  margin-top: 2.5rem;
  max-height: 350px;
  min-height: 350px;
  width: 100%;
}

@media (min-width: 640px){
  .lp-loc .lp-loc-cont_map__wrapper{
    max-height: 420px;
    min-height: 420px;
  }
}

@media (min-width: 1536px){
  .lp-loc .lp-loc-cont_map__wrapper{
    max-height: 600px;
    min-height: 600px;
  }
}

.lp-loc .lp-loc-cont_map__wrapper {
  position: relative;
}

.lp-map-panel {
  display: none;
  width: 100%;
}

.lp-map-panel iframe{
  max-height: 350px;
  min-height: 350px;
  width: 100%;
  border-radius: 1rem;
}

@media (min-width: 640px){
  .lp-map-panel iframe{
    max-height: 420px;
    min-height: 420px;
  }
}

@media (min-width: 1536px){
  .lp-map-panel iframe{
    max-height: 600px;
    min-height: 600px;
  }
}

.lp-map-panel iframe {
  border: 0;
  display: block;
}

.lp-map-panel.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.lp-map-panel.leaving {
  opacity: 0;
  transform: translateY(0px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  pointer-events: none;
}

.lp-map-panel.entering {
  opacity: 0;
  transform: translateY(0px);
}

.lp-map-panel.active:not(.entering) {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.lp-closeby{
  margin-top: 50px;
}

@media (min-width: 1150px){
  .lp-closeby{
    margin-top: 100px;
  }
}

.lp-closeby .lp-closeby-cont .heading-58{
  margin-top: 1rem;
}

.lp-closeby .lp-closeby-cont_box{
  margin-top: 2.5rem;
}

@media (min-width: 1150px){
  .lp-closeby .lp-closeby-cont_box{
    margin-top: 60px;
  }
}

.lp-closeby .lp-closeby-cont_box .swiper-closeby .swiper-slide{
  max-width: 260px;
}

.lp-closeby .lp-closeby-cont_box .swiper-closeby .swiper-slide .slide-image{
  position: relative;
  height: 260px;
  width: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}

.lp-closeby .lp-closeby-cont_box .swiper-closeby .swiper-slide .slide-image img{
  height: 260px;
  width: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}

.lp-closeby .lp-closeby-cont_box .swiper-closeby .swiper-slide .slide-image .closeby-decoration{
  position: absolute;
  top: -1px;
  right: -1px;
  height: 5rem;
  width: 5rem;
}

.lp-closeby .lp-closeby-cont_box .swiper-closeby .swiper-slide h4{
  margin-top: 1rem;
  font-size: 30px;
}

.lp-closeby .lp-closeby-cont_box .swiper-closeby .swiper-slide h5{
  margin-top: 0.125rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.lp-closeby .lp-closeby-cont_des{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lp-closeby .lp-closeby-cont_des span{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.lp-closeby .lp-closeby-cont_des .btn-blue{
  margin-top: 30px;
}

.fq-top{
  margin-top: 110px;
}

@media (min-width: 640px){
  .fq-top{
    margin-top: 130px;
  }
}

@media (min-width: 1024px){
  .fq-top{
    margin-top: 140px;
  }
}

@media (min-width: 1536px){
  .fq-top{
    margin-top: 160px;
  }
}

.fq-top .fq-top-cont{
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 2.5rem;
}

@media (min-width: 1024px){
  .fq-top .fq-top-cont{
    flex-direction: row;
  }
}

.fq-top .fq-top-cont_left{
  width: 100%;
}

@media (min-width: 1024px){
  .fq-top .fq-top-cont_left{
    margin-top: 54px;
    max-width: 770px;
  }
}

.fq-top .fq-top-cont_left h1{
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 544px;
}

.fq-top .fq-top-cont_left__des{
  display: flex;
  width: 100%;
  max-width: 542px;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

.fq-top .fq-top-cont_left__des strong{
  font-weight: 700;
}

.fq-top .fq-top-cont_left .btn-blue{
  margin-top: 2.5rem;
}

.fq-top .fq-top-cont_right{
  position: relative;
}

@media not all and (min-width: 1536px){
  .fq-top .fq-top-cont_right{
    margin-right: -90px;
    max-height: 480px;
  }
}

@media not all and (min-width: 1024px){
  .fq-top .fq-top-cont_right{
    margin-right: 0px;
  }
}

@media not all and (min-width: 640px){
  .fq-top .fq-top-cont_right{
    display: none;
  }
}

@media (min-width: 1024px){
  .fq-top .fq-top-cont_right{
    min-height: 480px;
    width: 620px;
  }
}

@media (min-width: 1536px){
  .fq-top .fq-top-cont_right{
    min-height: 707px;
    width: 877px;
  }
}

@media (min-width: 1024px){
  .fq-top .fq-top-cont_right__images{
    width: 620px;
  }
}

@media (min-width: 1536px){
  .fq-top .fq-top-cont_right__images{
    width: 877px;
  }
}

.fq-top .fq-top-cont_right__images img:nth-child(1){
  position: absolute;
  left: 116px;
  bottom: 0px;
  z-index: 6;
}

@media not all and (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(1){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fq-top .fq-top-cont_right__images img:nth-child(1){
    width: 50%;
  }
}

@media (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(1){
    left: 232px;
  }
}

.fq-top .fq-top-cont_right__images img:nth-child(2){
  position: absolute;
  left: 240px;
  bottom: 80px;
  z-index: 5;
}

@media not all and (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(2){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fq-top .fq-top-cont_right__images img:nth-child(2){
    width: 50%;
  }
}

@media (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(2){
    left: 398px;
    bottom: 205px;
  }
}

.fq-top .fq-top-cont_right__images img:nth-child(3){
  position: absolute;
  right: 84px;
  top: 1.25rem;
  z-index: 4;
}

@media not all and (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(3){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fq-top .fq-top-cont_right__images img:nth-child(3){
    width: 50%;
  }
}

@media (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(3){
    right: 0px;
    top: 0px;
  }
}

.fq-top .fq-top-cont_right__images img:nth-child(4){
  position: absolute;
  top: 84px;
  left: 130px;
  z-index: 2;
  width: 100%;
  max-width: 260px;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media not all and (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(4){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fq-top .fq-top-cont_right__images img:nth-child(4){
    width: 50%;
  }
}

@media (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(4){
    left: 278px;
  }
}

.fq-top .fq-top-cont_right__images img:nth-child(5){
  position: absolute;
  left: 0px;
  bottom: 70px;
  z-index: 3;
}

@media not all and (min-width: 1536px){
  .fq-top .fq-top-cont_right__images img:nth-child(5){
    width: 30%;
  }
}

@media not all and (min-width: 640px){
  .fq-top .fq-top-cont_right__images img:nth-child(5){
    width: 50%;
  }
}

@media (max-width: 1023px) {
  .fq-top .fq-top-cont_right__images{
    position: relative;
    display: flex;
    max-height: none;
    min-height: 0px;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
  }

  .fq-top .fq-top-cont_right__images img{
    width: calc(33% - 0.5rem);
    min-width: 90px;
    max-width: 160px;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }

  .fq-top .fq-top-cont_right__images img:nth-child(1){
    align-self: flex-end;
    transform: rotate(-3deg) translateY(6px);
    z-index: 3;
  }

  .fq-top .fq-top-cont_right__images img:nth-child(2) {
    transform: rotate(2deg) translateY(-10px);
    z-index: 4;
    margin-bottom: 12px;
  }

  .fq-top .fq-top-cont_right__images img:nth-child(3){
    align-self: flex-start;
    transform: rotate(-1.5deg) translateY(4px);
    z-index: 2;
  }

  .fq-top .fq-top-cont_right__images img:nth-child(4){
    border-radius: 1rem;
    transform: rotate(3deg) translateY(-6px);
    z-index: 5;
    max-width: 140px;
  }

  .fq-top .fq-top-cont_right__images img:nth-child(5){
    align-self: flex-end;
    transform: rotate(-2deg) translateY(8px);
    z-index: 3;
  }
}

.fq-faq{
  display: flex;
  justify-content: center;
}

.fq-faq .fq-faq-cont{
  margin-top: 100px;
  display: flex;
  width: 100%;
  max-width: 1400px;
  flex-direction: column;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

@keyframes filterDropIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to   {
    opacity: 1;
    transform: translateY(0);
  }
}

.fq-faq .fq-faq-cont .faq-select{
  position: relative;
  width: 100%;
}

.fq-faq .fq-faq-cont .faq-select .filter-bar{
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 2.25rem;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
}

@media (min-width: 1024px){
  .fq-faq .fq-faq-cont .faq-select .filter-bar{
    padding-left: 0.25rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1536px){
  .fq-faq .fq-faq-cont .faq-select .filter-bar{
    padding-right: 10px;
  }
}

.fq-faq .fq-faq-cont .faq-select .filter-bar{
  overflow-x: auto;
  scrollbar-width: none;
  position: relative;
}

.fq-faq .fq-faq-cont .faq-select .filter-bar::-webkit-scrollbar {
  display: none;
}

.fq-faq .fq-faq-cont .faq-select .filter-bar .faq-sliding-pill {
  position: absolute;
  top: 2px;
  left: 0;
  height: calc(100% - 4px);
  background: #ECEEEE;
  border-radius: 50px;
  pointer-events: none;
  z-index: 0;
  will-change: transform, width;
}

.fq-faq .fq-faq-cont .faq-select .filter-bar button{
  border-radius: 50px;
  background-color: transparent;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(236 238 238 / var(--tw-text-opacity));
  flex-shrink: 0;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
}

.fq-faq .fq-faq-cont .faq-select .filter-bar button:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.fq-faq .fq-faq-cont .faq-select .filter-bar .active-faq{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.fq-faq .fq-faq-cont .faq-select .filter-trigger{
  display: none;
  align-items: center;
  justify-content: space-between;
}

.pp-rooms-cont_item.fq-faq .fq-faq-cont .faq-select .filter-trigger {
  display: none;
}

.error-top .error-top-video .video-placeholder.fq-faq .fq-faq-cont .faq-select .filter-trigger{
  pointer-events: none;
  opacity: 0;
}

.fq-faq .fq-faq-cont .faq-select .filter-trigger{
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
  padding: 6px 6px 6px 24px;
  transition: border-radius 0.22s ease;
}

.fq-faq .fq-faq-cont .faq-select .filter-trigger .trigger-label{
  flex: 1 1 0%;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(236 238 238 / var(--tw-text-opacity));
}

.fq-faq .fq-faq-cont .faq-select .filter-trigger .trigger-icon{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: rgba(236, 238, 238, 0.2);
  transition: background 0.2s;
}

.fq-faq .fq-faq-cont .faq-select .filter-trigger .trigger-icon svg{
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown{
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 50;
  display: none;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
}

.pp-rooms-cont_item.fq-faq .fq-faq-cont .faq-select .filter-dropdown {
  display: none;
}

.error-top .error-top-video .video-placeholder.fq-faq .fq-faq-cont .faq-select .filter-dropdown{
  pointer-events: none;
  opacity: 0;
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown {
  top: 100%;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 8px 24px rgba(31, 163, 200, 0.25);
  animation: filterDropIn 0.28s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown.open{
  display: block;
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown button{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 14px;
  padding-bottom: 14px;
  cursor: pointer;
  background-color: transparent;
  text-align: left;
  font-size: 0.95rem;
  --tw-text-opacity: 1;
  color: rgb(236 238 238 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom: 0.5px solid rgba(236, 238, 238, 0.15);
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown button:last-child {
  border-bottom: none;
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown button:hover {
  background: rgba(236, 238, 238, 0.1);
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown button .check{
  font-size: 13px;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown .active-faq {
  background: rgba(236, 238, 238, 0.18);
  font-weight: 500;
}

.fq-faq .fq-faq-cont .faq-select .filter-dropdown .active-faq .check{
  opacity: 1;
}

.fq-faq .fq-faq-cont .faq-select.is-open .filter-trigger {
  border-radius: 20px 20px 0 0;
}

.fq-faq .fq-faq-cont .faq-select.is-open .trigger-icon {
  background: rgba(236, 238, 238, 0.3);
}

.fq-faq .fq-faq-cont .faq-select.is-open .trigger-icon svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (max-width: 1023px) {
  .fq-faq .fq-faq-cont .faq-select .filter-bar{
    display: none;
  }

  .pp-rooms-cont_item.fq-faq .fq-faq-cont .faq-select .filter-bar {
    display: none;
  }

  .error-top .error-top-video .video-placeholder.fq-faq .fq-faq-cont .faq-select .filter-bar{
    pointer-events: none;
    opacity: 0;
  }

  .fq-faq .fq-faq-cont .faq-select .filter-trigger{
    display: flex;
  }
}

.fq-faq .fq-faq-cont .heading-58{
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.fq-faq .fq-faq-cont_des{
  width: 100%;
  max-width: 828px;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.fq-faq .fq-faq-cont_box{
  margin-top: 2rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 640px){
  .fq-faq .fq-faq-cont_box h3{
    text-align: center;
  }
}

.fq-faq .fq-faq-cont_box .des-faq{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  display: block;
  width: 100%;
  max-width: 828px;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 640px){
  .fq-faq .fq-faq-cont_box .des-faq{
    margin-bottom: 5rem;
    text-align: center;
  }
}

.fq-faq .fq-faq-cont_box__item{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1000px;
  cursor: pointer;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: #16151640;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fq-faq .fq-faq-cont_box__item .faq-question{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.fq-faq .fq-faq-cont_box__item .faq-question h3{
  text-align: start !important;
}

.fq-faq .fq-faq-cont_box__item .faq-question img{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.fq-faq .fq-faq-cont_box__item .faq-answer{
  overflow: hidden;
  font-size: 1.125rem;
  line-height: 1.75rem;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  max-height: 0;
  margin-top: 0;
}

.fq-faq .fq-faq-cont_box__item.active .faq-question img {
  transform: rotate(180deg);
}

.fq-faq .fq-faq-cont_box__item.active h3{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.fq-faq .fq-faq-cont_box__item.active .faq-answer{
  opacity: 1;
  max-height: 500px;
  margin-top: 1rem;
}

.fq-faq .fq-faq-cont .btn-blue{
  margin-top: 30px;
}

.fq-style{
  margin-top: 50px;
}

@media (min-width: 1024px){
  .fq-style{
    margin-top: 80px;
  }
}

@media (min-width: 1536px){
  .fq-style{
    margin-top: 100px;
  }
}

.fq-style .fq-style-cont{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 1150px){
  .fq-style .fq-style-cont{
    flex-direction: row;
    gap: 1.75rem;
  }
}

.fq-style .fq-style-cont_left{
  position: relative;
  width: 100%;
  max-width: 470px;
}

@media not all and (min-width: 1150px){
  .fq-style .fq-style-cont_left{
    min-height: 440px;
  }
}

.fq-style .fq-style-cont_left .sect-name{
  position: absolute;
  top: 0px;
  left: 0px;
}

.fq-style .fq-style-cont_left .sect-buddy{
  position: absolute;
  top: 50%;
  right: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.fq-style .fq-style-cont_right{
  width: 100%;
}

@media (min-width: 1150px){
  .fq-style .fq-style-cont_right{
    max-width: 1000px;
  }
}

.fq-style .fq-style-cont_right h3{
  margin-bottom: 2rem;
}

.fq-style .fq-style-cont_right span{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1.125rem;
  line-height: 2rem;
}

@media (min-width: 1536px){
  .fq-style .fq-style-cont_right span{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.fq-style .fq-style-cont_right__cta{
  margin-top: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 640px){
  .fq-style .fq-style-cont_right__cta{
    flex-direction: row;
    gap: 2.75rem;
  }
}

@media not all and (min-width: 640px){
  .fq-style .fq-style-cont_right__cta a{
    width: 100%;
  }
}

.cp-top .cp-top-cont{
  margin-top: 1.25rem;
}

.cp-top .cp-top-cont h1{
  max-width: 686px;
}

.cp-top .cp-top-cont_box{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 2rem;
}

@media (min-width: 1150px){
  .cp-top .cp-top-cont_box{
    flex-direction: row;
  }
}

.cp-top .cp-top-cont_box__left{
  width: 100%;
}

@media (min-width: 1150px){
  .cp-top .cp-top-cont_box__left{
    max-width: 970px;
  }
}

.cp-top .cp-top-cont_box__left img{
  height: 320px;
  width: 100%;
  border-radius: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .cp-top .cp-top-cont_box__left img{
    height: 488px;
  }
}

.cp-top .cp-top-cont_box__right{
  width: 100%;
}

@media (min-width: 1150px){
  .cp-top .cp-top-cont_box__right{
    max-width: 545px;
  }
}

.cp-top .cp-top-cont_box__right .contant-des-one{
  margin-top: 30px;
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.cp-top .cp-top-cont_box__right .contant-des-one strong{
  display: block;
  font-weight: 700;
}

.cp-top .cp-top-cont_box__right .contant-des-two{
  margin-top: 30px;
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.cp-top .cp-top-cont_box__right .contant-des-two h4{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.cp-top .cp-top-cont_box__right .contant-des-two h5{
  position: relative;
  margin-top: 1rem;
  padding-left: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.cp-top .cp-top-cont_box__right .contant-des-two h5::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 22px;
  width: 18px;
  content: "";
  background-image: url('../img/loc-blue.svg');
}

.cp-top .cp-top-cont_box__right .contant-des-two a{
  display: block;
  padding-left: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.cp-top .cp-top-cont_box__right .contant-des-three{
  margin-top: 0.625rem;
  display: block;
}

.cp-top .cp-top-cont_box__right .contant-des-three h4{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.cp-top .cp-top-cont_box__right .contant-des-three p{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.cp-top .cp-top-cont_box__right .contact-des-phone{
  margin-top: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.cp-top .cp-top-cont_box__right .contact-des-phone a{
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.cp-form-cont{
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  display: flex;
  width: 100%;
  max-width: 1112px;
  flex-direction: column;
}

@media (min-width: 640px){
  .cp-form-cont{
    align-items: center;
  }
}

@media (min-width: 1150px){
  .cp-form-cont{
    margin-top: 100px;
  }
}

@media not all and (min-width: 640px){
  .wpcf7{
    width: 100%;
  }
}

.wpcf7-form{
  margin-top: 1.5rem;
  display: flex;
  max-width: 994px;
  flex-direction: column;
  gap: 1.5rem;
}

@media not all and (min-width: 640px){
  .wpcf7-form .btn-blue{
    width: 100% !important;
  }
}

.wpcf7-form .input-form-cont{
  display: flex;
  flex-direction: column;
  gap: 22px;
}

@media (min-width: 768px){
  .wpcf7-form .input-form-cont{
    flex-direction: row;
  }
}

.wpcf7-form .input-form-cont .input-form{
  margin-top: 0.75rem;
  width: 100%;
}

.wpcf7-form .input-form-cont .input-form span{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.wpcf7-form .input-form-cont .input-form input{
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(197 197 197 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px){
  .wpcf7-form .input-form-cont .input-form input{
    max-width: 470px;
  }
}

@media (min-width: 1024px){
  .wpcf7-form .input-form-cont .input-form input{
    max-width: 486px;
  }
}

@media (min-width: 1150px){
  .wpcf7-form .input-form-cont .input-form input{
    max-width: 486px;
  }
}

.wpcf7-form .input-form-cont .input-form input{
  width: -webkit-fill-available;
  width: -moz-available;
}

@media(max-widht:640px){
  .wpcf7-form .input-form-cont .input-form input{
    max-width: -moz-available
  }
}

.wpcf7-form .input-form-cont .input-form input::-moz-placeholder{
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(112 112 112 / var(--tw-text-opacity));
}

.wpcf7-form .input-form-cont .input-form input::placeholder{
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(112 112 112 / var(--tw-text-opacity));
}

.wpcf7-form .input-form textarea{
  width: 100%;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(197 197 197 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.wpcf7-form .input-form textarea::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(112 112 112 / var(--tw-text-opacity));
}

.wpcf7-form .input-form textarea::placeholder{
  --tw-text-opacity: 1;
  color: rgb(112 112 112 / var(--tw-text-opacity));
}

.wpcf7-form .wpcf7-submit{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  align-items: center;
  gap: 0.75rem;
  border-radius: 24px;
  border-style: none;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.wpcf7-form .wpcf7-list-item-label, .wpcf7-form span{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media not all and (min-width: 640px){
  .wpcf7-form .wpcf7-list-item-label, .wpcf7-form span{
    max-width: 220px;
  }
}

.wpcf7-form .wpcf7-list-item-label a,.wpcf7-form span a{
  font-weight: 500;
  text-decoration-line: underline;
  text-underline-offset: 6px;
}

.wpcf7-form .wpcf7-list-item{
  margin: 0px !important;
}

.input-form select{
  width: 100%;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(197 197 197 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(112 112 112 / var(--tw-text-opacity));
  width: -webkit-fill-available;
  width: -moz-available;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .input-form select {
    max-width: 470px
  }
}

@media (min-width: 1024px) {
  .input-form select {
    max-width: 486px
  }
}

.input-form select:focus {
  outline: none;
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity));
}

.zgoda-komponent{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.zgoda-komponent .wpcf7-form-control{
  max-width: none !important;
}

.zgoda-komponent .wpcf7-form-control .wpcf7-list-item{
  max-width: none !important;
}

.zgoda-komponent input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.zgoda-komponent label{
  font-weight: 400 !important;
  line-height: 1.5rem;
  --tw-text-opacity: 1 !important;
  color: rgb(22 21 22 / var(--tw-text-opacity)) !important;
  position: relative;
  padding-left: 42px;
  cursor: pointer;
  display: inline-block;
}

.form-btn{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  width: 100%;
  max-width: 260px;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(213 213 213 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(22 21 22 / var(--tw-text-opacity)) !important;
}

.form-btn input{
  height: 60px;
  border-radius: 50px;
  padding-left: 1.5rem !important;
  padding-top: 0.75rem !important;
  text-align: start !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1 !important;
  color: rgb(22 21 22 / var(--tw-text-opacity)) !important;
  width: -webkit-fill-available;
  width: -moz-available;
}

.form-btn input:disabled{
  border-style: none;
  opacity: 1;
}

.form-btn .btn-arrow{
  position: absolute;
  right: 18px;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.zgoda-komponent label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 1.5px solid #D9D9D9;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  box-sizing: border-box;
}

.zgoda-komponent label:has(input[type="checkbox"]:checked)::before {
  background: rgb(19 35 88 );
  border-color: rgb(19 35 88 );
}

.zgoda-komponent label:has(input[type="checkbox"]:checked)::after {
  content: "✓";
  position: absolute;
  left: 7px;
  top: 10px;
  transform: translateY(-50%);
  font-size: 14px;
  color: white;
}

.wpcf7-spinner{
  display: none !important;
}

.form-control{
  border-radius: 15px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.input-form,
.zgoda-komponent {
  position: relative;
}

.input-form .cf7-error-msg, .zgoda-komponent .cf7-error-msg {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #E24B4A;
  opacity: 0;
  transform: translateY(-4px);
  animation: cf7ErrorIn 0.2s ease forwards;
}

.input-form input.cf7-invalid,
    .input-form textarea.cf7-invalid,
    .input-form select.cf7-invalid,
    .zgoda-komponent input.cf7-invalid,
    .zgoda-komponent textarea.cf7-invalid,
    .zgoda-komponent select.cf7-invalid{
  --tw-border-opacity: 1;
  border-color: rgb(226 75 74 / var(--tw-border-opacity));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E24B4A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 40px;
}

.input-form select.cf7-invalid, .zgoda-komponent select.cf7-invalid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E24B4A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");
}

.input-form input.cf7-invalid:focus,
    .input-form textarea.cf7-invalid:focus,
    .input-form select.cf7-invalid:focus,
    .zgoda-komponent input.cf7-invalid:focus,
    .zgoda-komponent textarea.cf7-invalid:focus,
    .zgoda-komponent select.cf7-invalid:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(226, 75, 74, 0.15);
}

.zgoda-komponent .wpcf7-list-item input.cf7-invalid + .wpcf7-list-item-label {
  color: #E24B4A;
}

@keyframes cf7ErrorIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cp-team{
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  max-width: 1112px;
}

@media (min-width: 640px){
  .cp-team{
    width: 100%;
  }
}

.cp-team .cp-team-cont h3{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.cp-team .cp-team-cont .cp-team-cont-des{
  width: 100%;
  max-width: 828px;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.cp-team .cp-team-cont_box{
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 640px){
  .cp-team .cp-team-cont_box{
    margin: 2.5rem;
  }
}

.cp-team .cp-team-cont_box__item{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 640px){
  .cp-team .cp-team-cont_box__item{
    flex-direction: row;
  }
}

.cp-team .cp-team-cont_box__item___left{
  position: relative;
  width: 100%;
  max-width: 260px;
}

.cp-team .cp-team-cont_box__item___left .person-image{
  height: 260px;
  width: 100%;
  border-radius: 0.375rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.cp-team .cp-team-cont_box__item___left .closeby-decoration{
  position: absolute;
  top: -2px;
  left: -2px;
  height: 5rem;
  width: 5rem;
  transform: scale(-1, 1);
}

.cp-team .cp-team-cont_box__item___right{
  width: 100%;
  max-width: 828px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.cp-team .cp-team-cont_box__item___right h3{
  margin: 0px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.75rem;
}

.cp-team .cp-team-cont_box__item___right h4{
  margin-top: 0.625rem;
  font-size: 24px;
}

.cp-team .cp-team-cont_box__item___right span{
  margin-top: 0.625rem;
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.cp-team .cp-team-cont_box__item___right .contact-detalis{
  margin-top: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 1024px){
  .cp-team .cp-team-cont_box__item___right .contact-detalis{
    flex-direction: row;
  }
}

.cp-team .cp-team-cont_box__item___right .contact-detalis a{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media not all and (min-width: 1024px){
  .dc-top{
    margin-top: 2.5rem;
  }
}

.dc-top .dc-top-cont h1{
  margin-top: 0.75rem;
}

@media (min-width: 640px){
  .dc-top .dc-top-cont h1{
    text-align: center;
  }
}

.dc-top .dc-top-cont_des{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  display: flex;
  width: 100%;
  max-width: 966px;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

@media (min-width: 640px){
  .dc-top .dc-top-cont_des{
    text-align: center;
  }
}

.dc-top .dc-top-cont_files{
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 640px){
  .dc-top .dc-top-cont_files{
    margin-top: 60px;
    justify-content: center;
    gap: 60px;
  }
}

.dc-top .dc-top-cont_files__item{
  display: flex;
  align-items: center;
  gap: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  padding: 1.25rem;
}

@media not all and (min-width: 640px){
  .dc-top .dc-top-cont_files__item{
    width: 100%;
  }
}

.dc-top .dc-top-cont_files__item p{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.blog{
  margin-top: 120px;
}

.blog .blog-top{
  position: relative;
}

.blog .blog-top::before{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  border-radius: 25px;
  background-color: rgb(22 21 22 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  content: "";
}

.blog .blog-top_img{
  min-height: 300px;
  width: 100%;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .blog .blog-top_img{
    min-height: 400px;
  }
}

.blog .blog-top .hero-blog-1{
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 20;
}

@media not all and (min-width: 1024px){
  .blog .blog-top .hero-blog-1{
    width: 280px;
  }
}

@media not all and (min-width: 640px){
  .blog .blog-top .hero-blog-1{
    width: 180px;
  }
}

.blog .blog-top .hero-blog-2{
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 20;
}

@media not all and (min-width: 1024px){
  .blog .blog-top .hero-blog-2{
    width: 40px;
  }
}

@media not all and (min-width: 640px){
  .blog .blog-top .hero-blog-2{
    width: 30px;
  }
}

.blog .blog-top_des{
  position: absolute;
  left: 40px;
  bottom: 40px;
  z-index: 20;
}

@media (min-width: 768px){
  .blog .blog-top_des{
    left: 80px;
    bottom: 86px;
  }
}

@media (min-width: 1280px){
  .blog .blog-top_des{
    left: 146px;
  }
}

.blog .blog-top_des h1{
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .blog .blog-top_des h1{
    font-size: 48px;
    line-height: 52px;
  }
}

@media (min-width: 1280px){
  .blog .blog-top_des h1{
    font-size: 58px;
    line-height: 68px;
  }
}

.blog .blog-des{
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px){
  .blog .blog-des{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .blog .blog-des{
    margin-top: 100px;
  }
}

.blog .blog-des_left h2{
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 24px;
  line-height: 38px;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .blog .blog-des_left h2{
    font-size: 30px;
    line-height: 50px;
  }
}

@media (min-width: 1024px){
  .blog .blog-des_left h2{
    font-size: 42px;
  }
}

@media (min-width: 1280px){
  .blog .blog-des_left h2{
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1536px){
  .blog .blog-des_left h2{
    font-size: 58px;
  }
}

.blog .blog-des_right p{
  font-family: NeueHaasGrotesk, sans-serif;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.blog .blog-articles{
  margin-top: 60px;
  border-radius: 25px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 1024px){
  .blog .blog-articles{
    margin-top: 100px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.blog .blog-articles .blog-articles-cont{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem;
}

@media (min-width: 640px){
  .blog .blog-articles .blog-articles-cont{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .blog .blog-articles .blog-articles-cont{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.blog .blog-articles .blog-articles-cont .blog-article{
  margin-left: auto;
  margin-right: auto;
  max-width: 402px;
  overflow: hidden;
}

.blog .blog-articles .blog-articles-cont .blog-article a{
  display: block;
  overflow: hidden;
  border-radius: 15px;
}

.blog .blog-articles .blog-articles-cont .blog-article_img{
  max-height: 280px;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.blog .blog-articles .blog-articles-cont .blog-article_category{
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.blog .blog-articles .blog-articles-cont .blog-article_time{
  display: flex;
  align-items: center;
  gap: 1rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.blog .blog-articles .blog-articles-cont .blog-article_title{
  margin-top: 0.25rem;
  font-size: 22px;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .blog .blog-articles .blog-articles-cont .blog-article_title{
    font-size: 26px;
  }
}

.blog .blog-articles .blog-articles-cont .blog-article_title{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog .blog-articles .blog-articles-cont .blog-article:hover .blog-article_img{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.blog .blog-articles .blog-articles-cont .blog-article:hover .blog-article_title{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.blog-single{
  margin-top: 140px;
}

.blog-single h1{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  margin-bottom: 80px;
  max-width: 902px;
  text-align: center;
  font-size: 24px;
  line-height: 38px;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .blog-single h1{
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 30px;
    line-height: 50px;
  }
}

@media (min-width: 1024px){
  .blog-single h1{
    font-size: 42px;
  }
}

@media (min-width: 1280px){
  .blog-single h1{
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1536px){
  .blog-single h1{
    max-width: 1112px;
    font-size: 58px;
  }
}

.blog-single h2{
  font-size: 22px;
  font-weight: 500;
  line-height: 38px;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

@media (min-width: 409px){
  .blog-single h2{
    font-size: 26px;
  }
}

@media (min-width: 640px){
  .blog-single h2{
    font-size: 30px;
    line-height: 50px;
  }
}

@media (min-width: 1024px){
  .blog-single h2{
    font-size: 42px;
  }
}

@media (min-width: 1280px){
  .blog-single h2{
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1536px){
  .blog-single h2{
    font-size: 58px;
  }
}

.blog-single h3{
  font-size: 22px;
  font-weight: 500;
  line-height: 2.25rem;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

@media (min-width: 409px){
  .blog-single h3{
    font-size: 26px;
  }
}

@media (min-width: 640px){
  .blog-single h3{
    font-size: 30px;
    line-height: 48px;
  }
}

@media (min-width: 1024px){
  .blog-single h3{
    font-size: 38px;
  }
}

.blog-single p{
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 30px;
}

.blog-single_category{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity));
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 1.125rem !important;
  font-weight: 300;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.blog-single .blog-single-top{
  position: relative;
}

.blog-single .blog-single-top::before{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  border-radius: 25px;
  background-color: rgb(22 21 22 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  content: "";
}

.blog-single .blog-single-top_img{
  min-height: 300px;
  width: 100%;
  border-radius: 25px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 640px){
  .blog-single .blog-single-top_img{
    min-height: 400px;
  }
}

.blog-single .blog-single-top .hero-blog-1{
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 20;
}

@media not all and (min-width: 640px){
  .blog-single .blog-single-top .hero-blog-1{
    width: 200px;
  }
}

.blog-single .blog-single-top .hero-blog-2{
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 20;
}

@media not all and (min-width: 768px){
  .blog-single .blog-single-top .hero-blog-2{
    width: 50px;
  }
}

@media not all and (min-width: 640px){
  .blog-single .blog-single-top .hero-blog-2{
    width: 30px;
  }
}

.blog-single .blog-single-top_socials{
  position: absolute;
  top: -60px;
  z-index: 20;
  display: flex;
  height: 50px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px){
  .blog-single .blog-single-top_socials{
    top: 0px;
    max-width: 344px;
  }
}

.blog-single .blog-single-top_socials__left{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.blog-single .blog-single-top_socials__left___icons{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.blog-single .blog-single-top_socials__right p{
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media not all and (min-width: 640px){
  .blog-single .blog-single-top_socials__right p{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.blog-single .blog-single-desone{
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  display: flex;
  width: 100%;
  max-width: 1142px;
  flex-direction: column;
  gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 30px !important;
  line-height: 34px;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .blog-single .blog-single-desone{
    margin-top: 100px;
  }
}

.blog-single .blog-single-desone p{
  font-size: 22px !important;
  line-height: 34px !important;
}

@media (min-width: 640px){
  .blog-single .blog-single-desone p{
    font-size: 30px !important;
  }
}

.blog-single .blog-single-destwo{
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}

@media (min-width: 1024px){
  .blog-single .blog-single-destwo{
    margin-top: 100px;
    flex-direction: row;
  }
}

.blog-single .blog-single-destwo .des-wide{
  max-width: none !important;
}

.blog-single .blog-single-destwo_left{
  display: flex;
  width: 100%;
  max-width: 700px;
  flex-direction: column;
  justify-content: center;
  gap: 1.75rem;
}

@media (min-width: 1024px){
  .blog-single .blog-single-destwo_left{
    gap: 2.5rem;
  }
}

.blog-single .blog-single-destwo_left p{
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 30px;
}

.blog-single .blog-single-destwo_right{
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .blog-single .blog-single-destwo_right{
    max-width: 544px;
  }
}

.blog-single .blog-single-destwo_right img{
  min-height: 400px;
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .blog-single .blog-single-destwo_right img{
    min-height: 600px;
    max-width: 544px;
  }
}

.blog-single .blog-single-desthree{
  margin-top: 60px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 2rem;
}

@media (min-width: 1024px){
  .blog-single .blog-single-desthree{
    margin-top: 100px;
    flex-direction: row;
  }
}

.blog-single .blog-single-desthree .des-wide{
  max-width: none !important;
}

.blog-single .blog-single-desthree_right{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

@media (min-width: 1024px){
  .blog-single .blog-single-desthree_right{
    max-width: 700px;
  }
}

.blog-single .blog-single-desthree_right p{
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 30px;
}

.blog-single .blog-single-desthree_left{
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .blog-single .blog-single-desthree_left{
    max-width: 544px;
  }
}

.blog-single .blog-single-desthree_left img{
  min-height: 420px;
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1024px){
  .blog-single .blog-single-desthree_left img{
    min-height: 720px;
    max-width: 544px;
  }
}

.blog-single .blog-single-desfour{
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px){
  .blog-single .blog-single-desfour{
    margin-top: 100px;
  }
}

.blog-single .blog-single-imgs{
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px){
  .blog-single .blog-single-imgs{
    max-height: 460px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .blog-single .blog-single-imgs{
    margin-top: 100px;
  }
}

.blog-single .blog-single-imgs img{
  height: 100%;
  max-height: 460px;
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-single .blog-single-imgs img:first-child{
  grid-column: span 1 / span 1;
}

@media (min-width: 768px){
  .blog-single .blog-single-imgs img:first-child{
    grid-column: span 3 / span 3;
  }
}

.blog-single .blog-single-imgs img:nth-child(2){
  grid-column: span 1 / span 1;
}

@media (min-width: 768px){
  .blog-single .blog-single-imgs img:nth-child(2){
    grid-column: span 2 / span 2;
  }
}

.blog-single .blog-single-more{
  margin-top: 60px;
}

@media (min-width: 1024px){
  .blog-single .blog-single-more{
    margin-top: 100px;
  }
}

.blog-single .blog-single-more_head{
  position: relative;
  margin-bottom: 2.25rem;
  display: flex;
  max-height: 70px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

@media not all and (min-width: 640px){
  .blog-single .blog-single-more_head{
    gap: 1.25rem;
  }
}

@media (min-width: 640px){
  .blog-single .blog-single-more_head{
    flex-direction: row;
  }
}

.blog-single .blog-single-more .blog-article{
  margin-left: auto;
  margin-right: auto;
  max-width: 402px;
}

.blog-single .blog-single-more .blog-article a{
  display: block;
  overflow: hidden;
  border-radius: 15px;
}

.blog-single .blog-single-more .blog-article_img{
  max-height: 280px;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.blog-single .blog-single-more .blog-article_category{
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.blog-single .blog-single-more .blog-article_time{
  display: flex;
  align-items: center;
  gap: 1rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.blog-single .blog-single-more .blog-article_title{
  margin-top: 0.25rem;
  font-size: 26px;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-single .blog-single-more .blog-article:hover .blog-article_img{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.blog-single .blog-single-more .blog-article:hover .blog-article_title{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.buttons-wrapper{
  display: grid;
  min-height: 50px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5rem;
}

.buttons-wrapper .swiper-button-prev, .buttons-wrapper .swiper-button-next{
  position: relative !important;
  display: block !important;
}

.buttons-wrapper .swiper-button-prev, .buttons-wrapper .swiper-button-disabled{
  display: block !important;
  height: 50px !important;
  width: 50px !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 217 217 / var(--tw-border-opacity)) !important;
  background-color: transparent !important;
  opacity: 1 !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.buttons-wrapper .swiper-button-prev::after,.buttons-wrapper .swiper-button-disabled::after{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  content: "";
  transform: translate(-50% , -50%);
  background-image: url('/wp-content/themes/everywhere/dist/img/arrow-gray.svg');
  z-index: 10;
  background-repeat: no-repeat;
}

.buttons-wrapper .swiper-button-prev:hover,.buttons-wrapper .swiper-button-disabled:hover{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.2 !important;
}

.buttons-wrapper .swiper-button-next{
  height: 50px !important;
  width: 50px !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 217 217 / var(--tw-border-opacity)) !important;
  background-color: transparent !important;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.buttons-wrapper .swiper-button-next::after{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  content: "";
  transform: translate(-50% , -50%);
  background-image: url('/wp-content/themes/everywhere/dist/img/arrow-black.svg');
  z-index: 10;
}

.buttons-wrapper .swiper-button-next:hover{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.2 !important;
}

/* Toast container */

.toast-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Toast message */

.toast {
  background: #2ecc71;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  opacity: 0;
  transform: translateY(20px);
  animation: slideIn 0.4s forwards, fadeOut 0.4s 2.4s forwards;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to   {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to   {
    opacity: 0;
    transform: translateY(20px);
  }
}

.dash-admin{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

.dash-admin .dash-header h1{
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dash-admin .dash-header p{
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-admin .stat-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 28px;
}

@media (max-width: 900px) {
  .dash-admin .stat-cards {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width: 520px) {
  .dash-admin .stat-cards {
    grid-template-columns: 1fr
  }
}

.dash-admin .stat-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px 22px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s, transform 0.2s;
}

.dash-admin .stat-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
  transform: translateY(-2px);
}

.dash-admin .stat-icon{
  margin-bottom: 1rem;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.dash-admin .icon-purple, .dash-admin .act-purple {
  background: #f0eeff;
  color: #7c5cfc;
}

.dash-admin .icon-green, .dash-admin .act-green {
  background: #e6faf3;
  color: #28c78e;
}

.dash-admin .icon-yellow, .dash-admin .act-orange {
  background: #fff8e6;
  color: #f5a623;
}

.dash-admin .icon-blue, .dash-admin .act-blue {
  background: #e8f3fb;
  color: #3a9fd5;
}

.dash-admin .stat-value{
  margin-bottom: 0.375rem;
  font-family: NeueHaasGrotesk, sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  font-size: 32px;
}

.dash-admin .stat-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-admin .bottom-row {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 18px;
  margin-top: 18px;
}

@media (max-width: 900px) {
  .dash-admin .bottom-row {
    grid-template-columns: 1fr
  }
}

.dash-admin .panel{
  height: -moz-fit-content;
  height: fit-content;
  background: #fff;
  border-radius: 16px;
  padding: 28px 26px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.dash-admin .panel-stats{
  opacity: 0.3;
}

.dash-admin .panel-title{
  margin-bottom: 0.625rem;
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.dash-admin .activity-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

.dash-admin .activity-list::-webkit-scrollbar {
  width: 6px;
}

.dash-admin .activity-list::-webkit-scrollbar-track {
  background: transparent;
}

.dash-admin .activity-list::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

.dash-admin .activity-list::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

.dash-admin .activity-item{
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #f2f4f6;
}

.dash-admin .activity-item:last-child {
  border-bottom: none;
}

.dash-admin .act-dot{
  position: absolute;
  right: 1.25rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #EF4444;
  flex-shrink: 0;
  margin-top: 6px;
  animation: pulse-dot 1.5s ease-in-out infinite;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
}

@keyframes pulse-dot {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5);
  }

  70% {
    box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
  }
}

.dash-admin .activity-item--action{
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: background .15s;
}

.dash-admin .activity-item--action:hover {
  background: #1fa2ff1c;
}

.dash-admin .act-action {
  font-size: 11px;
  font-weight: 600;
  color: #1FA1FF;
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.dash-admin .act-action svg {
  width: 12px;
  height: 12px;
}

.dash-admin .act-desc {
  font-size: 12px;
  color: #64748B;
  font-weight: 400;
  margin-top: 2px;
}

.dash-admin .act-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 17px;
}

.dash-admin .act-icon--purple {
  background: #f0eeff;
  color: #7c5cfc;
}

.dash-admin .act-icon--blue {
  background: #e8f3fb;
  color: #3a9fd5;
}

.dash-admin .act-icon--green {
  background: #e6faf3;
  color: #28c78e;
}

.dash-admin .act-icon--orange {
  background: #fff3e6;
  color: #f5a623;
}

.dash-admin .act-text{
  padding-right: 2.5rem;
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.dash-admin .act-time{
  font-family: NeueHaasGrotesk, sans-serif;
  font-weight: 300;
  letter-spacing: 0.025em;
  font-size: 12px;
  color: #64748B;
  margin-top: 2px;
}

.dash-admin .stat-rows {
  display: flex;
  flex-direction: column;
}

.dash-admin .stat-row {
  padding: 16px 0;
  border-bottom: 1px solid #f2f4f6;
}

.dash-admin .stat-row:last-child {
  border-bottom: none;
}

.dash-admin .stat-row-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.dash-admin .stat-row-label {
  font-size: 13px;
  color: #7a8a9a;
}

.dash-admin .stat-row-value{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.dash-admin .stat-row-value--revenue {
  font-size: 20px;
}

.dash-admin .progress-bar {
  height: 6px;
  border-radius: 99px;
  background: #f0f2f5;
  overflow: hidden;
}

.dash-admin .progress-fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.6s ease;
}

.dash-admin .fill-purple {
  background: #7c5cfc;
}

.dash-admin .fill-green {
  background: #28c78e;
}

.dash-admin .fill-blue {
  background: #3a9fd5;
}

.stat-card--expiring {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.stat-card--expiring .stat-card__header{
  align-items: center;
  display: flex;
  gap: 14px;
}

.stat-card--expiring .stat-card__header .stat-icon{
  margin-bottom: 0.25rem;
}

.stat-card--expiring .stat-card__header .stats-title{
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

.stat-card--expiring .stat-card__header .stat-value{
  line-height: 1.25rem;
}

.expiring-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.expiring-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid #E6EEF5;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition: background .15s;
}

.expiring-item:hover {
  background: #F8FAFC;
}

.expiring-item__avatar{
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 12px;
}

.expiring-item__info {
  flex: 1;
  min-width: 0;
}

.expiring-item__name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  font-size: 14px;
}

.expiring-item__meta{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  font-size: 12px;
}

.expiring-item__badge {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
  background: #FEF3C7;
  color: #A16207;
}

.expiring-item__badge--critical {
  background: #FEE2E2;
  color: #B91C1C;
}

.expiring-empty{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  padding: 8px 0;
}

/* ── Upload zdjęcia usługi ─────────────── */

.dta__upload {
  position: relative;
}

.dta__upload-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px;
  border: 2px dashed #D1D5DB;
  border-radius: 14px;
  background: #F9FAFB;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  text-align: center;
}

.dta__upload-dropzone:hover, .dta__upload-dropzone.dragover {
  border-color: #1FA1FF;
  background: #F0F9FF;
}

.dta__upload-dropzone p {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin: 0;
}

.dta__upload-dropzone span {
  font-size: 12px;
  color: #94A3B8;
}

.dta__upload-preview {
  position: relative;
  display: inline-block;
}

.dta__upload-preview img {
  width: 200px;
  height: 140px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #E5E7EB;
}

.dta__upload-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s;
}

.dta__upload-remove:hover {
  background: #DC2626;
}

.occ-dash{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

.occ-dash .page-header {
  margin-bottom: 32px;
}

.occ-dash .page-header .page-title{
  margin-bottom: 0.5rem;
  font-family: NeueHaasGrotesk, sans-serif;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  font-size: 28px;
}

.occ-dash .page-header .page-subtitle{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  font-size: 14px;
}

.occ-dash .stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 40px;
}

.occ-dash .stat-card{
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 25px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  animation: fadeUp 0.45s ease both;
  transition: border-color 0.2s, transform 0.2s;
}

.occ-dash .stat-card:hover {
  transform: translateY(-2px);
}

.occ-dash .stat-card:nth-child(1) {
  animation-delay: 0.05s;
}

.occ-dash .stat-card:nth-child(2) {
  animation-delay: 0.10s;
}

.occ-dash .stat-card:nth-child(3) {
  animation-delay: 0.15s;
}

.occ-dash .stat-card:nth-child(4) {
  animation-delay: 0.20s;
}

.occ-dash .stat-card--donut{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.occ-dash .stat-icon{
  margin-bottom: 0.75rem;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 158, 255, 0.12);
  color: #E8F7FF;
}

.occ-dash .stat-icon--green {
  background: rgba(34, 211, 164, 0.1);
  color: #DCFCE7;
}

.occ-dash .stat-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.occ-dash .stat-value{
  margin-top: 0.125rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.occ-dash .stat-value--green {
  color: #166534;
}

.occ-dash .donut-wrap {
  position: relative;
  width: 80px;
  height: 80px;
}

.occ-dash .donut-wrap svg {
  transform: rotate(-90deg);
}

.occ-dash .donut-bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.06);
  stroke-width: 7;
}

.occ-dash .donut-fill {
  fill: none;
  stroke: url(#donutGrad);
  stroke-width: 7;
  stroke-linecap: round;
}

.occ-dash .donut-label-wrap{
  left: 45%;
  top: 57%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  position: absolute;
}

.occ-dash .donut-pct{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  line-height: 1;
}

.occ-dash .donut-info {
  flex: 1;
}

.occ-dash .donut-info .stat-label {
  margin-top: 8px;
}

.occ-dash .floor-section {
  margin-bottom: 36px;
}

.occ-dash .floor-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.occ-dash .floor-badge{
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 14px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.occ-dash .floor-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.occ-dash .floor-name{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.occ-dash .floor-count{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.occ-dash .floor-line{
  margin-left: 1rem;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(230 238 245 / var(--tw-bg-opacity));
  flex: 1;
}

.occ-dash .rooms-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.occ-dash .room-card{
  height: auto;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 25px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  gap: 14px;
  animation: fadeUp 0.5s ease both;
  cursor: default;
}

.occ-dash .room-card:hover{
  cursor: pointer;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.occ-dash .room-card-top{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.occ-dash .room-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.occ-dash .room-floor-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.occ-dash .room-icon{
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 14px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3b9eff;
  flex-shrink: 0;
}

.occ-dash .room-meta{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.occ-dash .meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.occ-dash .meta-label{
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.occ-dash .meta-value{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.occ-dash .tag{
  border-radius: 33554400px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.occ-dash .tag--m{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.occ-dash .tag--f{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity));
}

.occ-dash .tag--mix{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}

.occ-dash .progress-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.occ-dash .progress-wrap--full .progress-bar-fill {
  background: linear-gradient(90deg, #22d3a4, #6ee7c7);
}

.occ-dash .progress-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.occ-dash .progress-bar-bg {
  height: 5px;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 99px;
  overflow: hidden;
}

.occ-dash .progress-bar-fill {
  height: 100%;
  border-radius: 99px;
  background: linear-gradient(90deg, #3b9eff, #60b4ff);
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.occ-dash .tenants{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.occ-dash .tenant-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12.5px;
  color: #8892a4;
}

.occ-dash .tenant-row svg {
  width: 14px;
  height: 14px;
  stroke: #3b9eff;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  margin-top: 1px;
}

.occ-dash .tenant-row--empty svg {
  stroke: #555f72;
}

.occ-dash .tenant-name{
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.occ-dash .tenant-period{
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.occ-dash .tenant-period span{
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.occ-dash .tenant-empty {
  font-style: italic;
  color: #555f72;
  font-size: 12px;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.view-toggle-wrap {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.view-toggle {
  display: inline-flex;
  background: #F1F5F9;
  border-radius: 10px;
  padding: 4px;
  gap: 2px;
}

.view-toggle__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: none;
  background: transparent;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #64748B;
  cursor: pointer;
  transition: all 0.2s;
}

.view-toggle__btn:hover {
  color: #0F172A;
}

.view-toggle__btn--active {
  background: #FFFFFF;
  color: #0F172A;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.view-toggle__btn svg {
  flex-shrink: 0;
}

/* Widok listowy */

.rooms-list{
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  overflow: hidden;
  animation: fadeUp 0.45s ease both;
}

.rooms-list__head {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr 1.2fr 2fr 0.8fr;
  padding: 16px 24px;
  background: #F8FAFC;
  border-bottom: 1px solid #E6EEF5;
}

.rooms-list__head .rooms-list__cell {
  font-size: 12px;
  font-weight: 500;
  color: #64748B;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.rooms-list__row {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr 1.2fr 2fr 0.8fr;
  align-items: center;
  padding: 14px 24px;
  border-bottom: 1px solid #F1F5F9;
  transition: background 0.15s;
}

.rooms-list__row:last-child {
  border-bottom: none;
}

.rooms-list__row:hover {
  background: #F8FAFC;
}

.rooms-list__cell {
  font-size: 14px;
  color: #0F172A;
}

.rooms-list__cell--title {
  font-weight: 600;
}

.rooms-list__cell--tenants {
  font-size: 13px;
}

.rooms-list__cell--progress {
  min-width: 0;
}

.rooms-list__progress-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.rooms-list__progress-text {
  font-size: 12px;
  color: #64748B;
  font-weight: 500;
}

.rooms-list__progress-bar {
  width: 100%;
  max-width: 120px;
}

.rooms-list__tenants {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.rooms-list__tenant-link {
  color: #3B9EFF;
  text-decoration: none;
  font-size: 13px;
}

.rooms-list__tenant-link:hover {
  text-decoration: underline;
}

.rooms-list__status {
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
}

.rooms-list__status--empty {
  background: #F1F5F9;
  color: #64748B;
}

.rooms-list__status--partial {
  background: #DBEAFE;
  color: #1E40AF;
}

.rooms-list__status--full {
  background: #DCFCE7;
  color: #166534;
}

.progress-bar-fill--full {
  background: linear-gradient(90deg, #22d3a4, #6ee7c7) !important;
}

/* Responsywność listy */

@media (max-width: 1024px) {
  .rooms-list__head {
    display: none;
  }

  .rooms-list__row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px;
  }

  .rooms-list__cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }
}

.dash-terms{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

.dash-terms__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 32px;
}

.dash-terms__title{
  font-size: 28px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.dash-terms__parknumber, .dash-terms__price{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.dash-terms__status .status-free{
  border-radius: 33554400px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.dash-terms__status .status-taken{
  border-radius: 33554400px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.dash-terms__subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-terms__agreement, .dash-terms__person, .dash-terms__des, .dash-terms__term, .dash-terms__flor, .dash-terms__typename, .dash-terms__typenumber, .dash-terms__datefinish{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-terms__room .room-assigned,
    .dash-terms__room .room-unassigned {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}

.dash-terms__room .room-assigned {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.dash-terms__room .room-unassigned{
  font-size: 0.75rem;
  line-height: 1rem;
  background-color: #fafafa;
  background: #ffaeae6b;
  color: #fd4646;
  border: 1px dashed #fd4646;
}

.dash-terms__gender .gender-types{
  border-radius: 33554400px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.dash-terms__gender .type-one{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.dash-terms__gender .type-two{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity));
}

.dash-terms__gender .type-three{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}

.dash-terms__add-btn{
  font-weight: 500;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #1FA1FF 0%, #0D8CE0 100%);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 22px;
  cursor: pointer;
  box-shadow: 0px 6px 18px 0px rgba(31, 161, 255, 0.28);
  white-space: nowrap;
}

.dash-terms__add-btn svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
}

.dash-terms__add-btn:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dash-terms__add-btn:active {
  transform: translateY(0);
}

.dash-terms__table-wrap {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e8eef5;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(15, 40, 80, 0.06);
}

.dash-terms__table {
  width: 100%;
  border-collapse: collapse;
}

.dash-terms__table thead tr {
  border-bottom: 1px solid #e8eef5;
}

.dash-terms__table thead th{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  padding: 16px 24px;
  font-size: 13px;
  text-align: left;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.dash-terms__table tbody tr{
  cursor: pointer;
  border-bottom: 1px solid #E6EEF5;
  transition: background 0.15s;
}

.dash-terms__table tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity));
}

.dash-terms__table tbody tr:last-child {
  border-bottom: none;
}

.dash-terms__table tbody tr:hover {
  background: #e7f1fc;
}

.dash-terms__table tbody td {
  padding: 20px 24px;
  vertical-align: middle;
}

.dash-terms__name {
  font-size: 14px;
  font-weight: 600;
  color: #0f1c2e;
}

.dash-terms__date, .dash-terms__number, .dash-terms__person, .dash-terms__surf, .dash-terms__bed, .dash-terms__time, .dash-terms__rent{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-terms__duration{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-terms__status .status-not-payed{
  border-radius: 33554400px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 214 168 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 193 7 / var(--tw-text-opacity));
}

.dash-terms__status .status-payed{
  border-radius: 33554400px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.dash-terms__actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dash-terms__btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e8eef5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
}

.dash-terms__btn svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dash-terms__btn--edit svg {
  stroke: #3b9eff;
}

.dash-terms__btn--edit:hover {
  background: rgba(59, 158, 255, 0.08);
  border-color: rgba(59, 158, 255, 0.25);
  transform: translateY(-1px);
}

.dash-terms__btn--delete svg {
  stroke: #f43f5e;
}

.dash-terms__btn--delete:hover {
  background: rgba(244, 63, 94, 0.07);
  border-color: rgba(244, 63, 94, 0.22);
  transform: translateY(-1px);
}

/* Parking Kafelki */

.pk-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 0 24px;
}

.pk-card {
  background: var(--color-background-primary, #fff);
  border: 0.5px solid var(--color-border-tertiary, #e5e5e5);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pk-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pk-icon svg {
  width: 18px;
  height: 18px;
}

.pk-label {
  font-size: 13px;
  color: #888;
  margin: 0;
}

.pk-value {
  font-size: 26px;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}

.pk-value--all   {
  color: inherit;
}

.pk-value--taken {
  color: #1D9E75;
}

.pk-value--free  {
  color: #378ADD;
}

.icon-all, .icon-free {
  background: #E6F1FB;
}

.icon-taken {
  background: #E1F5EE;
}

.donut-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}

.donut-label {
  position: absolute;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.pk-obl {
  font-size: 13px;
  color: #888;
  margin: 4px 0 0;
  text-align: center;
}

html{
  margin-top: 0px !important;
}

.admin-body{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important;
}

.admin-body #wpadminbar{
  display: none !important;
}

.admin-body .main{
  width: 100%;
}

.admin-body main{
  width: 100%;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important;
  padding-left: 0px;
  padding-right: 0px;
}

.admin-body main .admin-shell{
  display: flex;
}

/* ── Gate: panel tylko na desktopie ──────────────────────── */

.admin-body .desktop-only-gate {
  display: none;
  /* domyślnie ukryty na desktopie */
}

@media (max-width: 1023px) {
  .admin-body {
    /* Ukryj cały panel na małych ekranach */
  }

  .admin-body main {
    display: none !important;
  }

  .admin-body .desktop-only-gate {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 100%);
    overflow-y: auto;
  }

  .admin-body .desktop-only-gate__inner {
    max-width: 460px;
    width: 100%;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(15, 23, 42, .08);
  }

  .admin-body .desktop-only-gate__icon {
    width: 88px;
    height: 88px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #EFF6FF;
    color: #1FA1FF;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .admin-body .desktop-only-gate__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: #161516;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 16px;
  }

  .admin-body .desktop-only-gate__title {
    font-size: 22px;
    font-weight: 700;
    color: #161516;
    margin: 0 0 12px;
    line-height: 1.3;
  }

  .admin-body .desktop-only-gate__text {
    font-size: 14px;
    line-height: 1.6;
    color: #6A7282;
    margin: 0 0 24px;
  }

  .admin-body .desktop-only-gate__text strong {
    color: #161516;
    font-weight: 600;
  }

  .admin-body .desktop-only-gate__hint {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    padding: 12px 14px;
    background: #F8FAFC;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    font-size: 13px;
    color: #475569;
    margin-bottom: 24px;
  }

  .admin-body .desktop-only-gate__hint svg {
    flex-shrink: 0;
    margin-top: 1px;
    color: #1FA1FF;
  }

  .admin-body .desktop-only-gate__back {
    display: inline-block;
    padding: 12px 24px;
    background: #161516;
    color: #fff;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
  }

  .admin-body .desktop-only-gate__back:hover {
    background: #2a292a;
    transform: translateY(-1px);
  }
}

/* Bardzo wąskie ekrany */

@media (max-width: 380px) {
  .admin-body .desktop-only-gate__inner {
    padding: 32px 20px;
  }

  .admin-body .desktop-only-gate__title {
    font-size: 19px;
  }
}

.sidebar{
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  position: relative;
  width: 256px;
  flex-shrink: 0;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: visible;
}

.sidebar__footer{
  margin-top: auto;
}

.sidebar__nav{
  height: -webkit-fill-available;
}

.sidebar__nav ul .not-active{
  cursor: not-allowed;
  opacity: 0.4;
}

.sidebar__nav ul .not-active a{
  pointer-events: none;
  cursor: not-allowed;
}

.sidebar--collapsed {
  width: 72px;
}

.sidebar--collapsed .sidebar__toggle-icon {
  transform: rotate(180deg);
}

.sidebar--collapsed .sidebar__logo-full {
  display: none;
}

.sidebar--collapsed .sidebar__logo-mini {
  display: block;
}

.sidebar--collapsed .sidebar__label {
  opacity: 0;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
}

.sidebar--collapsed .sidebar__nav ul li a{
  padding-left: 0px;
  padding-right: 0px;
  justify-content: center;
  gap: 0;
}

.sidebar--collapsed .sidebar__user-info,
        .sidebar--collapsed .sidebar__logout {
  display: none;
}

.sidebar--collapsed .sidebar__user {
  justify-content: center;
}

.sidebar--collapsed .sidebar__logo{
  padding-left: 0px;
  display: flex;
  justify-content: center;
}

.sidebar__toggle {
  position: absolute;
  top: 24px;
  right: -14px;
  z-index: 10;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #E6EEF5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #7a8a9a;
  padding: 0;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}

.sidebar__toggle:hover {
  background: #E8F7FF;
  color: #1FA1FF;
  box-shadow: 0 4px 12px rgba(31, 161, 255, 0.15);
}

.sidebar__toggle-icon {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}

.sidebar__logo{
  border-right-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-right-color: rgb(230 238 245 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 2rem;
  transition: padding 0.3s;
}

.sidebar__logo-full {
  display: block;
}

.sidebar__logo-mini {
  display: none;
}

.sidebar__label {
  transition: opacity 0.2s, width 0.3s;
  white-space: nowrap;
  overflow: hidden;
}

.sidebar__nav{
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  padding: 1rem;
}

.sidebar__nav ul{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.sidebar__nav ul li a{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 10px;
  transition: background 0.18s, color 0.18s, padding 0.3s, gap 0.3s;
  white-space: nowrap;
}

.sidebar__nav ul li a:hover:not(.active-link) {
  background: #F4F8FB;
}

.sidebar__nav ul li .active-link{
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.sidebar__nav ul li .active-link img {
  filter: grayscale(100%) sepia(100%) hue-rotate(160deg) saturate(500%) brightness(90%);
}

.sidebar__footer{
  width: 100%;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-style: solid;
  border-bottom-color: rgb(230 238 245 / var(--tw-border-opacity));
  border-right-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-top-color: rgb(230 238 245 / var(--tw-border-opacity));
  padding: 1rem;
  margin-top: auto;
}

.sidebar__user {
  display: flex;
  align-items: center;
  gap: 12px;
  transition: justify-content 0.3s;
}

.sidebar__avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #E8F7FF;
  color: #1FA1FF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  flex-shrink: 0;
}

.sidebar__user-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.sidebar__user-name {
  font-size: 13px;
  font-weight: 600;
  color: #1a2332;
  white-space: nowrap;
}

.sidebar__user-email {
  font-size: 12px;
  color: #64748B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar__logout {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b0bbc8;
  flex-shrink: 0;
  transition: color 0.2s;
}

.sidebar__logout:hover {
  color: #1FA1FF;
}

.confirm-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 1000;
}

.confirm-modal.is-active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.confirm-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(10, 22, 40, 0.7);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.confirm-modal__box {
  position: relative;
  width: 420px;
  max-width: calc(100% - 32px);
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  z-index: 2;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}

.confirm-modal__accent {
  height: 5px;
  background: linear-gradient(90deg, #1FA1FF 0%, #60a5fa 100%);
}

.confirm-modal__body {
  padding: 28px;
}

.confirm-modal__badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  color: #1FA1FF;
  background: #eff6ff;
  border-radius: 20px;
  padding: 3px 10px;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.confirm-modal__icon {
  width: 56px;
  height: 56px;
  background: #eff6ff;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.confirm-modal__icon svg {
  stroke: #1FA1FF;
}

.confirm-modal__title {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 8px;
}

.confirm-modal__text {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin-bottom: 24px;
}

.confirm-modal__divider {
  height: 1px;
  background: #f1f5f9;
  margin: 0 -28px 20px;
}

.confirm-modal__actions {
  display: flex;
  gap: 10px;
}

.confirm-modal__cancel,
.confirm-modal__confirm {
  flex: 1;
  padding: 11px 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: background 0.15s ease;
}

.confirm-modal__cancel {
  background: #f8fafc;
  color: #475569;
  border: 1.5px solid #e2e8f0;
}

.confirm-modal__cancel:hover {
  background: #f1f5f9;
}

.confirm-modal__confirm {
  background: #1FA1FF;
  color: #fff;
}

.confirm-modal__confirm:hover {
  background: #1d4ed8;
}

.confirm-modal__confirm--danger {
  background: #ef4444;
}

.confirm-modal__confirm--danger:hover {
  background: #dc2626;
}

.dash-terms-add{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

.dash-terms-add__back{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  margin-bottom: 16px;
}

.dash-terms-add__back svg {
  stroke: currentColor;
}

.dash-terms-add__back:hover {
  color: #2563eb;
}

.dash-terms-add__title{
  font-size: 28px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.dash-terms-add__subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-terms-add__card{
  margin-top: 32px;
  max-width: 672px;
  background: #fff;
  border-radius: 14px;
  padding: 32px;
  border: 1px solid #E6EEF5;
}

.dash-terms-add__field {
  margin-bottom: 22px;
}

.dash-terms-add__label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 8px;
}

.dash-terms-add__input-wrap {
  position: relative;
}

.dash-terms-add__input {
  width: 100%;
  height: 44px;
  padding: 0 44px 0 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.15s;
}

.dash-terms-add__input::-moz-placeholder {
  color: #94a3b8;
}

.dash-terms-add__input::placeholder {
  color: #94a3b8;
}

.dash-terms-add__input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.dash-terms-add__input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 44px;
  height: 100%;
  cursor: pointer;
}

.dash-terms-add__input[type="date"] {
  -moz-appearance: none;
}

.dash-terms-add__input[type="date"]:not([value=""]):not(:invalid) {
  color: #0f172a;
}

.dash-terms-add__input[type="date"]:invalid,
        .dash-terms-add__input[type="date"][value=""] {
  color: #94a3b8;
}

.dash-terms-add__input-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  stroke: #94a3b8;
  pointer-events: none;
}

.dash-terms-add__actions {
  display: flex;
  gap: 12px;
  margin-top: 32px;
  padding-top: 24px;
}

.dash-terms-add__btn {
  flex: 1;
  height: 46px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.15s;
}

.dash-terms-add__btn--cancel{
  font-weight: 500;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: #f8fafc;
  color: #64748B;
  border: 1px solid #E6EEF5;
}

.dash-terms-add__btn--cancel:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dash-terms-add__btn--submit{
  font-weight: 500;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #1FA1FF 0%, #0D8CE0 100%);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 22px;
  cursor: pointer;
  box-shadow: 0px 6px 18px 0px rgba(31, 161, 255, 0.28);
  white-space: nowrap;
}

.dash-terms-add__btn--submit:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dash-terms-add__btn--submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dp-trigger {
  width: 100%;
  height: 44px;
  padding: 0 44px 0 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  font-family: inherit;
}

.dp-trigger:hover {
  border-color: #94a3b8;
}

.dp-trigger.dp-open {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.dp-trigger .dp-placeholder {
  color: #94a3b8;
}

.dp-trigger .dp-val         {
  color: #0f172a;
}

.dp-picker {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 9999;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 16px;
  width: 300px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  animation: dpFade 0.15s ease;
}

.dp-picker.dp-visible {
  display: block;
}

@keyframes dpFade {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to   {
    opacity: 1;
    transform: translateY(0);
  }
}

.dp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.dp-month-label {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.dp-nav {
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  transition: background 0.12s, color 0.12s;
}

.dp-nav:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.dp-days-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 6px;
}

.dp-days-header span {
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
  text-align: center;
  padding: 4px 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.dp-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
}

.dp-day {
  border: none;
  background: transparent;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  color: #0f172a;
  padding: 7px 0;
  font-family: inherit;
  transition: background 0.1s;
}

.dp-day:hover:not(.dp-other):not(.dp-selected) {
  background: #f1f5f9;
}

.dp-day.dp-other  {
  color: #cbd5e1;
  cursor: default;
  pointer-events: none;
}

.dp-day.dp-today  {
  color: #2563eb;
  font-weight: 600;
}

.dp-day.dp-selected {
  background: linear-gradient(135deg, #1FA1FF 0%, #0D8CE0 100%);
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(31, 161, 255, 0.35);
}

.dp-footer {
  margin-top: 14px;
  padding-top: 12px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.dp-btn {
  font-size: 12px;
  font-weight: 500;
  border-radius: 8px;
  padding: 6px 14px;
  cursor: pointer;
  font-family: inherit;
}

.dp-btn-clear {
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e2e8f0;
}

.dp-btn-clear:hover {
  background: #f1f5f9;
}

.dp-btn-today {
  background: linear-gradient(135deg, #1FA1FF 0%, #0D8CE0 100%);
  color: #fff;
  border: none;
  box-shadow: 0 2px 8px rgba(31, 161, 255, 0.3);
}

.dp-btn-today:hover {
  opacity: 0.9;
}

.dta{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

.dta__select option:nth-child(1){
  color: #0F172A80;
}

/* back link */

.dta__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .8125rem;
  color: #6B7280;
  text-decoration: none;
  margin-bottom: 20px;
  transition: color .2s;
}

.dta__back:hover {
  color: #2D9EE0;
}

/* header */

.dta__title    {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0 0 4px;
}

.dta__subtitle {
  font-size: .875rem;
  color: #6B7280;
  margin: 0 0 24px;
}

/* card */

.dta__card {
  background: #fff;
  border: 1px solid #E6EEF5;
  border-radius: 10px;
  padding: 28px;
  max-width: 760px;
}

/* section heading inside card */

.dta__section-title {
  font-size: .8125rem;
  font-weight: 600;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #F3F4F6;
}

/* grid rows */

.dta__row {
  display: grid;
  gap: 16px;
  margin-bottom: 20px;
}

.dta__row--2 {
  grid-template-columns: 1fr 1fr;
}

.dta__row--3 {
  grid-template-columns: 1fr 1fr 1fr;
}

/* field */

.dta__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dta__label {
  font-size: .8125rem;
  font-weight: 600;
  color: #374151;
  display: flex;
  align-items: center;
  gap: 3px;
}

.dta__label .req {
  color: var(--red);
}

.dta__input {
  height: 44px;
  padding: 0 14px;
  border: 1.5px solid #E6EEF5;
  border-radius: 10px;
  font-size: .9375rem;
  color: #111827;
  background: #fff;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}

.dta__input:focus {
  border-color: #2D9EE0;
  box-shadow: 0 0 0 3px rgba(45,158,224,.15);
}

.dta__input::-moz-placeholder {
  color: #9CA3AF;
}

.dta__input::placeholder {
  color: #9CA3AF;
}

/* ── OKRESY NAJMU ── */

.dta__terms-section {
  margin-top: 8px;
}

.dta__terms-label {
  font-size: .875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.dta__terms-hint {
  font-size: .8125rem;
  color: #6B7280;
  margin-bottom: 14px;
}

/* empty state CTA */

.dta__terms-empty{
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-radius: 10px;
  padding: 28px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.dta__terms-empty-icon {
  width: 44px;
  height: 44px;
  background: #EBF5FC;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dta__terms-empty-icon svg {
  color: #2D9EE0;
}

.dta__terms-empty p {
  font-size: .875rem;
  color: #6B7280;
  margin: 0;
}

.dta__terms-empty strong {
  display: block;
  font-size: .9375rem;
  color: #374151;
}

/* assigned terms list */

.dta__terms-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dta__term-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1.5px solid #E6EEF5;
  border-radius: 10px;
  padding: 14px 16px;
  gap: 16px;
  transition: border-color .2s;
}

.dta__term-row:hover {
  border-color: #2D9EE0;
}

.dta__term-info {
  flex: 1;
  min-width: 0;
}

.dta__term-name {
  font-size: .9375rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dta__term-dates {
  font-size: .8125rem;
  color: #6B7280;
}

.dta__term-price {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.dta__term-price-lbl {
  font-size: .875rem;
  color: #6B7280;
  white-space: nowrap;
}

.dta__term-price-wrap {
  display: flex;
  align-items: center;
  border: 1.5px solid #E6EEF5;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}

.dta__term-price-wrap:focus-within {
  border-color: #2D9EE0;
  box-shadow: 0 0 0 3px rgba(45,158,224,.14);
}

.dta__term-price-input {
  width: 72px;
  height: 36px;
  padding: 0 10px;
  border: none;
  outline: none;
  font-size: .9375rem;
  font-family: inherit;
  text-align: right;
  color: #111827;
  background: transparent;
  -moz-appearance: textfield;
}

.dta__term-price-input::-webkit-inner-spin-button,
.dta__term-price-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.dta__term-price-unit {
  padding: 0 10px;
  height: 36px;
  display: flex;
  align-items: center;
  font-size: .8125rem;
  font-weight: 600;
  color: #6B7280;
  background: #F9FAFB;
  border-left: 1.5px solid #E6EEF5;
  white-space: nowrap;
}

.dta__term-remove {
  background: none;
  border: none;
  cursor: pointer;
  color: #9CA3AF;
  padding: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  transition: color .2s, background .2s;
}

.dta__term-remove:hover {
  color: var(--red);
  background: #FEF2F2;
}

/* add term button (below list) */

.dta__terms-add-btn {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .875rem;
  font-weight: 600;
  color: #2D9EE0;
  background: #EBF5FC;
  border: none;
  border-radius: 10px;
  padding: 9px 16px;
  cursor: pointer;
  transition: background .2s;
}

.dta__terms-add-btn:hover {
  background: #d5ecf8;
}

/* divider */

.dta__divider {
  border: none;
  border-top: 1px solid #F3F4F6;
  margin: 24px 0;
}

/* actions */

.dta__actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.dta__btn {
  height: 48px;
  padding: 0 28px;
  border-radius: 10px;
  font-size: .9375rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  border: none;
  transition: background .2s, transform .1s, box-shadow .2s;
}

.dta__btn:active {
  transform: scale(.98);
}

.dta__btn--cancel {
  background: #F3F4F6;
  color: #374151;
  flex: 1;
  justify-content: center;
}

.dta__btn--cancel:hover {
  background: #E6EEF5;
}

.dta__btn--submit {
  background: #2D9EE0;
  color: #fff;
  flex: 1;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(45,158,224,.35);
}

.dta__btn--submit:hover {
  background: #1a7bbf;
  box-shadow: 0 4px 14px rgba(45,158,224,.45);
}

/* ── MODAL ── */

.dta-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.dta-modal-overlay.is-open {
  display: flex;
}

.dta-modal {
  background: #fff;
  border-radius: 10px;
  width: 540px;
  max-width: calc(100vw - 32px);
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 40px rgba(0,0,0,.16);
  animation: modalIn .2s ease;
}

@keyframes modalIn {
  from {
    opacity:0;
    transform: translateY(12px) scale(.97);
  }

  to   {
    opacity:1;
    transform: translateY(0) scale(1);
  }
}

.dta-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #F3F4F6;
}

.dta-modal__head h2 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}

.dta-modal__close {
  background: #F3F4F6;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6B7280;
  transition: background .2s;
}

.dta-modal__close:hover {
  background: #E6EEF5;
}

.dta-modal__search {
  padding: 14px 24px;
  border-bottom: 1px solid #F3F4F6;
}

.dta-modal__search input {
  width: 100%;
  height: 40px;
  padding: 0 14px 0 36px;
  border: 1.5px solid #E6EEF5;
  border-radius: 10px;
  font-size: .875rem;
  outline: none;
  box-sizing: border-box;
  background: #EBF5FC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") no-repeat 10px center;
  transition: border-color .2s;
}

.dta-modal__search input:focus {
  border-color: #2D9EE0;
}

.dta-modal__list {
  overflow-y: auto;
  flex: 1;
  padding: 12px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dta-modal__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1.5px solid #E6EEF5;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color .2s, background .2s;
}

.dta-modal__item:hover {
  border-color: #2D9EE0;
  background: #EBF5FC;
}

.dta-modal__item.is-selected {
  border-color: #2D9EE0;
  background: #EBF5FC;
}

.dta-modal__item.is-already {
  opacity: .45;
  cursor: default;
  pointer-events: none;
}

.dta-modal__item-check {
  width: 20px;
  height: 20px;
  border: 2px solid var(--gray-300);
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .2s, background .2s;
}

.dta-modal__item.is-selected .dta-modal__item-check {
  border-color: #2D9EE0;
  background: #2D9EE0;
}

.dta-modal__item.is-selected .dta-modal__item-check::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}

.dta-modal__item-info {
  flex: 1;
  min-width: 0;
}

.dta-modal__item-name {
  font-size: .9375rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 2px;
}

.dta-modal__item-meta {
  font-size: .8125rem;
  color: #6B7280;
}

.dta-modal__badge {
  font-size: .75rem;
  background: #EBF5FC;
  color: #1a7bbf;
  padding: 3px 8px;
  border-radius: 20px;
  font-weight: 600;
}

.dta-modal__foot {
  padding: 16px 24px;
  border-top: 1px solid #F3F4F6;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.dta-modal__empty {
  text-align: center;
  padding: 32px;
  color: #6B7280;
  font-size: .875rem;
}

@media (max-width: 600px) {
  .dta__row--2,
    .dta__row--3 {
    grid-template-columns: 1fr;
  }

  .dta__actions {
    flex-direction: column;
  }

  .dta__btn {
    flex: unset;
    width: 100%;
  }

  .dta-modal {
    width: calc(100vw - 24px);
  }
}

/* ════════════════════════════════════════════
   MODAL
════════════════════════════════════════════ */

.dta-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15,23,42,.5);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.dta-overlay.is-open {
  display: flex;
}

.dta-modal {
  background: #fff;
  border-radius: 20px;
  width: 520px;
  max-width: 100%;
  max-height: 82vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 40px rgba(0,0,0,.16);
  overflow: hidden;
  animation: dtaIn .22s cubic-bezier(.22,.68,0,1.18) both;
}

@keyframes dtaIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.96);
  }

  to   {
    opacity: 1;
    transform: translateY(0)    scale(1);
  }
}

/* Modal head */

.dta-modal__hd {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 22px 24px 18px;
  border-bottom: 1px solid  #F3F4F6;
}

.dta-modal__hd h2 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 3px;
  color: #111827;
}

.dta-modal__hd p  {
  font-size: .8125rem;
  color: #6B7280;
  margin: 0;
}

.dta-modal__close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background:  #F3F4F6;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6B7280;
  transition: background .2s;
}

.dta-modal__close:hover {
  background: #E5E7EB;
  color: #111827;
}

/* Modal search */

.dta-modal__search {
  padding: 14px 24px;
  border-bottom: 1px solid  #F3F4F6;
}

.dta-modal__search-wrap{
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
}

.dta-modal__search-icon {
  position: absolute;
  left: 11px;
  color: #9CA3AF;
  pointer-events: none;
  display: flex;
}

.req{
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
}

.dta-modal__search-input {
  width: 100%;
  height: 42px;
  padding: 0 14px 0 40px;
  border: 1.5px solid #E6EEF5;
  border-radius: 10px;
  font-size: .875rem;
  font-family: inherit;
  outline: none;
  background: #F9FAFB;
  color: #111827;
  transition: border-color .2s, box-shadow .2s;
  box-sizing: border-box;
}

.dta-modal__search-input:focus {
  border-color: #2D9EE0;
  box-shadow: 0 0 0 3px rgba(45,158,224,.14);
  background: #fff;
}

.dta-modal__search-input::-moz-placeholder {
  color: #9CA3AF;
}

.dta-modal__search-input::placeholder {
  color: #9CA3AF;
}

/* Modal list */

.dta-modal__list {
  overflow-y: auto;
  flex: 1;
  padding: 14px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  scrollbar-width: thin;
  scrollbar-color: #E5E7EB transparent;
}

.dta-modal__list::-webkit-scrollbar {
  width: 4px;
}

.dta-modal__list::-webkit-scrollbar-thumb {
  background: #E5E7EB;
  border-radius: 4px;
}

/* Modal item */

.dta-modal__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1.5px solid #E6EEF5;
  border-radius: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: border-color .18s, background .18s, box-shadow .18s;
}

.dta-modal__item:hover:not(.is-already) {
  border-color: #2D9EE0;
  background: #EBF5FC;
  box-shadow: 0 2px 8px rgba(45,158,224,.1);
}

.dta-modal__item.is-selected {
  border-color: #2D9EE0;
  background: #EBF5FC;
}

.dta-modal__item.is-already  {
  opacity: .42;
  cursor: default;
  pointer-events: none;
}

/* Checkbox */

.dta-modal__cb {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 2px solid #D1D5DB;
  border-radius: 6px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .18s, background .18s;
}

.dta-modal__item.is-selected .dta-modal__cb {
  border-color: #2D9EE0;
  background: #2D9EE0;
}

.dta-modal__cb-tick {
  display: none;
  color: #fff;
}

.dta-modal__item.is-selected .dta-modal__cb-tick {
  display: block;
}

/* Item text */

.dta-modal__info {
  flex: 1;
  min-width: 0;
}

.dta-modal__name {
  font-size: .9375rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dta-modal__meta {
  font-size: .8125rem;
  color: #6B7280;
}

.dta-modal__sep  {
  margin: 0 5px;
  color: #D1D5DB;
}

/* Badge */

.dta-modal__badge {
  font-size: .75rem;
  font-weight: 600;
  color: #1a7bbf;
  background: #EBF5FC;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Empty */

.dta-modal__empty {
  text-align: center;
  padding: 40px 24px;
  color: #6B7280;
  font-size: .875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

/* Modal footer */

.dta-modal__ft {
  padding: 16px 24px;
  border-top: 1px solid  #F3F4F6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dta-modal__counter {
  font-size: .8125rem;
  color: #6B7280;
  transition: color .2s;
}

.dta-modal__counter.has-sel {
  color: #2D9EE0;
  font-weight: 600;
}

.dta-modal__ft-btns {
  display: flex;
  gap: 10px;
}

.dta-modal__btn {
  height: 40px;
  padding: 0 20px;
  border-radius: 10px;
  font-size: .875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background .2s, box-shadow .2s, transform .1s;
}

.dta-modal__btn:active {
  transform: scale(.98);
}

.dta-modal__btn--cancel {
  background:  #F3F4F6;
  color: #374151;
}

.dta-modal__btn--cancel:hover {
  background: #E5E7EB;
}

.dta-modal__btn--confirm {
  background: #2D9EE0;
  color: #fff;
  box-shadow: 0 2px 8px rgba(45,158,224,.3);
}

.dta-modal__btn--confirm:hover {
  background: #1a7bbf;
  box-shadow: 0 4px 12px rgba(45,158,224,.4);
}

.dta-modal__btn--confirm:disabled {
  opacity: .48;
  cursor: not-allowed;
  box-shadow: none;
}

/* ── RESPONSIVE ── */

@media (max-width: 600px) {
  .dta__row--2, .dta__row--3 {
    grid-template-columns: 1fr;
  }

  .dta__actions {
    flex-direction: column-reverse;
  }

  .dta-modal {
    border-radius: 16px;
  }

  .dta-modal__ft {
    flex-direction: column;
    align-items: stretch;
  }

  .dta-modal__ft-btns {
    justify-content: flex-end;
  }
}

.dta__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
  cursor: pointer;
}

.dta__textarea{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  resize: vertical;
  min-height: 100px;
}

.dash-parkingtypess-add{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

.dash-parkingtypess-add__back{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  margin-bottom: 16px;
}

.dash-parkingtypess-add__back svg {
  stroke: currentColor;
}

.dash-parkingtypess-add__back:hover {
  color: #2563eb;
}

.dash-parkingtypess-add__title{
  font-size: 28px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.dash-parkingtypess-add__subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-parkingtypess-add__card{
  margin-top: 32px;
  max-width: 672px;
  background: #fff;
  border-radius: 14px;
  padding: 32px;
  border: 1px solid #e6eef5;
}

.dash-parkingtypess-add__field {
  margin-bottom: 22px;
}

.dash-parkingtypess-add__label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 8px;
}

.dash-parkingtypess-add__input-wrap {
  position: relative;
}

.dash-parkingtypess-add__input {
  width: 100%;
  height: 44px;
  padding: 0 44px 0 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.15s;
}

.dash-parkingtypess-add__input::-moz-placeholder {
  color: #94a3b8;
}

.dash-parkingtypess-add__input::placeholder {
  color: #94a3b8;
}

.dash-parkingtypess-add__input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.dash-parkingtypess-add__input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 44px;
  height: 100%;
  cursor: pointer;
}

.dash-parkingtypess-add__input[type="date"] {
  -moz-appearance: none;
}

.dash-parkingtypess-add__input[type="date"]:not([value=""]):not(:invalid) {
  color: #0f172a;
}

.dash-parkingtypess-add__input[type="date"]:invalid,
    .dash-parkingtypess-add__input[type="date"][value=""] {
  color: #94a3b8;
}

.dash-parkingtypess-add__input-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  stroke: #94a3b8;
  pointer-events: none;
}

.dash-parkingtypess-add__actions {
  display: flex;
  gap: 12px;
  margin-top: 32px;
  padding-top: 24px;
}

.dash-parkingtypess-add__btn {
  flex: 1;
  height: 46px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.15s;
}

.dash-parkingtypess-add__btn--cancel{
  font-weight: 500;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e6eef5;
}

.dash-parkingtypess-add__btn--cancel:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dash-parkingtypess-add__btn--submit{
  font-weight: 500;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #1fa1ff 0%, #0d8ce0 100%);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 22px;
  cursor: pointer;
  box-shadow: 0px 6px 18px 0px rgba(31, 161, 255, 0.28);
  white-space: nowrap;
}

.dash-parkingtypess-add__btn--submit:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dash-parkingtypess-add__btn--submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dp-trigger {
  width: 100%;
  height: 44px;
  padding: 0 44px 0 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
  font-family: inherit;
}

.dp-trigger:hover {
  border-color: #94a3b8;
}

.dp-trigger.dp-open {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.dp-trigger .dp-placeholder {
  color: #94a3b8;
}

.dp-trigger .dp-val {
  color: #0f172a;
}

.dp-picker {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 9999;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 16px;
  width: 300px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  animation: dpFade 0.15s ease;
}

.dp-picker.dp-visible {
  display: block;
}

@keyframes dpFade {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.dp-month-label {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.dp-nav {
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  transition:
    background 0.12s,
    color 0.12s;
}

.dp-nav:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.dp-days-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 6px;
}

.dp-days-header span {
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
  text-align: center;
  padding: 4px 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.dp-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
}

.dp-day {
  border: none;
  background: transparent;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  color: #0f172a;
  padding: 7px 0;
  font-family: inherit;
  transition: background 0.1s;
}

.dp-day:hover:not(.dp-other):not(.dp-selected) {
  background: #f1f5f9;
}

.dp-day.dp-other {
  color: #cbd5e1;
  cursor: default;
  pointer-events: none;
}

.dp-day.dp-today {
  color: #2563eb;
  font-weight: 600;
}

.dp-day.dp-selected {
  background: linear-gradient(135deg, #1fa1ff 0%, #0d8ce0 100%);
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(31, 161, 255, 0.35);
}

.dp-footer {
  margin-top: 14px;
  padding-top: 12px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.dp-btn {
  font-size: 12px;
  font-weight: 500;
  border-radius: 8px;
  padding: 6px 14px;
  cursor: pointer;
  font-family: inherit;
}

.dp-btn-clear {
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e2e8f0;
}

.dp-btn-clear:hover {
  background: #f1f5f9;
}

.dp-btn-today {
  background: linear-gradient(135deg, #1fa1ff 0%, #0d8ce0 100%);
  color: #fff;
  border: none;
  box-shadow: 0 2px 8px rgba(31, 161, 255, 0.3);
}

.dp-btn-today:hover {
  opacity: 0.9;
}

.checkin-cta--hidden {
  display: none;
}

.checkin-saved {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkin-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s;
}

.checkin-edit-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
}

.checkin-cancel-btn {
  height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e2e8f0;
  cursor: pointer;
  transition: background 0.15s;
}

.checkin-cancel-btn:hover {
  background: #f1f5f9;
}

.checkin-cta--hidden {
  display: none !important;
}

.dash-terms__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.dash-terms__search-wrap {
  position: relative;
  flex: 1;
  min-width: 220px;
  max-width: 360px;
}

.dash-terms__search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #9e9e9e;
  pointer-events: none;
}

.dash-terms__search {
  width: 100%;
  padding: 10px 36px 10px 38px;
  border: 1.5px solid #e8e8e8;
  border-radius: 10px;
  font-size: 14px;
  color: #333;
  background: #fff;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  box-sizing: border-box;
}

.dash-terms__search:focus {
  border-color: #6c63ff;
  box-shadow: 0 0 0 3px rgba(108, 99, 255, .12);
}

.dash-terms__search-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #eee;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  transition: background .2s;
}

.dash-terms__search-clear:hover {
  background: #ddd;
}

.dash-terms__search-clear svg {
  width: 10px;
  height: 10px;
  color: #666;
}

/* ── Filter buttons ──────────────────────────────────────────────────────── */

.dash-terms__filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.dash-terms__filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border: 1.5px solid #e8e8e8;
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  cursor: pointer;
  transition: all .2s;
  white-space: nowrap;
}

.dash-terms__filter-btn svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.dash-terms__filter-btn:hover {
  border-color: #6c63ff;
  color: #6c63ff;
  background: #f5f4ff;
}

.dash-terms__filter-btn.active {
  background: #6c63ff;
  border-color: #6c63ff;
  color: #fff;
}

.dash-terms__filter-btn[data-filter="unassigned"].active {
  background: #757575;
  border-color: #757575;
}

.dash-terms__filter-btn[data-filter="expiring"].active {
  background: #e65100;
  border-color: #e65100;
}

tr.expiring td {
}

tr.expiring .dash-terms__datefinish {
  color: #e65100;
  font-weight: 600;
}

.room-assigned,
.room-unassigned {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}

.room-assigned {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.room-unassigned {
  background-color: #fafafa;
  color: #9e9e9e;
  border: 1px dashed #ccc;
}

.dash-terms__empty {
  text-align: center;
  padding: 32px !important;
  color: #9e9e9e;
  font-size: 14px;
}

.dash-terms__table th.sortable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.dash-terms__table th.sortable svg {
  margin-top: -2px;
  display: inline;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-left: 4px;
  opacity: 0.4;
  transition: opacity .2s;
}

.dash-terms__table th.sortable:hover svg,
.dash-terms__table th.sortable.sort-asc svg,
.dash-terms__table th.sortable.sort-desc svg {
  opacity: 1;
}

.dash-terms__table th.sort-asc svg path:first-child,
.dash-terms__table th.sort-desc svg path:last-child {
  stroke: #6c63ff;
}

.dash-terms__invited {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  flex-wrap: wrap;
}

.dash-terms__invited svg {
  color: #94A3B8;
  flex-shrink: 0;
}

.dash-terms__invited-name {
  font-size: 12px;
  color: #3B82F6;
  text-decoration: none;
  font-weight: 500;
}

.dash-terms__invited-name:hover {
  text-decoration: underline;
}

.dash-terms__invited-name + .dash-terms__invited-name::before {
  content: ',';
  margin-right: 4px;
  color: #94A3B8;
}

.single-person .single-person-top{
  display: flex;
  gap: 1.5rem;
}

.single-person .single-person-top .blue-avatar{
  display: flex;
  height: 5rem;
  width: 5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  font-family: NeueHaasGrotesk, sans-serif;
  font-size: 28px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.single-person .single-person-top_info h1{
  font-size: 28px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.single-person .single-person-top_info__room{
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.single-person .single-person-top_info__room .badge-active{
  border-radius: 33554400px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.single-person .single-person-top_info__room .badge-notactive{
  font-size: 0.75rem;
  line-height: 1rem;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  background-color: #fafafa;
  background: #ffaeae6b;
  color: #fd4646;
  border: 1px dashed #fd4646;
}

.single-person .single-person-top_info__room .room-number{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.single-person .single-person-content{
  margin-top: 2rem;
  display: flex;
  gap: 1.5rem;
}

.single-person .single-person-content_left{
  display: flex;
  width: 100%;
  max-width: 802px;
  flex-direction: column;
  gap: 1.5rem;
}

.single-person .single-person-content_left .content-box{
  width: 100%;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 25px;
}

.single-person .single-person-content_left .content-box_head{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.single-person .single-person-content_left .content-box_head__ico{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
}

.single-person .single-person-content_left .content-box_head h3{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.single-person .single-person-content_left .content-box_headtwo{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.single-person .single-person-content_left .content-box_headtwo__title{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.single-person .single-person-content_left .content-box_headtwo__title___ico{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
}

.single-person .single-person-content_left .content-box_headtwo__title h3{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.single-person .single-person-content_left .content-box_info{
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.single-person .single-person-content_left .content-box_info__item h4{
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.single-person .single-person-content_left .content-box_info__item___email{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.single-person .single-person-content_left .content-box_info__item___parkingprice, .single-person .single-person-content_left .content-box_info__item___serviceprice{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.single-person .single-person-content_left .content-box_info__item___parkingprice span,.single-person .single-person-content_left .content-box_info__item___serviceprice span{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 500;
}

.single-person .single-person-content_left .content-box_info__item___room .room-number{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.single-person .single-person-content_left .content-box_info__item___room .badge-notactive{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.single-person .single-person-content_left .content-box_info__item___rentprice{
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 500;
}

.single-person .single-person-content_left .content-box_info__item___rentprice span{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 500;
}

.single-person .single-person-content_left .content-box_info__item span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.single-person .single-person-content_right{
  display: flex;
  width: 100%;
  max-width: 390px;
  flex-direction: column;
  gap: 1.5rem;
}

.single-person .single-person-content_right .content-box{
  width: 100%;
  border-radius: 14px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}

.single-person .single-person-content_right .content-box_head h3{
  font-weight: 500;
}

.single-person .single-person-content_right .summary-box_item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 0;
  border-bottom: 1px solid #f1f5f9;
}

.single-person .single-person-content_right .summary-box_item:last-child {
  border-bottom: none;
}

.single-person .single-person-content_right .summary-box_label {
  font-size: 13px;
  color: #64748B;
  font-weight: 400;
}

.single-person .single-person-content_right .summary-box_value {
  font-size: 20px;
  font-weight: 500;
  color: #0F172A;
}

.single-person .single-person-content_right .summary-box_value--green {
  color: #16a34a;
}

.single-person .single-person-content_right .summary-box_value--red   {
  color: #dc2626;
}

.single-person .single-person-content_right .summary-box_badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  margin-left: 6px;
  vertical-align: middle;
}

.single-person .single-person-content_right .summary-box_badge.summary-box_value--green {
  background: #DCFCE7;
  color: #166534;
}

.single-person .single-person-content_right .summary-box_badge.summary-box_value--red {
  background: #FEE2E2;
  color: #B91C1C;
}

.single-person .single-person-content_right .info-box_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #E6EEF5;
}

.single-person .single-person-content_right .info-box_row:last-child {
  border-bottom: none;
}

.single-person .single-person-content_right .info-box_label {
  font-size: 14px;
  color: #64748b;
}

.single-person .single-person-content_right .info-box_value {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.single-person .single-person-content_right .actions-box_body{
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.single-person .single-person-content_right .action-btn {
  display: block;
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #E6EEF5;
  border-radius: 8px;
  background: #fff;
  color: #64748B;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all .15s ease;
}

.single-person .single-person-content_right .action-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.single-person .single-person-content_right .action-btn--primary {
  background: #E8F7FF;
  border-color: #dbeafe;
  color: #0D8CE0;
  font-weight: 500;
}

.single-person .single-person-content_right .action-btn--primary:hover {
  background: #dbeafe;
  border-color: #bfdbfe;
}

.checkin-saved {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkin-saved__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22c55e;
  flex-shrink: 0;
}

.checkin-saved span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.checkin-cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.checkin-cta__banner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff7ed;
  border: 0.5px solid #fed7aa;
  border-radius: 10px;
  padding: 10px 14px;
}

.checkin-cta__banner svg {
  flex-shrink: 0;
  margin-top: 1px;
}

.checkin-cta__banner p {
  font-size: 12px;
  color: #92400e;
  line-height: 1.4;
}

.checkin-cta__banner p strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #78350f;
  margin-bottom: 2px;
}

.checkin-cta__form {
  display: flex;
  gap: 8px;
  align-items: center;
}

.checkin-cta .checkin-input {
  height: 36px;
  padding: 0 12px;
  border: 0.5px solid #e6eef5;
  border-radius: 8px;
  font-size: 13px;
  color: #0f172a;
  background: #f8fbfe;
  outline: none;
}

.checkin-cta .checkin-input:focus {
  border-color: #1fa1ff;
  box-shadow: 0 0 0 3px rgba(31, 161, 255, 0.12);
  background: #fff;
}

.checkin-cta .checkin-input.error {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}

.checkin-cta .checkin-btn {
  height: 36px;
  padding: 0 18px;
  background: #1fa1ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s;
}

.checkin-cta .checkin-btn:hover {
  background: #1890e8;
}

.checkin-cta .checkin-btn:active {
  transform: scale(0.97);
}

.checkin-cta .checkin-btn.saved {
  background: #22c55e;
  pointer-events: none;
}

/* Modal Room Assing */

/* ─── Modal: przypisanie pokoju ─────────────────────────────────── */

.room-modal {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.room-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  cursor: pointer;
}

.room-modal__box {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 18px;
  width: 100%;
  max-width: 540px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
  animation: modalIn 0.2s ease;
}

.room-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px 18px;
  border-bottom: 1px solid #e6eef5;
}

.room-modal__head h2 {
  font-size: 17px;
  font-weight: 600;
  color: #0f172a;
}

.room-modal__close {
  width: 32px;
  height: 32px;
  border: none;
  background: #f1f5f9;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  transition: background 0.15s;
}

.room-modal__close:hover {
  background: #e2e8f0;
}

.room-modal__body {
  padding: 18px 24px;
  overflow-y: auto;
  flex: 1;
}

.room-modal__loading {
  font-size: 13px;
  color: #64748b;
  text-align: center;
  padding: 24px 0;
}

.room-modal__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.room-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px 20px;
  border-top: 1px solid #e6eef5;
}

.room-modal__cancel {
  height: 38px;
  padding: 0 20px;
  border: 1px solid #e6eef5;
  border-radius: 9px;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: border-color 0.15s;
}

.room-modal__cancel:hover {
  border-color: #cbd5e1;
}

.room-modal__confirm {
  height: 38px;
  padding: 0 22px;
  background: #1fa1ff;
  color: #fff;
  border: none;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, opacity 0.15s;
}

.room-modal__confirm:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.room-modal__confirm:not(:disabled):hover {
  background: #1890e8;
}

.room-modal__confirm.saved {
  background: #22c55e;
  pointer-events: none;
}

.badge-notactive{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
}

.btn-group {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.btn-remove-room {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #dc2626;
  cursor: pointer;
  transition: all .15s;
}

.btn-remove-room:hover {
  background: #fee2e2;
  border-color: #fca5a5;
}

.btn-remove-room svg {
  flex-shrink: 0;
}

/* ─── Karta pojedynczego pokoju w modalu ─────────────────────────── */

.room-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1.5px solid #e6eef5;
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.room-card:hover {
  border-color: #93c5fd;
  background: #f0f9ff;
}

.room-card.selected {
  border-color: #1fa1ff;
  background: #e8f7ff;
}

.room-card__ico {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #e8f7ff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.room-card__ico svg {
  color: #1fa1ff;
}

.room-card__info {
  flex: 1;
}

.room-card__info strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.room-card__info span {
  font-size: 12px;
  color: #64748b;
}

.room-card__check {
  width: 20px;
  height: 20px;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  flex-shrink: 0;
  transition: border-color 0.15s, background 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.room-card__check svg {
  display: none;
}

.room-card.selected .room-card__check {
  border-color: #1fa1ff;
  background: #1fa1ff;
}

.room-card.selected .room-card__check svg {
  display: block;
  color: #fff;
}

.parking-number{
  font-weight: 500;
}

.btn-assign-parking{
  margin-left: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s;
}

.btn-assign-parking:hover {
  background: #e2e8f0;
  color: #0f172a;
}

.btn-assign-room{
  height: 36px;
  padding: 0 16px;
  border: 1px solid #1FA1FF;
  border-radius: 8px;
  background: #1FA1FF;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}

.btn-assign-room:hover {
  border-color: #1fa1ff;
  background: #44b1ff;
}

@keyframes modalIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }

  to   {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.room-card--full {
  opacity: 0.55;
  cursor: not-allowed;
  background: #fafafa;
}

.room-card--full:hover {
  border-color: #e6eef5;
  background: #fafafa;
}

.room-card__spots {
  font-size: 12px;
  font-weight: 500;
  color: #22c55e;
  white-space: nowrap;
  flex-shrink: 0;
}

.room-card__spots--full {
  color: #ef4444;
}

/* Payment Table */

.table-box{
  padding: 0px !important;
}

.table-box .content-box_head{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.payments-table {
  width: 100%;
}

.payments-table__head{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: grid;
  grid-template-columns: 1.2fr 1.4fr 1fr 1.2fr 1fr;
  border-bottom: 1px solid #E6EEF5;
}

.payments-table__head .payments-table__cell {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
}

.payments-table__row {
  display: grid;
  grid-template-columns: 1.2fr 1.4fr 1fr 1.2fr 1fr;
  align-items: center;
  padding: 18px 24px;
  border-bottom: 1px solid #f1f5f9;
  transition: background .15s;
}

.payments-table__row:last-child {
  border-bottom: none;
}

.payments-table__row:hover {
  background: #f8fafc;
}

.payments-table__cell {
  font-size: 14px;
  color: #0f172a;
}

.payments-table__cell--month {
  font-weight: 600;
}

.payments-table__cell--invoice {
  font-family: 'Courier New', monospace;
  color: #64748b;
  font-size: 13px;
}

.payments-table__cell--amount {
  font-weight: 700;
  color: #0f172a;
}

.payments-table__cell--date {
  color: #64748b;
}

.payment-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
}

.payment-badge--paid {
  background: #dcfce7;
  color: #15803d;
}

.payment-badge--paid svg {
  stroke: #16a34a;
}

.payment-badge--pending {
  background: #fef3c7;
  color: #a16207;
}

.payment-badge--pending svg {
  stroke: #d97706;
}

.payment-badge--overdue {
  background: #fee2e2;
  color: #b91c1c;
}

.payment-badge--overdue svg {
  stroke: #dc2626;
}

@media (max-width: 768px) {
  .payments-table__head {
    display: none;
  }

  .payments-table__row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px;
  }

  .payments-table__row .payments-table__cell {
    display: flex;
    justify-content: space-between;
  }

  .payments-table__row .payments-table__cell::before {
    content: attr(data-label);
    font-weight: 500;
    color: #64748b;
  }
}

.btn-remove-parking {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #dc2626;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.btn-remove-parking:hover {
  background: #fee2e2;
  border-color: #fca5a5;
}

.btn-remove-parking svg {
  flex-shrink: 0;
}

/* szerszy modal dla formularza */

.room-modal__box--wide {
  max-width: 720px;
}

.edit-form {
  padding: 8px 0;
}

.edit-form .wpcf7-response-output{
  display: none !important;
}

.edit-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
}

.edit-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.edit-form__field--full {
  grid-column: 1 / -1;
}

.edit-form__field label {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
}

.edit-form__field input {
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}

.edit-form__field input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .15);
}

.edit-form__subheading {
  margin: 24px 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f5f9;
}

.edit-form__hint {
  margin-top: 16px;
  font-size: 13px;
  min-height: 18px;
}

.edit-form__hint--error {
  color: #dc2626;
}

.edit-form__hint--success {
  color: #16a34a;
}

@media (max-width: 640px) {
  .edit-form__grid {
    grid-template-columns: 1fr;
  }
}

.message-recipient {
  padding: 12px 16px;
  margin-bottom: 20px;
  background: #f8fafc;
  border-radius: 8px;
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
}

.message-recipient__label {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
}

.message-recipient__value {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.message-recipient__email {
  color: #64748b;
  font-weight: 400;
  font-size: 13px;
}

.message-warning {
  padding: 16px;
  background: #fef3c7;
  border: 1px solid #fde68a;
  border-radius: 8px;
  color: #92400e;
  font-size: 14px;
}

/* ── CF7 - styled w konwencji panelu ─────────────── */

.cf7-wrapper .wpcf7 {
  margin: 0;
  padding: 0;
}

.cf7-wrapper form.wpcf7-form {
  margin: 0;
}

.cf7-wrapper .cf7-message-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.cf7-wrapper .edit-form__field label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  margin-bottom: 6px;
}

.cf7-wrapper .edit-form__field input[type="text"],
        .cf7-wrapper .edit-form__field textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  font-family: inherit;
  transition: border-color .15s, box-shadow .15s;
}

.cf7-wrapper .edit-form__field input[type="text"]:focus, .cf7-wrapper .edit-form__field textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .15);
}

.cf7-wrapper .edit-form__field textarea {
  resize: vertical;
  min-height: 120px;
}

.cf7-wrapper .wpcf7-submit {
  margin-top: 8px;
  padding: 10px 20px;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}

.cf7-wrapper .wpcf7-submit:hover {
  background: #1d4ed8;
}

.cf7-wrapper .wpcf7-submit:disabled {
  opacity: .6;
  cursor: wait;
}

/* komunikaty CF7 */

.cf7-wrapper .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
}

.cf7-wrapper .wpcf7-not-valid-tip {
  color: #dc2626;
  font-size: 12px;
  margin-top: 4px;
}

/* Ukryj hidden inputy całkowicie */

.cf7-wrapper input[type="hidden"] {
  display: none;
}

/* ── Toast ───────────────────────────────────────── */

.dta-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  padding: 14px 20px;
  border-radius: 8px;
  background: #0f172a;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .3s, transform .3s;
  z-index: 10000;
  max-width: 400px;
}

.dta-toast--visible {
  opacity: 1;
  transform: translateY(0);
}

.dta-toast--success {
  background: #16a34a;
}

.dta-toast--error {
  background: #dc2626;
}

.room-detail{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

.room-detail__back{
  margin-bottom: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-decoration: none;
}

.room-detail__back:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.room-detail__title{
  margin-bottom: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  font-size: 28px;
}

.room-detail__subtitle{
  margin-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

/* ── 3 kafelki ────────────────────────── */

.room-detail__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}

.room-detail__stat-card{
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-height: 240px;
  animation: fadeUp 0.45s ease both;
}

.room-detail__stat-card:nth-child(1) {
  animation-delay: 0.05s;
}

.room-detail__stat-card:nth-child(2) {
  animation-delay: 0.10s;
}

.room-detail__stat-card:nth-child(3) {
  animation-delay: 0.15s;
}

.room-detail__stat-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  align-self: flex-start;
}

/* ── Donut obłożenia ───────────────────── */

.room-detail__donut-wrap {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 8px 0;
}

.room-detail__donut-wrap svg {
  transform: rotate(-90deg);
}

.room-detail__donut-center{
  position: absolute;
  inset: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.room-detail__donut-pct{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  font-size: 24px;
  line-height: 1;
}

.room-detail__donut-ratio{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.room-detail__stat-footer{
  margin-top: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

/* ── Płeć pokoju ────────────────────────── */

.room-detail__gender-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex: 1;
}

.room-detail .tag{
  border-radius: 33554400px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.room-detail .tag--m{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.room-detail .tag--f{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity));
}

.room-detail .tag--mix{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}

.room-detail__gender-subtitle{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

/* ── Pojemność ──────────────────────────── */

.room-detail__capacity-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex: 1;
}

.room-detail__capacity-icon{
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  color: #1FA1FF;
}

.room-detail__capacity-value{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

/* ── Box lokatorów ──────────────────────── */

.room-detail__tenants-box{
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  overflow: hidden;
  animation: fadeUp 0.5s ease both;
  animation-delay: 0.2s;
}

.room-detail__tenants-head{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.room-detail__tenants-head h2{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.room-detail__tenants-list{
  gap: 1rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

.room-detail__tenants-empty{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.room-detail__tenant-row{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  overflow: hidden;
}

.room-detail__tenant-row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.room-detail__tenant-row:hover .room-detail__tenant-action {
  color: #3B9EFF;
}

.room-detail__tenant-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  flex: 1;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}

.room-detail__tenant-remove {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e8eef5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
  color: #dc2626;
  margin-right: 10px;
}

.room-detail__tenant-remove svg {
  flex-shrink: 0;
}

.room-detail__tenant-remove:hover {
  background: #fee2e2;
  color: #dc2626;
}

.room-detail__tenant-avatar{
  height: 2.75rem;
  width: 2.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}

.room-detail__tenant-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.room-detail__tenant-name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  font-size: 14px;
}

.room-detail__tenant-contact{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  font-size: 13px;
}

.room-detail__tenant-action{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  flex-shrink: 0;
}

/* ── Donut styling ──────────────────────── */

.room-detail .rd-donut-bg {
  fill: none;
  stroke: #E6EEF5;
  stroke-width: 10;
}

.room-detail .rd-donut-fill {
  fill: none;
  stroke: #3B9EFF;
  stroke-width: 10;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.room-detail .rd-donut-fill--full {
  stroke: #22D3A4;
}

/* Responsywność */

@media (max-width: 1024px) {
  .room-detail__stats {
    grid-template-columns: 1fr;
  }
}

/* CTA w nagłówku lokatorów */

.room-detail__tenants-head{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.room-detail__tenants-head h2{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.btn-assign-person-to-room {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: #1FA1FF;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}

.btn-assign-person-to-room:hover {
  background: #007ad1;
}

.btn-assign-person-to-room svg {
  flex-shrink: 0;
}

/* Wyszukiwarka */

.person-search-wrap {
  position: relative;
  margin-bottom: 16px;
}

.person-search-wrap__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
}

.person-search-wrap input {
  width: 100%;
  padding: 10px 12px 10px 38px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}

.person-search-wrap input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .15);
}

.person-search-wrap input::-moz-placeholder {
  color: #94a3b8;
}

.person-search-wrap input::placeholder {
  color: #94a3b8;
}

/* Lista osób w modalu */

.person-modal__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 420px;
  overflow-y: auto;
  padding-right: 4px;
}

.person-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  transition: all .15s;
}

.person-row:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.person-row.selected {
  border-color: #3b82f6;
  background: #eff6ff;
}

.person-row.selected .person-row__check {
  background: #3b82f6;
  color: #fff;
}

.person-row--disabled {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
  background: #f8fafc;
}

.person-row__avatar {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #E8F7FF;
  color: #1FA1FF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 13px;
  flex-shrink: 0;
}

.person-row__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.person-row__name {
  font-weight: 600;
  font-size: 14px;
  color: #0f172a;
}

.person-row__meta {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
  color: #64748b;
}

.person-row__current {
  padding: 2px 8px;
  background: #fef3c7;
  color: #a16207;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
}

.person-row__here {
  padding: 2px 8px;
  background: #dcfce7;
  color: #15803d;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
}

.person-row__check {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 2px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  transition: all .15s;
  flex-shrink: 0;
}

.dash-payments{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

/* ── Header ─────────────────────────── */

.dash-payments__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 28px;
}

.dash-payments__title{
  margin-bottom: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  font-size: 28px;
}

.dash-payments__subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-payments__export{
  font-weight: 500;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #1FA1FF 0%, #0D8CE0 100%);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 22px;
  cursor: pointer;
  box-shadow: 0px 6px 18px 0px rgba(31, 161, 255, 0.28);
  white-space: nowrap;
}

.dash-payments__export:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dash-payments__export:active {
  transform: translateY(0);
}

.dash-payments__export svg {
  flex-shrink: 0;
}

/* ── Stat Cards ─────────────────────── */

.dash-payments__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

.dash-payments__stat-card{
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dash-payments__stat-icon{
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}

.dash-payments__stat-icon--blue {
  background: #E8F7FF;
  color: #1FA1FF;
}

.dash-payments__stat-icon--green {
  background: #DCFCE7;
  color: #166534;
}

.dash-payments__stat-icon--orange {
  background: #FEF3C7;
  color: #92400E;
}

.dash-payments__stat-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-payments__stat-value{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  font-size: 26px;
}

.dash-payments__stat-value--green {
  color: #166534;
}

.dash-payments__stat-value--orange {
  color: #92400E;
}

.dash-payments__stat-hint{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
  gap: 4px;
}

.dash-payments__stat-hint--green {
  color: #166534;
}

.dash-payments__stat-hint--green svg {
  stroke: #166534;
}

/* ── Filters Box ────────────────────── */

.dash-payments__filters-box{
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dash-payments__search-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.dash-payments__search-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dash-payments__search-field label {
  font-size: 13px;
  font-weight: 500;
  color: #64748B;
}

.dash-payments__search-field input{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  font-size: 14px;
  color: #0F172A;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}

.dash-payments__search-field input:focus {
  outline: none;
  border-color: #3B82F6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .12);
}

.dash-payments__search-field input::-moz-placeholder {
  color: #94A3B8;
}

.dash-payments__search-field input::placeholder {
  color: #94A3B8;
}

.dash-payments__search-input-wrap {
  position: relative;
}

.dash-payments__search-input-wrap svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94A3B8;
  pointer-events: none;
}

.dash-payments__search-input-wrap input {
  padding-left: 38px;
}

.dash-payments__status-filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dash-payments__status-filters label {
  font-size: 13px;
  font-weight: 500;
  color: #64748B;
}

.dash-payments__status-btns{
  min-height: 41px;
  display: flex;
  gap: 8px;
}

.dash-payments__status-btn {
  padding: 8px 16px;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #64748B;
  cursor: pointer;
  transition: all .15s;
}

.dash-payments__status-btn:hover {
  border-color: #CBD5E1;
  color: #0F172A;
}

.dash-payments__status-btn--active {
  background: #E8F7FF;
  border: 2px solid #1FA1FF !important;
  color: #1FA1FF !important;
}

/* ── Table ───────────────────────────── */

.dash-payments__table-wrap{
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  overflow: hidden;
}

.dash-payments__table {
  width: 100%;
  border-collapse: collapse;
}

.dash-payments__table thead tr {
  background: #F8FAFC;
  border-bottom: 1px solid #E6EEF5;
}

.dash-payments__table thead th {
  padding: 14px 20px;
  font-size: 12px;
  font-weight: 500;
  color: #64748B;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.dash-payments__table tbody tr {
  border-bottom: 1px solid #F1F5F9;
  transition: background .15s;
}

.dash-payments__table tbody tr:last-child {
  border-bottom: none;
}

.dash-payments__table tbody tr:hover {
  background: #F8FAFC;
}

.dash-payments__cell {
  padding: 16px 20px;
  font-size: 14px;
  color: #0F172A;
}

.dash-payments__cell--invoice {
  font-family: 'Courier New', monospace;
  color: #64748B;
  font-size: 13px;
}

.dash-payments__cell--tenant strong {
  font-weight: 600;
}

.dash-payments__cell--room {
  color: #64748B;
}

.dash-payments__cell--amount {
  font-weight: 700;
}

.dash-payments__cell--date {
  color: #64748B;
}

.dash-payments__cell--method {
  color: #64748B;
}

.dash-payments__empty {
  padding: 32px 20px;
  text-align: center;
  color: #64748B;
  font-size: 14px;
}

/* ── Responsywność ──────────────────── */

@media (max-width: 1024px) {
  .dash-payments__stats {
    grid-template-columns: 1fr;
  }

  .dash-payments__search-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .dash-payments__table thead {
    display: none;
  }

  .dash-payments__table tbody tr {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
  }

  .dash-payments__table td {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
  }
}

.dash-awaria{
  width: 100%;
  padding: 2rem;
  max-width: 720px;
  margin: 0 auto;
}

.dash-awaria__header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 32px;
}

.dash-awaria__header-ico{
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
  color: #D97706;
}

.dash-awaria__title{
  margin-bottom: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  font-size: 24px;
}

.dash-awaria__subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dash-awaria__form-box{
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 238 245 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
}

/* ── CF7 styling ──────────────────────── */

.dash-awaria .awaria-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dash-awaria .awaria-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dash-awaria .awaria-form__field label {
  font-size: 13px;
  font-weight: 500;
  color: #64748B;
}

.dash-awaria .awaria-form__field input[type="text"],
            .dash-awaria .awaria-form__field textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  font-size: 14px;
  color: #0F172A;
  background: #fff;
  font-family: inherit;
  transition: border-color .15s, box-shadow .15s;
}

.dash-awaria .awaria-form__field input[type="text"]:focus, .dash-awaria .awaria-form__field textarea:focus {
  outline: none;
  border-color: #3B82F6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .12);
}

.dash-awaria .awaria-form__field input[type="text"]::-moz-placeholder, .dash-awaria .awaria-form__field textarea::-moz-placeholder {
  color: #94A3B8;
}

.dash-awaria .awaria-form__field input[type="text"]::placeholder, .dash-awaria .awaria-form__field textarea::placeholder {
  color: #94A3B8;
}

.dash-awaria .awaria-form__field textarea {
  resize: vertical;
  min-height: 160px;
}

.dash-awaria .wpcf7-submit {
  width: 100%;
  padding: 12px 20px;
  background: linear-gradient(135deg, #1FA1FF 0%, #0D8CE0 100%);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
  margin-top: 8px;
}

.dash-awaria .wpcf7-submit:hover {
  background: linear-gradient(135deg, #1FA1FF 0%, #0D8CE0 100%);
}

.dash-awaria .wpcf7-submit:disabled {
  opacity: .6;
  cursor: wait;
}

.dash-awaria .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
}

.dash-awaria .wpcf7-not-valid-tip {
  color: #DC2626;
  font-size: 12px;
  margin-top: 4px;
}

/* Przycisk Buddy */

.btn-buddy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid #C4B5FD;
  border-radius: 8px;
  background: #EDE9FE;
  font-size: 13px;
  font-weight: 500;
  color: #7C3AED;
  cursor: pointer;
  transition: all .15s;
}

.btn-buddy:hover {
  background: #DDD6FE;
  border-color: #A78BFA;
}

.btn-buddy svg {
  flex-shrink: 0;
}

.buddy-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.buddy-card {
  border: 1px solid #E6EEF5;
  border-radius: 12px;
  overflow: hidden;
  transition: opacity .3s, transform .3s;
}

.buddy-card__top {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}

.buddy-card__avatar {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #EDE9FE;
  color: #7C3AED;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.buddy-card__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.buddy-card__name {
  font-size: 14px;
  font-weight: 600;
  color: #0F172A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.buddy-card__email {
  font-size: 12px;
  color: #64748B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.buddy-card__room {
  font-size: 12px;
  color: #16A34A;
  font-weight: 500;
  margin-top: 1px;
}

.buddy-card__room--none {
  color: #94A3B8;
}

.buddy-card__view {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94A3B8;
  border: 1px solid #E6EEF5;
  flex-shrink: 0;
  transition: all .15s;
  text-decoration: none;
}

.buddy-card__view:hover {
  color: #3B82F6;
  border-color: #BFDBFE;
  background: #EFF6FF;
}

.buddy-card__actions {
  display: flex;
  gap: 8px;
  padding: 0 16px 14px;
}

/* ── Przyciski akcji buddy ───────────────────── */

.buddy-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all .15s;
  white-space: nowrap;
}

.buddy-action svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.buddy-action--assign {
  flex: 1;
  background: #2563EB;
  color: #fff;
}

.buddy-action--assign:hover {
  background: #1D4ED8;
}

.buddy-action--assign:disabled {
  opacity: .6;
  cursor: wait;
}

.buddy-action--success {
  background: #16A34A !important;
  color: #fff;
}

.buddy-action--disconnect {
  background: #fff;
  color: #64748B;
  border: 1px solid #E2E8F0;
}

.buddy-action--disconnect:hover {
  color: #DC2626;
  border-color: #FECACA;
  background: #FEF2F2;
}

.buddy-action--disconnect-confirm {
  background: #DC2626 !important;
  color: #fff !important;
  border-color: #DC2626 !important;
}

.buddy-action--disconnect-confirm:hover {
  background: #B91C1C !important;
}

.buddy-action--info {
  flex: 1;
  background: #F0FDF4;
  color: #16A34A;
  cursor: default;
}

/* ── Przycisk Buddy (w btn-group) ────────────── */

.btn-buddy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid #C4B5FD;
  border-radius: 8px;
  background: #EDE9FE;
  font-size: 13px;
  font-weight: 500;
  color: #7C3AED;
  cursor: pointer;
  transition: all .15s;
}

.btn-buddy:hover {
  background: #DDD6FE;
  border-color: #A78BFA;
}

.btn-buddy svg {
  flex-shrink: 0;
}

/* ── Toast wewnątrz modala ───────────────────── */

.buddy-toast {
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 12px;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .3s, transform .3s;
}

.buddy-toast--visible {
  opacity: 1;
  transform: translateY(0);
}

.buddy-toast--success {
  background: #F0FDF4;
  color: #16A34A;
  border: 1px solid #BBF7D0;
}

.buddy-toast--error {
  background: #FEF2F2;
  color: #DC2626;
  border: 1px solid #FECACA;
}

/* Akcje buddy */

.buddy-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.buddy-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all .15s;
}

.buddy-action svg {
  flex-shrink: 0;
}

.buddy-action--assign {
  background: #2563EB;
  color: #fff;
}

.buddy-action--assign:hover {
  background: #1D4ED8;
}

.buddy-action--assign:disabled {
  opacity: .6;
  cursor: wait;
}

.buddy-action--disconnect {
  background: #fff;
  color: #DC2626;
  border: 1px solid #FECACA;
}

.buddy-action--disconnect:hover {
  background: #FEF2F2;
  border-color: #FCA5A5;
}

.buddy-action--disconnect:disabled {
  opacity: .6;
  cursor: wait;
}

.buddy-action--info {
  background: #F0FDF4;
  color: #16A34A;
  cursor: default;
  font-weight: 500;
}

/* Lista buddy w modalu */

.buddy-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.buddy-card {
  border: 1px solid #E6EEF5;
  border-radius: 12px;
  overflow: hidden;
}

.buddy-card__top {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
}

.buddy-card__actions {
  display: flex;
  gap: 8px;
  padding: 0 16px 16px;
}

.buddy-action {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all .15s;
}

.buddy-action svg {
  flex-shrink: 0;
}

.buddy-action--assign {
  background: #2563EB;
  color: #fff;
}

.buddy-action--assign:hover {
  background: #1D4ED8;
}

.buddy-action--assign:disabled {
  opacity: .6;
  cursor: wait;
}

.buddy-action--success {
  background: #16A34A !important;
  color: #fff;
}

.buddy-action--disconnect {
  background: #fff;
  color: #64748B;
  border: 1px solid #E2E8F0;
}

.buddy-action--disconnect:hover {
  color: #DC2626;
  border-color: #FECACA;
  background: #FEF2F2;
}

.buddy-action--disconnect-confirm {
  background: #DC2626 !important;
  color: #fff !important;
  border-color: #DC2626 !important;
}

.buddy-action--disconnect-confirm:hover {
  background: #B91C1C !important;
}

.buddy-action--info {
  background: #F0FDF4;
  color: #16A34A;
  cursor: default;
  flex: 1;
}

/* Toast wewnątrz modala */

.buddy-toast {
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 12px;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .3s, transform .3s;
}

.buddy-toast--visible {
  opacity: 1;
  transform: translateY(0);
}

.buddy-toast--success {
  background: #F0FDF4;
  color: #16A34A;
  border: 1px solid #BBF7D0;
}

.buddy-toast--error {
  background: #FEF2F2;
  color: #DC2626;
  border: 1px solid #FECACA;
}

/* ==========================================================
   DISCOUNT CODES DASHBOARD — discount-codes.scss
   Styl spójny z istniejącym dash-parkingtypess-add
   ========================================================== */

/* ── TABLE VIEW ───────────────────────────────────────────── */

.dash-discount{
  width: 100%;
  padding: 2rem;
  max-width: 1280px;
  margin: 0 auto;
}

.dash-discount__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.dash-discount__title{
  font-size: 28px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  margin: 0 0 4px;
}

.dash-discount__subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  margin: 0;
}

.dash-discount__add-btn{
  font-weight: 500;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #1fa1ff 0%, #0d8ce0 100%);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 11px 20px;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 6px 18px 0 rgba(31, 161, 255, 0.28);
  white-space: nowrap;
  flex-shrink: 0;
}

.dash-discount__add-btn svg {
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
}

.dash-discount__add-btn:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* ── TABLE WRAPPER ── */

.dash-discount__table-wrap {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e6eef5;
  overflow: hidden;
}

.dash-discount__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  color: #0f172a;
}

.dash-discount__table thead tr {
  border-bottom: 1px solid #e6eef5;
}

.dash-discount__table th {
  padding: 16px 32px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  letter-spacing: 0.05em;
  text-align: left;
  white-space: nowrap;
}

.dash-discount__table th:last-child {
  width: 80px;
}

.dash-discount__table tbody tr {
  border-bottom: 1px solid #f1f5f9;
  transition: background 0.12s;
}

.dash-discount__table tbody tr:last-child {
  border-bottom: none;
}

.dash-discount__table tbody tr:hover {
  background: #f8fbff;
}

.dash-discount__table td {
  padding: 14px 16px;
  vertical-align: middle;
}

/* ── CODE CHIP ── */

.dash-discount__code-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f1f5f9;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
  font-family: "SFMono-Regular", "Consolas", monospace;
  color: #0f172a;
  letter-spacing: 0.04em;
}

.dash-discount__copy-btn {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  color: #94a3b8;
  display: flex;
  align-items: center;
  border-radius: 4px;
  transition:
      color 0.15s,
      background 0.15s;
}

.dash-discount__copy-btn:hover {
  color: #2563eb;
  background: #dbeafe;
}

.dash-discount__copy-btn.copied {
  color: #22c55e;
}

/* ── DISCOUNT VALUE ── */

.dash-discount__value {
  font-weight: 600;
  font-size: 13.5px;
}

.dash-discount__value--percent {
  color: #7c3aed;
}

.dash-discount__value--fixed {
  color: #0d8ce0;
}

/* ── USAGE ── */

.dash-discount__usage-cell {
  display: table-cell;
}

.dash-discount__usage-inf {
  font-size: 18px;
  font-weight: 700;
  color: #64748b;
  line-height: 1;
}

.dash-discount__usage-count {
  display: block;
  font-weight: 600;
  color: #0f172a;
  font-size: 13px;
}

.dash-discount__usage-remain {
  display: block;
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}

.dash-discount__no-expiry {
  color: #94a3b8;
  font-style: italic;
  font-size: 12px;
}

/* ── BADGE STATUS ── */

.dash-discount__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.dash-discount__badge--active {
  background: #dcfce7;
  color: #15803d;
}

.dash-discount__badge--active .dash-discount__badge-dot {
  background: #22c55e;
}

.dash-discount__badge--inactive {
  background: #f1f5f9;
  color: #64748b;
}

.dash-discount__badge--inactive .dash-discount__badge-dot {
  background: #cbd5e1;
}

.dash-discount__badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ── ROW ACTIONS ── */

.dash-discount__actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.dash-discount__action-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6eef5;
  background: #f8fafc;
  border-radius: 8px;
  cursor: pointer;
  color: #64748b;
  transition: all 0.15s;
}

.dash-discount__action-btn:hover {
  background: #e0f2fe;
  border-color: #bae6fd;
  color: #0284c7;
}

.dash-discount__action-btn--delete:hover {
  background: #fee2e2;
  border-color: #fecaca;
  color: #dc2626;
}

/* ── EMPTY STATE ── */

.dash-discount__empty {
  padding: 60px 20px;
  text-align: center;
}

.dash-discount__empty-icon {
  margin: 0 auto 16px;
  width: 64px;
  height: 64px;
  background: #f8fafc;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash-discount__empty-title {
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 6px;
}

.dash-discount__empty-sub {
  font-size: 13px;
  color: #94a3b8;
  margin: 0;
}

/* ==========================================================
   MODAL
   ========================================================== */

.dc-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 9990;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.dc-modal-overlay.dc-modal-overlay--visible {
  opacity: 1;
  pointer-events: all;
}

.dc-modal {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e6eef5;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  transform: translateY(12px) scale(0.98);
  transition: transform 0.2s ease;
}

.dc-modal-overlay--visible .dc-modal {
  transform: translateY(0) scale(1);
}

/* ── HEADER ── */

.dc-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 28px 0;
  margin-bottom: 24px;
}

.dc-modal__title {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}

.dc-modal__close {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #f1f5f9;
  border-radius: 8px;
  cursor: pointer;
  color: #64748b;
  transition: all 0.15s;
  flex-shrink: 0;
}

.dc-modal__close:hover {
  background: #e2e8f0;
  color: #0f172a;
}

/* ── FORM ── */

.dc-modal__form {
  padding: 0 28px 28px;
}

.dc-modal__field {
  margin-bottom: 20px;
}

.dc-modal__field:last-of-type {
  margin-bottom: 0;
}

.dc-modal__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.dc-modal__row .dc-modal__field {
  margin-bottom: 0;
}

.dc-modal__label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 8px;
}

.dc-modal__req {
  color: #f43f5e;
}

.dc-modal__hint {
  display: block;
  font-size: 11.5px;
  color: #94a3b8;
  margin-top: 6px;
  line-height: 1.5;
}

/* ── INPUT ── */

.dc-modal__input-wrap {
  position: relative;
}

.dc-modal__input-wrap--select {
  position: relative;
}

.dc-modal__input-wrap--suffix {
  position: relative;
}

.dc-modal__input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition:
      border-color 0.15s,
      box-shadow 0.15s;
  box-sizing: border-box;
}

.dc-modal__input::-moz-placeholder {
  color: #94a3b8;
}

.dc-modal__input::placeholder {
  color: #94a3b8;
}

.dc-modal__input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.dc-modal__input--short {
  max-width: 140px;
}

.dc-modal__input-wrap--suffix .dc-modal__input {
  padding-right: 44px;
}

.dc-modal__input-wrap .dc-modal__input[type="text"] {
  padding-right: 44px;
}

.dc-modal__input-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.dc-modal__select {
  cursor: pointer;
  padding-right: 36px;
}

.dc-modal__select-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.dc-modal__suffix {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  pointer-events: none;
  min-width: 20px;
  text-align: right;
}

/* ── GENERATE BTN ── */

.dc-modal__generate-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  cursor: pointer;
  color: #64748b;
  transition: all 0.15s;
}

.dc-modal__generate-btn:hover {
  background: #dbeafe;
  border-color: #bfdbfe;
  color: #2563eb;
}

/* ── RADIO GROUP ── */

.dc-modal__radio-group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.dc-modal__radio-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  color: #0f172a;
  cursor: pointer;
  padding: 8px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  transition: all 0.15s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.dc-modal__radio-label input[type="radio"] {
  accent-color: #2563eb;
  width: 15px;
  height: 15px;
  cursor: pointer;
  flex-shrink: 0;
}

.dc-modal__radio-label svg {
  stroke: #64748b;
}

.dc-modal__radio-label:has(input:checked) {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.dc-modal__radio-label:has(input:checked) svg {
  stroke: #2563eb;
}

.dc-modal__radio-label:hover {
  border-color: #93c5fd;
}

/* ── ACTIONS ── */

.dc-modal__actions {
  display: flex;
  gap: 12px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #f1f5f9;
}

.dc-modal__btn {
  flex: 1;
  height: 46px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: inherit;
  transition: all 0.2s ease;
}

.dc-modal__btn--cancel {
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e6eef5;
}

.dc-modal__btn--cancel:hover {
  background: #f1f5f9;
  transform: scale(1.02);
}

.dc-modal__btn--submit {
  background: linear-gradient(135deg, #1fa1ff 0%, #0d8ce0 100%);
  color: #fff;
  box-shadow: 0 6px 18px 0 rgba(31, 161, 255, 0.28);
}

.dc-modal__btn--submit:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 24px 0 rgba(31, 161, 255, 0.35);
}

.dc-modal__btn--submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* ── TOAST ── */

.dc-toast {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #0f172a;
  color: #fff;
  font-size: 13.5px;
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transform: translateY(12px);
  opacity: 0;
  transition: all 0.25s ease;
  max-width: 340px;
  pointer-events: none;
}

.dc-toast--visible {
  transform: translateY(0);
  opacity: 1;
}

.dc-toast--success {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.dc-toast--error {
  background: linear-gradient(135deg, #f43f5e, #e11d48);
}

.dc-toast svg {
  flex-shrink: 0;
}

.footer-rez{
  display: flex;
  min-height: 84px;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  --tw-bg-opacity: 1;
  background-color: rgb(22 21 22 / var(--tw-bg-opacity));
}

@media (min-width: 640px){
  .footer-rez{
    min-height: 308px;
  }
}

@media not all and (min-width: 640px){
  .footer-rez img{
    width: 200px;
  }
}

/* ── Reservation: kontener ─────────────────────── */

.reservation__stepper{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px){
  .reservation__stepper{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-left: 2.75rem;
    padding-right: 2.75rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}

.reservation__stepper___logo{
  display: flex;
  align-items: center;
}

.reservation__stepper___logo img{
  width: 8rem;
}

@media (min-width: 768px){
  .reservation__stepper___logo img{
    width: 195px;
  }
}

.reservation__stepper___lang{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

@media (min-width: 768px){
  .reservation__stepper___lang{
    gap: 2.5rem;
  }
}

.reservation__stepper___lang a{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .reservation__stepper___lang a{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.reservation__stepper___lang a:hover{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

/* Na mobile ukrywamy "Kontakt z nami" — zostaje sam przełącznik języka */

.reservation__stepper___lang > a{
  display: none;
}

.pp-rooms-cont_item.reservation__stepper___lang > a {
  display: none;
}

.error-top .error-top-video .video-placeholder.reservation__stepper___lang > a{
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 768px){
  .reservation__stepper___lang > a{
    display: inline-flex;
  }
}

.reservation__stepper___lang #gt_float_wrapper{
  height: 44px;
  width: 44px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
}

@media (min-width: 768px){
  .reservation__stepper___lang #gt_float_wrapper{
    height: 60px;
    width: 60px;
  }
}

.reservation__stepper___lang #gt_float_wrapper .gt_float_switcher{
  height: 44px;
  width: 44px;
  overflow: auto;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  font-family: NeueHaasGrotesk, sans-serif !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

@media (min-width: 768px){
  .reservation__stepper___lang #gt_float_wrapper .gt_float_switcher{
    height: 60px;
    width: 60px;
  }
}

.reservation__stepper___lang #gt_float_wrapper .gt_options{
  position: absolute !important;
  right: 0px !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.reservation__stepper___lang #gt_float_wrapper .gt_options a:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
}

.reservation__stepper___lang #gt_float_wrapper .gt-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
}

.reservation__stepper___lang #gt_float_wrapper .gt-selected:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.reservation__stepper___lang #gt_float_wrapper .gt-selected:hover .gt-lang-code{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.reservation__stepper___lang #gt_float_wrapper .gt-selected:hover .gt_float_switcher-arrow {
  filter: brightness(3.5);
}

.reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang{
  display: flex;
  height: 44px;
  width: 44px;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  border-radius: 9999px;
  padding: 0px;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

@media (min-width: 768px){
  .reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang{
    height: 60px;
    width: 60px;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}

.reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang img{
  display: none;
}

.pp-rooms-cont_item.reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang img {
  display: none;
}

.error-top .error-top-video .video-placeholder.reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang img{
  pointer-events: none;
  opacity: 0;
}

.reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang .gt_float_switcher-arrow{
  --tw-rotate: 0deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.reservation__stepper-mobile{
  grid-column: span 2 / span 2;
}

@media (min-width: 768px){
  .reservation__stepper-mobile{
    display: none;
  }
}

.reservation__stepper-mobile___info{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reservation__stepper-mobile___count{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.reservation__stepper-mobile___label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.reservation__stepper-mobile___bar{
  height: 0.25rem;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.reservation__stepper-mobile___fill{
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.reservation__container{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.25rem;
  margin-bottom: 3.5rem;
  width: 100%;
  max-width: 1136px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){
  .reservation__container{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.reservation__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
}

.reservation__btn--next {
  background: #0F172A;
  color: #fff;
}

.reservation__btn--next:hover {
  background: #1E293B;
}

.reservation__btn--next:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.reservation__btn--prev {
  background: #fff;
  color: #64748B;
  border: 1px solid #E2E8F0;
}

.reservation__btn--prev:hover {
  background: #F8FAFC;
  border-color: #CBD5E1;
}

.reservation__btn svg {
  flex-shrink: 0;
}

/* ── Stepper ───────────────────────────────────── */

.stepper{
  display: none;
}

.pp-rooms-cont_item.stepper {
  display: none;
}

.error-top .error-top-video .video-placeholder.stepper{
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 768px){
  .stepper{
    display: flex;
  }
}

.stepper {
  align-items: center;
  justify-content: center;
  gap: 0;
}

.stepper__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}

.stepper__item--active .stepper__circle {
  background: #1FA1FF;
  color: #fff;
  border-color: #1FA1FF;
}

.stepper__item--done .stepper__circle {
  background: #161516;
  color: #16A34A;
  border-color: #161516;
}

.stepper__item--done .stepper__label {
  color: #99A1AF;
}

.stepper__item--active .stepper__label {
  color: #0F172A;
  font-weight: 500;
}

.stepper__circle {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #F3F4F6;
  color: #99A1AF;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  transition: all .3s;
}

.stepper__label {
  font-size: 12px;
  color: #94A3B8;
  white-space: nowrap;
  transition: color .3s;
}

.stepper__line {
  width: 60px;
  height: 1px;
  background: #E2E8F0;
  margin: 0 8px;
  margin-bottom: 28px;
  transition: background .3s;
}

/* ── Krok 1: Wybór pokoju ──────────────────────── */

.step-room {
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 32px;
  padding:   64px;
}

.step-room__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}

.step-room__title {
  font-size: 36px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 4px;
}

.step-room__subtitle {
  color: #6A7282;
}

.step-room__check-btn {
  padding: 16px 34px;
  border: 1px solid #1FA1FF;
  border-radius: 999px;
  background: #fff;
  color: #1FA1FF;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
}

.step-room__check-btn:hover {
  background: #F8FAFC;
}

.step-room__check-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.step-room__section-label {
  font-size: 14px;
  font-weight: 600;
  color: #0F172A;
  margin-bottom: 12px;
}

/* Płeć */

.step-room__gender {
  margin-bottom: 28px;
}

.step-room__gender-options {
  display: flex;
  gap: 12px;
}

/* Siatka pokoi */

.step-room__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}

/* Dostępność */

.step-room__availability {
  margin-bottom: 28px;
  padding: 14px 18px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.step-room__availability--success {
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
}

.step-room__availability--error {
  background: #FEF2F2;
  border: 1px solid #FECACA;
}

/* Nawigacja */

.step-room__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}

/* ── Karta płci ────────────────────────────────── */

.gender-option {
  cursor: pointer;
}

.gender-option input {
  display: none;
}

.gender-option__card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  border: 1.5px solid #E2E8F0;
  border-radius: 12px;
  background: #fff;
  transition: all .15s;
}

.gender-option__icon {
  color: #94A3B8;
  transition: color .15s;
}

.gender-option__label {
  font-size: 14px;
  font-weight: 500;
  color: #64748B;
  transition: color .15s;
}

.gender-option:hover .gender-option__card {
  border-color: #CBD5E1;
}

.gender-option--selected .gender-option__card {
  border-color: #1FA1FF;
  background: #EFF6FF;
}

.gender-option--selected .gender-option__icon {
  color: #1FA1FF;
}

.gender-option--selected .gender-option__label {
  color: #1FA1FF;
  font-weight: 600;
}

/* ── Karta typu pokoju ─────────────────────────── */

.room-type-card {
  cursor: pointer;
}

.room-type-card input {
  display: none;
}

.room-type-card__inner{
  border-radius: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding: 2rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: #fff;
  transition: all .15s;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.room-type-card__icons {
  display: flex;
  gap: 2px;
  color: #94A3B8;
  margin-bottom: 4px;
  transition: color .15s;
}

.room-type-card__name {
  font-size: 15px;
  font-weight: 600;
  color: #0F172A;
}

.room-type-card__desc {
  font-size: 13px;
  color: #94A3B8;
}

.room-type-card:hover .room-type-card__inner{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.room-type-card--selected .room-type-card__inner{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(31 161 255 / var(--tw-border-opacity));
  background: #EFF6FF;
}

.room-type-card--selected .room-type-card__icons {
  color: #1FA1FF;
}

/* ── Availability box ──────────────────────────── */

.availability-box {
  display: flex;
  align-items: center;
  gap: 12px;
}

.availability-box__icon {
  flex-shrink: 0;
}

.availability-box__text {
  font-size: 14px;
  font-weight: 500;
  color: #0F172A;
}

/* ── Responsywność ─────────────────────────────── */

@media (max-width: 768px) {
  .step-room {
    padding: 24px;
  }

  .step-room__header {
    flex-direction: column;
    gap: 16px;
  }

  .step-room__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .stepper__label {
    display: none;
  }

  .stepper__line {
    width: 30px;
  }
}

@media (max-width: 480px) {
  .step-room__grid {
    grid-template-columns: 1fr;
  }

  .step-room__gender-options {
    flex-direction: column;
  }
}

/* ══════════════════════════════════════════════════
   ETAP 1.1 — Brak miejsc
   ══════════════════════════════════════════════════ */

.room-type-card--unavailable {
  pointer-events: none;
}

.room-type-card--unavailable .room-type-card__inner {
  opacity: .45;
  position: relative;
}

.room-type-card--unavailable .room-type-card__badge-unavail {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 3px 10px;
  border-radius: 6px;
  background: #FEE2E2;
  color: #B91C1C;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
}

/* ══════════════════════════════════════════════════
   ETAP 1.2 — Karta wybranego typu
   ══════════════════════════════════════════════════ */

.selected-type-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 24px;
  padding: 20px 32px;
  margin-bottom: 20px;
}

.selected-type-card__left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.selected-type-card__img {
  width: 84px;
  height: 84px;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}

.selected-type-card__name {
  font-size: 18px;
  font-weight: 700;
  color: #161516;
}

.selected-type-card__sub {
  font-size: 14px;
  color: #6A7282;
  margin-top: 2px;
}

.selected-type-card__change {
  background: none;
  border: none;
  color: #1FA1FF;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}

.selected-type-card__change:hover {
  text-decoration: underline;
}

/* ══════════════════════════════════════════════════
   Liczba osób
   ══════════════════════════════════════════════════ */

.persons-section {
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 24px;
  padding: 32px;
  margin-bottom: 20px;
}

.persons-section__header {
  margin-bottom: 24px;
}

.persons-section__title {
  font-size: 20px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 4px;
}

.persons-section__sub {
  font-size: 14px;
  color: #6A7282;
}

.persons-section__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.person-count-card {
  cursor: pointer;
}

.person-count-card input {
  display: none;
}

.person-count-card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 16px;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  background: #fff;
  transition: all .15s;
  text-align: center;
}

.person-count-card__icon {
  margin-bottom: 4px;
}

.person-count-card__icon img {
  width: 36px;
  height: auto;
}

.person-count-card__number {
  font-size: 22px;
  font-weight: 700;
  color: #161516;
}

.person-count-card__label {
  font-size: 13px;
  color: #6A7282;
}

.person-count-card:hover .person-count-card__inner {
  border-color: #CBD5E1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.person-count-card--selected .person-count-card__inner {
  border-color: #1FA1FF;
  background: #F0F9FF;
  box-shadow: 0 0 0 3px rgba(31, 161, 255, .1);
}

/* ══════════════════════════════════════════════════
   Niedostępność + alternatywy
   ══════════════════════════════════════════════════ */

.unavail-section {
  margin-bottom: 20px;
}

.unavail-section__msg {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 24px;
  background: #ECE7DE;
  border: 1px solid #D9D9D9;
  border-radius: 16px;
  margin-bottom: 24px;
}

.unavail-section__msg svg {
  flex-shrink: 0;
  color: #D97706;
  margin-top: 2px;
}

.unavail-section__msg strong {
  display: block;
  font-size: 15px;
  color: #161516;
  margin-bottom: 4px;
}

.unavail-section__msg p {
  font-size: 13px;
  color: #6A7282;
  margin: 0;
}

.unavail-section__alternatives h4 {
  font-size: 16px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 16px;
}

.unavail-section__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.alt-card {
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.alt-card__top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.alt-card__icon{
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 231 222 / var(--tw-bg-opacity));
  flex-shrink: 0;
}

.alt-card__icon img {
  width: 32px;
  height: auto;
}

.alt-card__name {
  font-size: 15px;
  font-weight: 600;
  color: #161516;
}

.alt-card__sub {
  font-size: 13px;
  color: #6A7282;
}

.alt-card__btn {
  width: 100%;
  padding: 12px;
  background: #1FA1FF;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}

.alt-card__btn:hover {
  background: #0D8CE0;
}

/* ══════════════════════════════════════════════════
   Okres najmu
   ══════════════════════════════════════════════════ */

.term-section {
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 24px;
  padding: 32px;
  margin-bottom: 20px;
}

.term-section__header {
  margin-bottom: 24px;
}

.term-section__title {
  font-size: 20px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 4px;
}

.term-section__sub {
  font-size: 14px;
  color: #6A7282;
}

.term-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.term-card {
  cursor: pointer;
}

.term-card input {
  display: none;
}

.term-card__inner {
  padding: 24px;
  border: 1.5px solid #E2E8F0;
  border-radius: 16px;
  background: #F9FAFB;
  transition: all .15s;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.term-card__icon {
  color: #6A7282;
  margin-bottom: 4px;
}

.term-card__name {
  font-size: 15px;
  font-weight: 700;
  color: #161516;
}

.term-card__dates {
  font-size: 13px;
  color: #6A7282;
}

.term-card__duration {
  font-size: 13px;
  color: #6A7282;
}

.term-card__duration strong {
  font-weight: 600;
  color: #161516;
}

.term-card__divider {
  width: 100%;
  height: 1px;
  background: #E5E7EB;
  margin: 8px 0;
}

.term-card__price-label {
  font-size: 12px;
  color: #6A7282;
}

.term-card__price {
  font-size: 22px;
  font-weight: 700;
  color: #1FA1FF;
}

.term-card:hover .term-card__inner {
  border-color: #CBD5E1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.term-card--selected .term-card__inner {
  border-color: #1FA1FF;
  background: #F0F9FF;
  box-shadow: 0 0 0 3px rgba(31, 161, 255, .1);
}

/* ══════════════════════════════════════════════════
   Nawigacja etap 1.2
   ══════════════════════════════════════════════════ */

.step-room-details .step-room__nav {
  padding-top: 20px;
}

.reservation__btn--next{
  border-radius: 9999px;
  background: #1FA1FF;
  padding: 14px 32px;
}

.reservation__btn--next:hover {
  background: #0D8CE0;
}

.reservation__btn--prev{
  border-radius: 9999px;
  padding: 14px 32px;
}

/* ══════════════════════════════════════════════════
   Loading text
   ══════════════════════════════════════════════════ */

.loading-text {
  font-size: 14px;
  color: #6A7282;
  padding: 12px 0;
}

/* ══════════════════════════════════════════════════
   Responsywność etap 1.2
   ══════════════════════════════════════════════════ */

@media (max-width: 768px) {
  .selected-type-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
  }

  .persons-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .term-section__grid {
    grid-template-columns: 1fr;
  }

  .unavail-section__grid {
    grid-template-columns: 1fr;
  }
}

/* ── Komunikat błędu na etapie 1.1 ─────────────── */

.stage1-error {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 20px;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-radius: 14px;
  margin-bottom: 20px;
  transition: opacity .2s, transform .2s;
}

.stage1-error__icon {
  flex-shrink: 0;
  margin-top: 2px;
}

.stage1-error strong {
  display: block;
  font-size: 14px;
  color: #B91C1C;
  margin-bottom: 4px;
}

.stage1-error p {
  font-size: 13px;
  color: #6A7282;
  margin: 0;
}

.stage1-error__close {
  flex-shrink: 0;
  margin-left: auto;
  background: none;
  border: none;
  color: #94A3B8;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  transition: color .15s;
}

.stage1-error__close:hover {
  color: #DC2626;
}

/* ── Animacja shake na niedostępnym kafelku ──────── */

@keyframes cardShake {
  0%, 100% {
    transform: translateX(0);
  }

  20%      {
    transform: translateX(-4px);
  }

  40%      {
    transform: translateX(4px);
  }

  60%      {
    transform: translateX(-3px);
  }

  80%      {
    transform: translateX(3px);
  }
}

.room-type-card__inner--shake {
  animation: cardShake .4s ease-in-out;
}

/* ── Karta wybranej liczby osób (etap 1.3) ──── */

.selected-persons-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 24px;
  padding: 20px 32px;
  margin-bottom: 20px;
}

.selected-persons-card__left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.selected-persons-card__icon {
  width: 84px;
  height: 84px;
  background: #D8CFBC;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected-persons-card__icon img {
  width: 30px;
  height: auto;
}

.selected-persons-card__title {
  font-size: 18px;
  font-weight: 700;
  color: #161516;
}

.selected-persons-card__sub {
  font-size: 14px;
  color: #6A7282;
  margin-top: 2px;
}

.term-head{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.person-count-card--disabled {
  pointer-events: none;
}

.person-count-card--disabled .person-count-card__inner {
  opacity: .4;
  background: #FEF2F2;
  border-color: #FECACA;
}

.person-count-card--disabled .person-count-card__unavail {
  font-size: 11px;
  font-weight: 600;
  color: #B91C1C;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-top: 4px;
}

/* =====================
   Layout
   ===================== */

.login-page {
  min-height: calc(100vh - var(--header-height, 70px));
  background: #EBEBEB;
  display: flex;
  flex-direction: column;
}

.login-page .reservation__stepper{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2.75rem;
  padding-right: 2.75rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

@media not all and (min-width: 1536px){
  .login-page .reservation__stepper{
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
  }
}

@media not all and (min-width: 1024px){
  .login-page .reservation__stepper{
    border-radius: 0px;
  }
}

.login-page .reservation__stepper___logo{
  display: flex;
  align-items: center;
}

.login-page .reservation__stepper___lang{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.5rem;
}

.login-page .reservation__stepper___lang a{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.login-page .reservation__stepper___lang a:hover{
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.login-page .reservation__stepper___lang #gt_float_wrapper{
  height: 60px;
  width: 60px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt_float_switcher{
  height: 60px;
  width: 60px;
  overflow: auto;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  font-family: NeueHaasGrotesk, sans-serif !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt_options{
  position: absolute !important;
  right: 0px !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt_options a:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected:hover .gt-lang-code{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected:hover .gt_float_switcher-arrow {
  filter: brightness(3.5);
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang{
  display: flex;
  height: 60px;
  width: 60px;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  border-radius: 9999px;
  padding: 0px;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang img{
  display: none;
}

.pp-rooms-cont_item.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang img {
  display: none;
}

.error-top .error-top-video .video-placeholder.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang img{
  pointer-events: none;
  opacity: 0;
}

.login-page .reservation__stepper___lang #gt_float_wrapper .gt-selected .gt-current-lang .gt_float_switcher-arrow{
  --tw-rotate: 0deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.login-page__main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  position: relative;
}

.login-page__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 700px;
}

/* =====================
   Illustration
   ===================== */

.login-page__illustration {
  position: absolute;
  right: 80px;
  bottom: 68px;
  width: 220px;
  pointer-events: none;
}

/* =====================
   Heading
   ===================== */

.login-page__heading {
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 600;
  color: #111;
  text-align: center;
  margin: 0 0 8px;
  letter-spacing: -0.5px;
}

.login-page__sub {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  color: #666;
  text-align: center;
  margin: 0 0 36px;
  letter-spacing: 0.2px;
}

/* =====================
   Card
   ===================== */

.login-card{
  position: relative;
  z-index: 20;
  background: #fff;
  border-radius: 16px;
  padding: 40px 44px 44px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.07);
}

.login-card__title {
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin: 0 0 6px;
}

.login-card__desc {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  color: #777;
  line-height: 1.55;
  margin: 0 0 28px;
}

.login-card__desc a {
  color: #0099DD;
  text-decoration: none;
}

.login-card__desc a:hover {
  text-decoration: underline;
}

/* =====================
   Error message
   ===================== */

.login-card__error {
  color: #e53e3e;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  margin: 0 0 16px;
}

/* =====================
   Fields
   ===================== */

.login-field {
  margin-bottom: 20px;
}

.login-field__label {
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #222;
  margin-bottom: 7px;
}

.login-field__wrap {
  position: relative;
}

.login-field__input {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  border: 1.5px solid #D8D8D8;
  border-radius: 8px;
  padding: 0 44px 0 14px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  color: #111;
  background: #fff;
  outline: none;
  transition: border-color 0.18s;
}

.login-field__input::-moz-placeholder {
  color: #B0B0B0;
}

.login-field__input::placeholder {
  color: #B0B0B0;
}

.login-field__input:focus {
  border-color: #00C2FF;
}

.login-field__toggle {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #999;
  display: flex;
  align-items: center;
}

.login-field__toggle svg {
  width: 20px;
  height: 20px;
}

/* =====================
   Forgot password & Submit
   ===================== */

.login-card__forgot {
  display: inline-block;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  color: #0099DD;
  text-decoration: none;
  margin-bottom: 26px;
}

.login-card__forgot:hover {
  text-decoration: underline;
}

.login-card__submit {
  display: block;
  width: 100%;
  height: 50px;
  background: linear-gradient(90deg, #1FA1FF 0%, #1DA5FE 7.14%, #1BA8FE 14.29%, #19ACFD 21.43%, #17B0FC 28.57%, #15B3FB 35.71%, #13B7FA 42.86%, #11BAFA 50%, #0EBEF9 57.14%, #0CC2F8 64.29%, #09C5F7 71.43%, #06C9F6 78.57%, #04CCF5 85.71%, #02D0F4 92.86%, #00D3F3 100%);
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  letter-spacing: 0.3px;
  transition: opacity 0.18s, transform 0.14s;
}

.login-card__submit:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

.login-card__submit:active {
  transform: translateY(0);
}

/* =====================
   Footer strip
   ===================== */

.login-page__footer-strip {
  background: #111;
  border-radius: 32px 32px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
}

.login-page__footer-logo {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px;
  color: #fff;
  letter-spacing: 2px;
}

/* =====================
   Responsive
   ===================== */

@media (max-width: 600px) {
  .login-card {
    padding: 28px 22px 32px;
  }

  .login-page__illustration {
    display: none;
  }
}

/* ══════════════════════════════════════════════════
   KROK 2 — Dane osobowe
   ══════════════════════════════════════════════════ */

.step-personal{
  padding-bottom: 2.5rem;
}

@media (min-width: 640px){
  .step-personal{
    padding-bottom: 5rem;
  }
}

.step-personal__layout{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1200px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){
  .step-personal__layout{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.step-personal__layout {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 28px;
  align-items: start;
}

.step-personal__form {
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 32px;
  padding: 48px 56px;
}

.step-personal__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 36px;
}

.step-personal__title {
  font-size: 36px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 8px;
}

.step-personal__subtitle {
  font-size: 14px;
  color: #6A7282;
  line-height: 1.5;
}

.step-personal__contract-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1FA1FF;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  transition: color .15s;
}

.step-personal__contract-link:hover {
  color: #0D8CE0;
}

/* ── Sekcje formularza ──────────────── */

.step-personal__section {
  margin-bottom: 22px;
}

.step-personal__section:last-of-type {
  border-bottom: none;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.step-personal__section-title {
  font-size: 18px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 20px;
}

.step-personal__section-sub {
  font-size: 13px;
  color: #6A7282;
  margin-top: -12px;
  margin-bottom: 20px;
}

.step-personal__optional {
  font-weight: 400;
  color: #94A3B8;
  font-size: 14px;
}

/* ── Pola ───────────────────────────── */

.step-personal__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

.step-personal__row:last-child {
  margin-bottom: 0;
}

.step-personal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.step-personal__label {
  font-size: 13px;
  font-weight: 600;
  color: #161516;
}

.step-personal__input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: #F8FAFC;
  font-size: 14px;
  color: #161516;
  transition: border-color .15s, box-shadow .15s;
  outline: none;
  font-family: inherit;
}

.step-personal__input::-moz-placeholder {
  color: #94A3B8;
}

.step-personal__input::placeholder {
  color: #94A3B8;
}

.step-personal__input:focus {
  border-color: #1FA1FF;
  box-shadow: 0 0 0 3px rgba(31, 161, 255, .1);
  background: #fff;
}

.step-personal__input.step-personal__input--error {
  border-color: #DC2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .08);
}

.step-personal__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 40px;
  cursor: pointer;
}

.step-personal__select--full {
  width: 100%;
}

.step-personal__textarea {
  resize: vertical;
  min-height: 100px;
}

.step-personal__hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 12px;
  color: #6A7282;
}

.step-personal__hint svg {
  flex-shrink: 0;
  color: #16A34A;
}

/* ── Info wieloosobowy ──────────────── */

.step-personal__multi-info {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 20px;
  background: #1FA1FF1A;
  border-radius: 14px;
  margin-bottom: 24px;
}

.step-personal__multi-info svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.step-personal__multi-info p {
  font-size: 13px;
  color: #6A7282;
  line-height: 1.5;
  margin: 0;
}

.step-personal__multi-info p strong {
  color: #161516;
}

/* ── Nawigacja ──────────────────────── */

.step-personal__nav{
  border-style: none;
  margin-top: 8px;
}

/* ══════════════════════════════════════════════════
   Sidebar — Podsumowanie
   ══════════════════════════════════════════════════ */

.summary-card {
  background: #D8CFBC;
  border-radius: 24px;
  padding: 32px;
  position: sticky;
  top: 24px;
}

.summary-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.summary-card__title {
  font-size: 18px;
  font-weight: 700;
  color: #161516;
}

.summary-card__edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  color: #1FA1FF;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: color .15s;
}

.summary-card__edit:hover {
  color: #0D8CE0;
}

/* ── Typ pokoju ─────────────────── */

.summary-card__room {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.summary-card__room-img {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}

.summary-card__room-name {
  font-size: 16px;
  font-weight: 700;
  color: #161516;
}

.summary-card__room-sub {
  font-size: 13px;
  color: #6A7282;
  margin-top: 2px;
}

/* ── Szczegóły ──────────────────── */

.summary-card__details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.summary-card__detail {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.summary-card__detail svg {
  flex-shrink: 0;
  color: #6A7282;
  margin-top: 2px;
}

.summary-card__detail strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #161516;
}

.summary-card__detail span {
  display: block;
  font-size: 12px;
  color: #000000;
  margin-top: 2px;
}

/* ── Ceny ───────────────────────── */

.summary-card__pricing {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.summary-card__price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}

.summary-card__price-row span {
  color: #161516;
}

.summary-card__price-row strong {
  color: #161516;
  font-weight: 600;
}

/* ── Total ──────────────────────── */

.summary-card__total {
  margin-bottom: 16px;
}

.summary-card__total-box{
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
}

.summary-card__total-box___price{
  display: flex;
  justify-content: space-between;
}

.summary-card__total-box span {
  font-size: 14px;
  font-weight: 600;
  color: #161516;
}

.summary-card__total-box strong {
  font-size: 24px;
  font-weight: 800;
  color: #1FA1FF;
}

.summary-card__total-note {
  font-size: 12px;
  color: #4A5565;
  margin: 2px 0 0;
}

/* ── Info ───────────────────────── */

.summary-card__info {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 14px 16px;
  background: #F9FAFB;
  border-radius: 8px;
  margin-bottom: 20px;
}

.summary-card__info svg{
  margin-top: 0.125rem;
  flex-shrink: 0;
}

.summary-card__info p {
  font-size: 12px;
  color: #4A5565;
  line-height: 1.5;
  margin: 0;
}

/* ── Przycisk ───────────────────── */

.summary-card__submit {
  width: 100%;
  padding: 16px;
  background: #1FA1FF;
  color: #fff;
  border: none;
  border-radius: 9999px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}

.summary-card__submit:hover {
  background: #0D8CE0;
}

.summary-card__submit:disabled {
  opacity: .4;
  cursor: not-allowed;
}

/* ══════════════════════════════════════════════════
   Walidacja — pola z błędami
   ══════════════════════════════════════════════════ */

.step-personal__field-error {
  font-size: 12px;
  color: #DC2626;
  margin-top: 4px;
}

/* ══════════════════════════════════════════════════
   Responsywność
   ══════════════════════════════════════════════════ */

@media (max-width: 900px) {
  .step-personal__layout {
    grid-template-columns: 1fr;
  }

  .summary-card {
    position: static;
  }
}

@media (max-width: 600px) {
  .step-personal__form {
    padding: 28px 24px;
  }

  .step-personal__row {
    grid-template-columns: 1fr;
  }

  .step-personal__header {
    flex-direction: column;
    gap: 12px;
  }
}

/* ══════════════════════════════════════════════════
   KROK 3 — Dodatki / Usługi
   ══════════════════════════════════════════════════ */

.step-extras{
  padding-bottom: 60px;
}

.step-extras .step-personal__nav{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem !important;
  width: 100%;
  max-width: 1200px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.step-extras__form {
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 32px;
  padding: 48px 56px;
}

.step-extras__header {
  margin-bottom: 32px;
}

.step-extras__title {
  font-size: 36px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 8px;
}

.step-extras__subtitle {
  font-size: 16px;
  color: #6A7282;
}

.step-extras__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ── Karta usługi ──────────────────────── */

.extras-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 32px;
  border: 1px solid #D9D9D9;
  border-radius: 24px;
  background: #fff;
  transition: all .2s;
  cursor: pointer;
}

.extras-card:hover {
  border-color: #CBD5E1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

/* ── Zaznaczony ────────────────── */

.extras-card--selected {
  border-color: #1FA1FF;
  background: #EFF6FF;
}

.extras-card--selected .extras-card__toggle-icon {
  background: #161516;
  border-color: #161516;
  color: #fff;
}

/* ── Obrazek ───────────────────── */

.extras-card__img {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}

.extras-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* ── Treść ─────────────────────── */

.extras-card__content {
  flex: 1;
  min-width: 0;
}

.extras-card__name{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #161516;
  margin-bottom: 4px;
}

.extras-card__desc {
  font-size: 14px;
  color: #6A7282;
  line-height: 1.4;
}

/* ── Prawa strona (cena + badge) ── */

.extras-card__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  flex-shrink: 0;
  white-space: nowrap;
}

.extras-card__price {
  font-size: 20px;
  font-weight: 700;
  color: #161516;
}

.extras-card__badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
}

.extras-card__badge--once {
  background: #DCFCE7;
  color: #16A34A;
}

.extras-card__badge--monthly {
  background: #DBEAFE;
  color: #2563EB;
}

/* ── Przycisk toggle ───────────── */

.extras-card__toggle {
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.extras-card__toggle-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid #1FA1FF;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1FA1FF;
  transition: all .2s;
}

/* ── Responsywność ─────────────────────── */

/* ── Responsywność ─────────────────────── */

@media (max-width: 768px) {
  .step-extras__form {
    padding: 28px 24px;
  }

  .extras-card {
    display: grid;
    grid-template-columns: 60px 1fr auto;
    grid-template-areas:
            "img content toggle"
            "img right   toggle";
    align-items: center;
    gap: 8px 12px;
    padding: 16px;
  }

  .extras-card__img {
    grid-area: img;
    width: 60px;
    height: 60px;
    align-self: start;
  }

  .extras-card__content {
    grid-area: content;
  }

  .extras-card__name {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .extras-card__desc {
    font-size: 13px;
    /* ucinanie do 2 linii, żeby karta nie rosła w nieskończoność */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .extras-card__right {
    grid-area: right;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
  }

  .extras-card__price {
    font-size: 16px;
  }

  .extras-card__toggle {
    grid-area: toggle;
    align-self: center;
  }

  .extras-card__toggle-icon {
    width: 36px;
    height: 36px;
  }
}

/* ══════════════════════════════════════════════════
   KROK 4 — Podsumowanie rezerwacji
   ══════════════════════════════════════════════════ */

.step-summary{
  padding-bottom: 60px;
}

.step-summary__form {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 32px;
  padding: 48px 56px;
}

.step-summary__header {
  margin-bottom: 36px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f1f5f9;
}

.step-summary__title {
  font-size: 28px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 8px;
}

.step-summary__subtitle {
  font-size: 14px;
  color: #6a7282;
}

/* ── Box z danymi (dane osobowe) ───────── */

.res-box-content{
  margin-bottom: 1.25rem;
  border-radius: 20px;
  padding: 2rem;
  box-shadow:
    0px 4px 6px -4px rgba(16, 24, 40, 0.1),
    0px 10px 15px -3px rgba(16, 24, 40, 0.1);
}

.res-box-content_head{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.res-box-content_head h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.res-box-content_head button{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  background: none;
  border: none;
  cursor: pointer;
}

.res-box-content_head button:hover {
  text-decoration: underline;
}

.res-box-content_info{
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.res-box-content_info__box{
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.res-box-content_info__box h4{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.res-box-content_info__box p{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

/* ── Box apartamentu ───────────────────── */

.res-box-room {
  display: flex;
  gap: 24px;
  margin-top: 20px;
}

.res-box-room__img {
  width: 160px;
  height: 160px;
  border-radius: 16px;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

.res-box-room__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.res-box-room__name {
  font-size: 18px;
  font-weight: 700;
  color: #161516;
}

.res-box-room__sub {
  font-size: 14px;
  color: #6a7282;
}

.res-box-room__details {
  display: flex;
  gap: 24px;
  margin-top: 8px;
}

.res-box-room__detail {
  display: flex;
  align-items: center;
  gap: 8px;
}

.res-box-room__detail svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.res-box-room__detail span {
  display: block;
  font-size: 12px;
  color: #161516;
}

.res-box-room__detail strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #161516;
}

.res-box-room__dates {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #f1f5f9;
}

.res-box-room__dates span {
  font-size: 12px;
  color: #161516;
  display: block;
  margin-bottom: 2px;
}

.res-box-room__dates strong {
  font-size: 13px;
  font-weight: 600;
  color: #161516;
}

/* ── Opłaty (dwa boxy obok siebie) ─────── */

.res-box-fees {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 20px;
}

.res-box-fees__col{
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow:
      0px 4px 6px -4px rgba(16, 24, 40, 0.1),
      0px 10px 15px -3px rgba(16, 24, 40, 0.1);
}

.res-box-fees__col h3 {
  font-size: 16px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 16px;
}

.res-box-fees__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}

.res-box-fees__row:last-child {
  border-bottom: none;
}

.res-box-fees__row div strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #161516;
}

.res-box-fees__row div span {
  display: block;
  font-size: 12px;
  color: #6a7282;
  margin-top: 2px;
}

.res-box-fees__row > strong {
  font-size: 14px;
  font-weight: 700;
  color: #161516;
  white-space: nowrap;
}

.res-box-fees__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 2px solid #e5e7eb;
}

.res-box-fees__total span {
  font-size: 14px;
  font-weight: 600;
  color: #161516;
}

.res-box-fees__total strong {
  font-size: 18px;
  font-weight: 800;
  color: #1fa1ff;
}

/* ── Sidebar — tekst prawny ────────────── */

.summary-card__legal {
  font-size: 11px;
  color: #6a7282;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 16px;
}

#step4-summary .summary-card__header{
  margin-bottom: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(22 21 22 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
}

#step4-summary .summary-card__pricing{
  margin-bottom: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(22 21 22 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

#step4-summary .summary-card__total-box___price{
  align-items: center;
}

#step4-summary .summary-card__total-box___price span{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

/* ── Kod rabatowy ──────────────────────── */

.summary-card__discount {
  margin-bottom: 16px;
}

.summary-card__discount-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #161516;
  cursor: pointer;
  padding: 10px 0;
}

.summary-card__discount-toggle:hover {
  color: #1fa1ff;
}

.summary-card__discount-arrow {
  margin-left: auto;
  transition: transform 0.2s;
}

.summary-card__discount-arrow--open {
  transform: rotate(180deg);
}

.summary-card__discount-form {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.summary-card__discount-input {
  flex: 1;
  padding: 10px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  background: #f8fafc;
  outline: none;
}

.summary-card__discount-input:focus {
  border-color: #1fa1ff;
  box-shadow: 0 0 0 3px rgba(31, 161, 255, 0.1);
}

.summary-card__discount-btn {
  padding: 10px 16px;
  background: #161516;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.summary-card__discount-btn:hover {
  background: #333;
}

/* ── Checkboxy akceptacji ──────────────── */

.summary-card__terms {
  margin-top: 20px;
  padding-top: 16px;
}

.summary-card__terms h4 {
  font-size: 14px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 12px;
}

.summary-card__checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 12px;
  color: #6a7282;
  line-height: 1.5;
}

.summary-card__checkbox input[type="checkbox"] {
  display: none;
}

.summary-card__checkbox strong {
  color: #161516;
}

.summary-card__checkbox a {
  color: #1fa1ff;
  text-decoration: none;
}

.summary-card__checkbox a:hover {
  text-decoration: underline;
}

.summary-card__checkmark {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1.5px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
  margin-top: 1px;
}

.summary-card__checkmark::after {
  content: "";
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4.5 8.5L11 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
      center/contain no-repeat;
  opacity: 0;
  transition: opacity 0.15s;
}

.summary-card__checkbox input:checked + .summary-card__checkmark {
  background: #161516;
  border-color: #161516;
}

.summary-card__checkbox input:checked + .summary-card__checkmark::after {
  opacity: 1;
}

/* ── Responsywność ─────────────────────── */

@media (max-width: 768px) {
  .step-summary__form {
    padding: 28px 24px;
  }

  .res-box-content_info {
    flex-direction: column;
  }

  .res-box-room {
    flex-direction: column;
  }

  .res-box-room__img {
    width: 100%;
    height: 180px;
  }

  .res-box-room__details {
    flex-direction: column;
    gap: 12px;
  }

  .res-box-fees {
    grid-template-columns: 1fr;
  }
}

.summary-card__discount-feedback {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 6px;
  margin-top: 8px;
  line-height: 1.5;
}

.summary-card__discount-feedback--ok {
  color: #0f6e56;
  background: #e1f5ee;
}

.summary-card__discount-feedback--err {
  color: #a32d2d;
  background: #fcebeb;
}

.summary-card__discount-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 12px;
  background: #e1f5ee;
  border: 1px solid #9fe1cb;
  border-radius: 8px;
  margin-top: 8px;
  margin-bottom: 10px;
}

.summary-card__discount-badge-label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 500;
  color: #0f6e56;
}

.summary-card__discount-badge-remove {
  background: none;
  border: none;
  cursor: pointer;
  color: #0f6e56;
  padding: 2px;
  display: flex;
  align-items: center;
  opacity: 0.7;
  transition: opacity 0.15s;
}

.summary-card__discount-badge-remove:hover {
  opacity: 1;
}

.summary-card__price-row--discount strong {
  color: #0f6e56;
}

/* ══════════════════════════════════════════════════
   KROK 5 — Sukces płatności
   ══════════════════════════════════════════════════ */

.step-success{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  width: 100%;
  max-width: 1200px;
  border-radius: 32px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .step-success{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.step-success__hero{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.75rem;
  padding-top: 4rem;
}

.step-success__title {
  font-size: 36px;
  font-weight: 700;
  color: #161516;
  margin-bottom: 12px;
}

.step-success__subtitle {
  font-size: 16px;
  color: #6a7282;
  line-height: 1.5;
}

.step-success__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 48px;
}

/* ── Co dalej — 3 kroki ──────────────── */

.next-steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}

.next-step {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  transition: box-shadow 0.15s;
}

.next-step:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.next-step__icon{
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #e8f7ff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.next-step__content {
  flex: 1;
  min-width: 0;
}

.next-step__content p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  margin: 0;
}

.next-step__label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  display: block;
  margin-bottom: 2px;
}

.next-step__btn{
  flex-shrink: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  border: 1px solid #d1d5db;
  border-radius: 50px;
  background: #fff;
  text-decoration: none;
  transition: all 0.15s;
}

.next-step__btn:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
}

/* ── Invite box (w step 5) ────────────── */

.invite-box {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 28px;
  background: #e8f7ff;
  border: 2px solid #1fa1ff;
  border-radius: 20px;
  margin-top: 8px;
}

.invite-box__icon{
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.invite-box__text {
  flex: 1;
}

.invite-box__text strong{
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-box__text p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  margin: 2px 0 0;
}

.invite-box__btn{
  flex-shrink: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background: #1fa1ff;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background 0.15s;
}

.invite-box__btn:hover {
  background: #0d8ce0;
}

/* ══════════════════════════════════════════════════
   STRONA ZAPROSZENIA
   ══════════════════════════════════════════════════ */

.invite-page{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.5rem;
  width: 100%;
  max-width: 960px;
  border-radius: 32px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
  padding-bottom: 4rem;
}

.invite-page__hero{
  padding-top: 3rem;
  padding-bottom: 2rem;
  text-align: center;
}

.invite-page__hero h2 {
  font-size: 32px;
  font-weight: 800;
  color: #161516;
  margin: 0 0 8px;
}

.invite-page__hero p{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  margin: 0;
}

/* ── Jak to działa ────────────── */

.invite-page__how{
  margin-bottom: 2rem;
  text-align: center;
}

.invite-page__how-icon{
  margin-bottom: 0.75rem;
}

.invite-page__how h3{
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-page__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 640px) {
  .invite-page__steps {
    grid-template-columns: 1fr
  }
}

.invite-page__step-card{
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  text-align: left;
}

.invite-page__step-card strong{
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-page__step-card p{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  margin: 0;
}

.invite-page__step-num{
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(31 161 255 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* ── Szczegóły apartamentu ────── */

.invite-page__apartment{
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}

.invite-page__apartment h3{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-page__apartment-info {
  display: flex;
  gap: 48px;
  padding: 18px 24px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #f9f9f9;
}

.invite-page__apartment-info div span{
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.invite-page__apartment-info div strong{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-page__price {
  color: #1fa1ff !important;
}

/* ── Notice ───────────────────── */

.invite-page__notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 18px;
  background: #f0f0f5;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 24px;
}

.invite-page__notice svg{
  margin-top: 0.125rem;
  flex-shrink: 0;
}

.invite-page__notice p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  margin: 0;
}

/* ── Formularz ────────────────── */

.invite-page__form{
  margin-bottom: 1.25rem;
}

.invite-page__label{
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-page__input-row{
  margin-bottom: 0.5rem;
}

.invite-page__input{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  outline: none;
  transition: border-color 0.15s;
}

.invite-page__input:focus {
  border-color: #1fa1ff;
  box-shadow: 0 0 0 3px rgba(31, 161, 255, 0.1);
}

.invite-page__input::-moz-placeholder {
  color: #9ca3af;
}

.invite-page__input::placeholder {
  color: #9ca3af;
}

.invite-page__add-btn{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 0;
}

.invite-page__add-btn:hover {
  text-decoration: underline;
}

/* ── FAQ ───────────────────────── */

.invite-page__faq{
  margin-bottom: 2rem;
  padding: 20px 24px;
  background: #ebf5ff;
  border-radius: 16px;
}

.invite-page__faq h4{
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-page__faq ul{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  margin: 0;
  padding-left: 20px;
}

.invite-page__faq ul li {
  margin-bottom: 4px;
}

/* ── Submit ────────────────────── */

.invite-page__submit{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding: 16px;
  background: #1fa1ff;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background 0.15s;
}

.invite-page__submit:hover {
  background: #0d8ce0;
}

/* ── Tip ───────────────────────── */

.invite-page__tip {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 18px;
  background: #fffbeb;
  border-radius: 12px;
  margin-top: 16px;
}

.invite-page__tip svg{
  margin-top: 0.125rem;
  flex-shrink: 0;
}

.invite-page__tip p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
  margin: 0;
}

/* ── Reset btn ─────────────────── */

.invite-page__reset{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.invite-page__reset:hover {
  color: #161516;
}

@media (max-width: 600px) {
  .step-success__hero {
    padding: 36px 24px;
  }

  .step-success__title {
    font-size: 24px;
  }

  .next-step {
    flex-wrap: wrap;
  }

  .next-step__btn{
    width: 100%;
    text-align: center;
  }

  .invite-box {
    flex-direction: column;
    text-align: center;
  }

  .invite-page__hero h2 {
    font-size: 24px;
  }
}

/* ── Invite banner (krok 2 - info o zaproszeniu) ── */

.invite-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 24px;
  background: #e8f7ff;
  border: 2px solid #1fa1ff;
  border-radius: 16px;
  margin-bottom: 24px;
}

.invite-banner__icon {
  font-size: 24px;
  flex-shrink: 0;
}

.invite-banner__text strong{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-banner__text p{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  margin: 2px 0 0;
}

/* ── Invite expired ──────────────────────────── */

.invite-expired{
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}

.invite-expired__icon {
  font-size: 48px;
  margin-bottom: 16px;
}

.invite-expired h2{
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-expired p{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  margin-bottom: 8px;
}

.invite-expired p a{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  text-decoration: none;
}

.invite-expired p a:hover {
  text-decoration: underline;
}

.invite-sent {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 28px;
  background: #ecfdf5;
  border: 2px solid #10b981;
  border-radius: 20px;
}

.invite-sent__icon {
  font-size: 28px;
  flex-shrink: 0;
}

.invite-sent__text strong{
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.invite-sent__text p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  margin: 4px 0 0;
}

.error-top{
  margin-top: 110px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 2.5rem;
  padding-top: 1.25rem;
}

@media (min-width: 640px){
  .error-top{
    margin-top: 110px;
  }
}

@media (min-width: 1024px){
  .error-top{
    flex-direction: row;
    gap: 1.25rem;
  }
}

@media (min-width: 1536px){
  .error-top{
    margin-top: 160px;
    align-items: center;
  }
}

.error-top .error-top-title h1{
  position: relative;
  display: flex;
  width: 100%;
  max-width: 480px;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 36px;
  line-height: 50px;
}

@media (min-width: 640px){
  .error-top .error-top-title h1{
    font-size: 44px;
    line-height: 66px;
  }
}

@media (min-width: 1024px){
  .error-top .error-top-title h1{
    gap: 2rem;
  }
}

@media (min-width: 1280px){
  .error-top .error-top-title h1{
    font-size: 44px;
  }
}

@media (min-width: 1350px){
  .error-top .error-top-title h1{
    font-size: 60px;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-title h1{
    font-size: 78px;
    line-height: 86px;
  }
}

.error-top .error-top-title h2{
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.error-top .error-top-title h2 svg{
  margin-right: 0.25rem;
}

.error-top .error-top-title p{
  margin-top: 1.25rem;
  width: 100%;
  max-width: 528px;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.error-top .error-top-title a{
  margin-top: 2rem;
}

@media not all and (min-width: 409px){
  .error-top .error-top-title a{
    width: 100%;
  }
}

@media (min-width: 640px){
  .error-top .error-top-title a{
    margin-top: 2rem;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-title a{
    margin-top: 3rem;
  }
}

.error-top .error-top-title_btns{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media not all and (min-width: 1280px){
  .error-top .error-top-title_btns{
    flex-direction: column;
    align-items: flex-start;
  }
}

.error-top .error-top-video{
  position: relative;
  min-height: 390px;
  width: 100%;
  overflow: hidden;
}

@media not all and (min-width: 1536px){
  .error-top .error-top-video{
    max-height: 390px;
  }
}

@media (min-width: 1024px){
  .error-top .error-top-video{
    max-width: 580px;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-video{
    min-height: 580px;
    max-width: 680px;
  }
}

.error-top .error-top-video .video-placeholder{
  position: absolute;
  inset: 0px;
  z-index: 5;
  height: 100%;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.error-top .error-top-video .video-placeholder.hidden{
  pointer-events: none;
  opacity: 0;
}

.error-top .error-top-video video{
  min-height: 440px;
  width: 100%;
  border-radius: 35px;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 1px;
}

@media not all and (min-width: 1024px){
  .error-top .error-top-video video{
    max-height: 460px;
  }
}

@media (min-width: 640px){
  .error-top .error-top-video video{
    min-height: 390px;
  }
}

@media (min-width: 1024px){
  .error-top .error-top-video video{
    max-width: 580px;
  }
}

@media (min-width: 1350px){
  .error-top .error-top-video video{
    max-width: 680px;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-video video{
    min-height: 580px;
  }
}

.error-top .error-top-video video{
  opacity: 0;
}

.error-top .error-top-video video.loaded{
  opacity: 1;
}

.error-top .error-top-video .frame-one{
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 10;
  width: 54px;
}

@media (min-width: 640px){
  .error-top .error-top-video .frame-one{
    width: 70px;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-video .frame-one{
    width: 80px;
  }
}

.error-top .error-top-video .frame-two{
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 10;
  width: 88px;
}

@media (min-width: 640px){
  .error-top .error-top-video .frame-two{
    width: 102px;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-video .frame-two{
    width: 206px;
  }
}

.error-top .error-top-video .frame-three{
  position: absolute;
  bottom: -1px;
  right: -1px;
  z-index: 10;
  width: 40px;
}

@media (min-width: 640px){
  .error-top .error-top-video .frame-three{
    width: 50px;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-video .frame-three{
    width: 68px;
  }
}

.error-top .error-top-video .frame-four{
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 10;
  width: 52px;
}

@media (min-width: 640px){
  .error-top .error-top-video .frame-four{
    width: 60px;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-video .frame-four{
    width: 70px;
  }
}

.error-top .error-top-video iframe{
  min-height: 390px;
  width: 100%;
  max-width: 580px;
  padding: 1px;
}

@media (min-width: 1350px){
  .error-top .error-top-video iframe{
    max-width: 680px;
  }
}

@media (min-width: 1536px){
  .error-top .error-top-video iframe{
    min-height: 580px;
  }
}

.error-top .error-top-video .hero-image{
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* ══════════════════════════════════════════════════
   USER DASHBOARD
   ══════════════════════════════════════════════════ */

.user-dashboard-page{
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 100%);
}

.user-dashboard-page #wpadminbar{
  display: none !important;
}

.user-dashboard-page_head{
  display: flex;
  height: 72px;
  align-items: center;
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
  background: linear-gradient(90deg, #0F172B 0%, #1D293D 50%, #0F172B 100%);
  box-shadow: 
        0px 8px 10px -6px rgba(0, 0, 0, 0.1),
        0px 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.ud{
  display: flex;
  min-height: 100vh;
  background: #eff6ffc5;
}

/* ── SIDEBAR ──────────────────────────────────── */

.ud__sidebar{
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  padding: 1.5rem;
  width: 320px;
  background: #fff;
  border-right: 1px solid #E5E7EB;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}

.side-bar-cont{
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 238 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.ud__sidebar-user{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 12px;
  color: #161516;
}

.ud__sidebar-avatar{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1FA1FF;
  color: #fff;
}

.ud__sidebar-avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.ud__sidebar-info {
  min-width: 0;
}

.ud__sidebar-info strong{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__sidebar-info span{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__sidebar-actions{
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.ud__sidebar-actions a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  text-decoration-line: none;
  padding: 6px 12px;
  border: 1px solid #0000001A;
  border-radius: 8px;
  transition: all .15s;
}

.ud__sidebar-actions a:hover {
  border-color: #1FA1FF;
  color: #1FA1FF;
}

.ud__sidebar-actions .ud__sidebar-settings {
  flex: 1;
}

.ud__sidebar-actions .ud__sidebar-logout {
  padding: 6px 10px;
}

/* ── NAV ──────────────────────────────────────── */

.ud__nav{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding-top: 1.5rem;
}

.ud__nav-item{
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-decoration-line: none;
  padding: 10px 14px;
  border-radius: 14px;
  color: #374151;
  transition: all .15s;
}

.ud__nav-item .ud-icon-nav{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  border-width: 1px;
  border-style: solid;
  border-color: #1fa2ff31;
  background-color: #1fa2ff31;
}

.ud__nav-item::after{
  position: absolute;
  top: 50%;
  right: 0.75rem;
  height: 2rem;
  width: 0.375rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  background-color: #FFFFFF66;
  content: "";
}

.ud__nav-item svg {
  flex-shrink: 0;
}

.ud__nav-item:hover {
  background: #F3F4F6;
  color: #161516;
}

.ud__nav-item--active {
  background: linear-gradient(90deg, #1FA1FF 0%, #00D3F3 100%) !important;
  color: #fff !important;
}

.ud__nav-item--active .ud-icon-nav{
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff7c;
  background-color: #FFFFFF33;
  box-shadow: 0px 2px 16px 0px rgba(255, 255, 255, 0.3);
}

.ud__nav-item--active svg {
  filter: brightness(5555);
}

.ud__nav-item--active:hover {
}

.ud__sidebar-help{
  margin-top: auto;
  padding-top: 2rem;
  text-align: center;
}

.ud__sidebar-help img{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}

.ud__sidebar-help p{
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__sidebar-help a{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.ud__sidebar-help a:hover {
  text-decoration: underline;
}

/* ── MAIN CONTENT ─────────────────────────────── */

.ud__main{
  flex: 1 1 0%;
  background-color: transparent;
  padding: 2rem;
}

/* ── HEADER ───────────────────────────────────── */

.ud__header{
  margin-bottom: 1.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.ud__header h1{
  font-size: 32px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__header p{
  margin-top: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__header-date{
  text-align: right;
}

.ud__header-date span{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__header-date strong{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

/* ── APARTMENT CARD ───────────────────────────── */

.ud__apartment-card{
  margin-bottom: 1.25rem;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(135deg, #1FA1FF 0%, #00D3F3 100%);
  box-shadow: 
  0px 8px 10px -6px rgba(43, 127, 255, 0.15),
  0px 20px 25px -5px rgba(43, 127, 255, 0.15);
}

.ud__apartment-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
}

.ud__apartment-header span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: rgb(255 255 255 / 0.8);
}

.ud__apartment-header___ico{
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: #FFFFFF33;
}

.ud__apartment-body{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.25rem;
  padding-top: 0.75rem;
}

.ud__apartment-room h2{
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ud__apartment-room p{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(255 255 255 / 0.7);
}

.ud__apartment-mates{
  flex: 1 1 0%;
}

.ud__apartment-mates > span{
  margin-bottom: 0.25rem;
  display: block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ud__apartment-mates > p{
  color: rgb(255 255 255 / 0.7);
}

.ud__apartment-avatars{
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.ud__avatar-circle{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.ud__invite-btn{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  padding: 6px 14px;
  background: #fff;
  border-radius: 4px;
  margin-left: 4px;
  transition: background .15s;
}

.ud__invite-btn span{
  padding-right: 0.5rem;
}

.ud__invite-btn:hover {
  background: #E8F7FF;
}

.ud__apartment-pending{
  margin-top: auto;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-style: italic;
  color: rgb(255 255 255 / 0.8);
  padding: 9px 16px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.ud__pending-ring {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-top-color: rgba(255, 255, 255, 0.8);
  animation: pending-spin 0.9s linear infinite;
  flex-shrink: 0;
}

@keyframes pending-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ── STAT CARDS ───────────────────────────────── */

.ud__stats{
  margin-bottom: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .ud__stats{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* ── Do ogarnięcia ────────────────────────────── */

.ud-card-to-pay{
  margin-bottom: 2rem;
}

.ud__todo-list{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ud__todo-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background: linear-gradient(90deg, #F0F0EE 0%, #F0F0EE 100%);
  border-radius: 14px;
  border: 1px solid #E5E7EB;
}

.ud__todo-item--overdue {
  border-color: #FCA5A5;
  background: #FEF2F2;
}

.ud__todo-info strong{
  display: block;
  font-size: 15px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__todo-info span{
  margin-top: 0.125rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__todo-right{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ud__todo-amount{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__todo-pay-btn{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background: linear-gradient(135deg, #1FA1FF, #00D4FF);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
}

.ud__todo-pay-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(31, 161, 255, 0.3);
}

/* ── Modal płatności ──────────────────────────── */

.ud__pay-modal-overlay{
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.ud__pay-modal{
  position: relative;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: 540px;
  max-width: 95vw;
  max-height: 90vh;
  overflow-y: auto;
  padding: 32px;
  scrollbar-width: none;
}

.ud__pay-modal h3{
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__pay-modal-close{
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #9CA3AF;
}

.ud__pay-modal-close:hover {
  color: #161516;
}

.ud__pay-modal-sub{
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__pay-modal-amount{
  margin-bottom: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  background: #F5F5F5;
  border-radius: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__pay-modal-amount strong{
  margin-top: 0.25rem;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

/* ── Opcje płatności ──────────────────────────── */

.ud__pay-option {
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all .15s;
  overflow: hidden;
}

.ud__pay-option:hover {
  border-color: #1FA1FF;
}

.ud__pay-option-header{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 16px 20px;
}

.ud__pay-option-icon{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: #F5F5F5;
  border-radius: 12px;
}

.ud__pay-option-text {
  flex: 1;
}

.ud__pay-option-text strong{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__pay-option-text span{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__pay-option-badge{
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.ud__pay-option-badge--free {
  background: #ECFDF5;
  color: #10B981;
}

.ud__pay-option-badge--fee {
  background: #FEF3C7;
  color: #92400E;
}

/* ── Transfer details ─────────────────────────── */

.ud__pay-transfer-details {
  padding: 0 20px 20px;
  border-top: 1px solid #E5E7EB;
}

.ud__pay-transfer-info{
  margin-top: 1rem;
}

.ud__pay-transfer-row{
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.ud__pay-transfer-row span{
  min-width: 100px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__pay-transfer-row strong{
  flex: 1 1 0%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__pay-copy {
  background: none;
  border: none;
  cursor: pointer;
  color: #9CA3AF;
  padding: 4px;
}

.ud__pay-copy:hover {
  color: #1FA1FF;
}

/* ── QR Code ──────────────────────────────────── */

.ud__pay-qr{
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  text-align: center;
  border-top: 1px solid #E5E7EB;
}

.ud__pay-qr p{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.75rem;
  max-width: 280px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__pay-qr{
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  text-align: center;
  border-top: 1px solid #E5E7EB;
}

.ud__pay-qr p{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.75rem;
  max-width: 280px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__pay-qr #payQrCanvas{
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.ud__pay-qr #payQrCanvas canvas {
  display: none !important;
}

.ud__pay-qr #payQrCanvas img {
  display: block !important;
  width: 160px;
  height: 160px;
  border-radius: 12px;
  border: 1px solid #E5E7EB;
}

.ud__pay-copy-all{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding: 12px;
  background: #F5F5F5;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  cursor: pointer;
  color: #374151;
  transition: all .15s;
}

.ud__pay-copy-all:hover {
  background: #E8F7FF;
  border-color: #1FA1FF;
  color: #1FA1FF;
}

.ud__pay-qr-box{
  display: inline-block;
  width: 160px;
  height: 160px;
  background: #F5F5F5;
  border-radius: 12px;
  border: 1px solid #E5E7EB;
}

.ud__pay-modal-note{
  margin-top: 1rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.ud__stat-card{
  display: flex;
  height: 192px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  border: 1px solid #E2E8F0;
  box-shadow: 
  0px 8px 10px -6px rgba(0, 0, 0, 0.05),
  0px 20px 25px -5px rgba(0, 0, 0, 0.05);
}

.ud__stat-card--overdue {
  border-color: #FCA5A5;
  background: #FEF2F2;
}

.ud__stat-overdue{
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #EF4444;
}

.ud__stat-sub--red{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #EF4444;
  font-weight: 600;
}

.ud__stat-ok{
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #10B981;
}

.ud__stat-top{
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ud__stat-top span{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__stat-card > strong{
  margin-top: auto;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.balance-negative{
  --tw-text-opacity: 1;
  color: rgb(184 0 0 / var(--tw-text-opacity));
}

.balance-zero{
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.balance-positive{
  --tw-text-opacity: 1;
  color: rgb(23 139 0 / var(--tw-text-opacity));
}

.ud__stat-sub{
  margin-top: 0.25rem;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__stat-sub--orange {
  color: #F97316;
  font-weight: 600;
}

/* ── DATA CARD ────────────────────────────────── */

.ud__data-card{
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  border: 1px solid #E2E8F0;
  box-shadow: 
  0px 8px 10px -6px rgba(0, 0, 0, 0.05),
  0px 20px 25px -5px rgba(0, 0, 0, 0.05);
}

.ud__data-card h3{
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__data-items{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .ud__data-items{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.ud__data-item{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 14px 16px;
  background: #F0F0EE;
  border-radius: 12px;
}

.ud__data-item svg {
  flex-shrink: 0;
}

.ud__data-item div span{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__data-item div strong{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

/* ── DOCUMENT CARD ────────────────────────────── */

.ud__doc-card{
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  border: 1px solid #E5E7EB;
}

.ud__doc-card div {
  flex: 1;
}

.ud__doc-card div strong{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__doc-card div span{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.btn-blue-small{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  padding: 8px 20px;
  background: #1FA1FF;
  border-radius: 50px;
  transition: background .15s;
}

.btn-blue-small:hover {
  background: #0D8CE0;
}

/* ── RESPONSIVE ───────────────────────────────── */

@media (max-width: 900px) {
  .ud{
    flex-direction: column;
  }

  .ud__sidebar{
    height: auto;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    border-right: none;
    border-bottom: 1px solid #E5E7EB;
  }

  .ud__nav{
    flex-direction: row;
    flex-wrap: wrap;
  }

  .ud__sidebar-help{
    display: none;
  }

  .pp-rooms-cont_item.ud__sidebar-help {
    display: none;
  }

  .error-top .error-top-video .video-placeholder.ud__sidebar-help{
    pointer-events: none;
    opacity: 0;
  }

  .ud__main{
    padding: 1rem;
  }

  .ud__apartment-body{
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

/* ══════════════════════════════════════════════════
   Banner powrotu z płatności
   ══════════════════════════════════════════════════ */

.ud__payment-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  animation: ud__payment-banner-in 0.3s ease-out;
}

@keyframes ud__payment-banner-in {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }

  to   {
    transform: translateY(0);
    opacity: 1;
  }
}

.ud__payment-banner__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.ud__payment-banner__text {
  flex: 1;
  min-width: 0;
}

.ud__payment-banner__text strong {
  display: block;
  font-size: 15px;
  color: #161516;
  margin-bottom: 2px;
}

.ud__payment-banner__text p {
  margin: 0;
  color: #45556C;
  font-size: 13px;
  line-height: 1.4;
}

.ud__payment-banner__close {
  flex-shrink: 0;
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  color: #9CA3AF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s;
}

.ud__payment-banner__close:hover {
  background: #F3F4F6;
  color: #161516;
}

/* Wariant kolorystyczny — sukces */

.ud__payment-banner:has(.ud__payment-banner__icon--success) {
  border-color: #BBF7D0;
  background: #F0FDF4;
}

/* Wariant — błąd */

.ud__payment-banner:has(.ud__payment-banner__icon--error) {
  border-color: #FECACA;
  background: #FEF2F2;
}

/* Wariant — pending */

.ud__payment-banner:has(.ud__payment-banner__icon--pending) {
  border-color: #FED7AA;
  background: #FFF7ED;
}

@media (max-width: 600px) {
  .ud__payment-banner {
    gap: 12px;
    padding: 14px 16px;
  }

  .ud__payment-banner__text strong {
    font-size: 14px;
  }

  .ud__payment-banner__text p {
    font-size: 12px;
  }
}

.ud__header {
  margin-bottom: 28px;
}

.ud__header .ud__title {
  font-size: clamp(32px, 4vw, 36px);
  font-weight: 700;
  margin: 0 0 4px;
  letter-spacing: -.5px;
}

.ud__header .ud__subtitle{
  --tw-text-opacity: 1;
  color: rgb(69 85 108 / var(--tw-text-opacity));
}

.ud__payments-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.ud__filter-btn{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
}

.ud__filter-btn:hover {
  transform: translateY(-1px);
}

.ud__filter-btn.is-active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background: linear-gradient(135deg, #1FA1FF, #00D4FF);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
}

.ud__payments-section {
  margin-bottom: 20px;
}

.ud__payments-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
  padding: 28px;
}

@media (max-width: 600px) {
  .ud__payments-card {
    padding: 18px 14px
  }
}

.ud__payments-card-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 20px;
  padding-bottom: 16px;
}

.ud__payments-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ud__payment-row{
  border-radius: 14px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: background .18s ease;
  background: linear-gradient(90deg, #F8FAFC 0%, #FFFFFF 100%);
}

@media (max-width: 640px) {
  .ud__payment-row {
    flex-wrap: wrap;
    gap: 12px
  }
}

.ud__payment-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  flex-shrink: 0;
}

.ud__payment-icon svg {
  display: block;
}

.ud__payment-icon.is-paid {
  background: #d0f5e5;
  color: #12a15e;
}

.ud__payment-icon.is-pending {
  background: #ffeabc;
  color: #e07c00;
}

.ud__payment-icon.is-failed {
  background: #fdecea;
  color: #d93025;
}

.ud__payment-info {
  flex: 1;
  min-width: 0;
}

.ud__payment-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 1px;
}

.ud__payment-month{
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #111111;
  margin-bottom: 4px;
}

.ud__payment-badge {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: .2px;
}

.ud__payment-badge.is-paid {
  background: #00C950;
  color: #fff;
}

.ud__payment-badge.is-pending {
  background: #FF6900;
  color: #fff;
}

.ud__payment-badge.is-failed {
  background: #d60e00 ;
  color:  #fff;
}

.ud__payment-desc {
  font-size: 14px;
  color: #45556C;
  margin: 0 0 6px;
}

.ud__payment-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.ud__payment-meta-item {
  display: flex;
  gap: 4px;
  font-size: 14px;
  color: #45556C;
}

.ud__payment-meta-item svg{
  margin-top: 0.125rem;
  flex-shrink: 0;
}

.ud__payment-meta-item.is-paid {
  color: #12a15e;
}

.ud__payment-meta-item.is-paid svg {
  opacity: 1;
}

.ud__payment-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .ud__payment-right {
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between
  }
}

.ud__payment-amount {
  font-size: 20px;
  font-weight: 700;
  color: #111111;
  white-space: nowrap;
  letter-spacing: -.3px;
}

.ud__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: background .18s ease, box-shadow .18s ease, opacity .18s ease, border-color .18s ease;
  white-space: nowrap;
}

.ud__btn--sm {
  font-size: 13px;
  padding: 7px 14px;
  border-radius: 8px;
}

.ud__btn--primary{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background: linear-gradient(135deg, #1FA1FF, #00D4FF);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
}

.ud__btn--primary:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.ud__btn--ghost {
  background: transparent;
  color: #45556C;
  border: 1px solid #e8e8e8;
}

.ud__btn--ghost:hover {
  background: #f2f2f0;
  color: #111111;
  border-color: #d0d0d0;
}

.ud__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 20px;
  text-align: center;
}

.ud__empty p {
  font-size: 15px;
  color: #45556C;
  margin: 0;
}

.ud__empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: #f2f2f0;
  color: #45556C;
}

.ud__payments-info-card {
  background: linear-gradient(135deg, #D8CFBC 0%, rgba(217, 217, 217, 0.753) 100%);
  box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1) , 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 24px 28px;
}

@media (max-width: 600px) {
  .ud__payments-info-card {
    padding: 18px 14px
  }
}

.ud__payments-info-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.ud__payments-info-header h3 {
  font-size: 15px;
  font-weight: 600;
  color: #111111;
  margin: 0;
}

.ud__payments-info-icon{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  color: #45556C;
  flex-shrink: 0;
}

.ud__payments-info-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  margin: 0 0 16px;
  line-height: 1.6;
}

.ud__payments-bank-details{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  border-radius: 12px;
  padding: 4px 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.ud__bank-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-bottom: 1px solid #e8e8e8;
  gap: 12px;
  flex-wrap: wrap;
}

.ud__bank-row:last-child {
  border-bottom: none;
}

.ud__bank-label {
  font-size: 13px;
  color: #45556C;
}

.ud__bank-value {
  font-size: 13.5px;
  font-weight: 700;
  color: #111111;
  letter-spacing: .1px;
  text-align: right;
}

/* ── Dokumenty ────────────────────────────────── */

.ud__docs-section {
  margin-bottom: 20px;
}

.ud__docs-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
  padding: 28px;
}

@media (max-width: 600px) {
  .ud__docs-card {
    padding: 18px 14px
  }
}

.ud__docs-card-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 20px;
  padding-bottom: 16px;
}

/* ── Doc row ──────────────────────────────────── */

.ud__doc-row{
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 16px 20px;
  border: 1px solid #E5E7EB;
  border-radius: 14px;
  margin-bottom: 10px;
  transition: border-color .15s;
}

.ud__doc-row:last-child {
  margin-bottom: 0;
}

.ud__doc-row:hover {
  border-color: #1FA1FF;
}

@media (max-width: 600px) {
  .ud__doc-row {
    flex-wrap: wrap;
    gap: 12px
  }
}

.ud__doc-row-icon{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #E8F7FF;
}

.ud__doc-row-info {
  flex: 1;
  min-width: 0;
}

.ud__doc-row-info strong{
  display: block;
  font-size: 15px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__doc-row-meta{
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.ud__doc-row-meta span{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.ud__doc-row-meta svg{
  flex-shrink: 0;
}

.ud__doc-row-category{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 600 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(31 161 255 / var(--tw-text-opacity)) !important;
}

.ud__doc-row-dot{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.ud__doc-row-actions{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 600px) {
  .ud__doc-row-actions{
    width: 100%;
  }
}

.ud__doc-btn{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-decoration-line: none;
  padding: 8px 16px;
  border-radius: 8px;
  transition: all .15s;
}

.ud__doc-btn--preview {
  color: #374151;
  border: 1px solid #D1D5DB;
  background: #fff;
}

.ud__doc-btn--preview:hover {
  border-color: #1FA1FF;
  color: #1FA1FF;
}

.ud__doc-btn--download {
  color: #fff;
  background: linear-gradient(135deg, #1FA1FF, #00D4FF);
  border: none;
}

.ud__doc-btn--download:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(31, 161, 255, 0.3);
}

.ud__docs-empty{
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.ud__docs-empty p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

/* ── Help ─────────────────────────────────────── */

.ud__docs-help-text{
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.ud__docs-help-btns{
  display: flex;
  gap: 0.75rem;
}

.ud__docs-help-btn{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  text-decoration-line: none;
  padding: 8px 20px;
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  transition: all .15s;
}

.ud__docs-help-btn:hover {
  border-color: #1FA1FF;
  color: #1FA1FF;
}

/* ── Opcje kontaktu ───────────────────────────── */

.ud__contact-options{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ud__contact-option{
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration-line: none;
  padding: 16px 20px;
  border: 1px solid #E5E7EB;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  transition: all .15s;
  color: inherit;
  text-align: left;
}

.ud__contact-option:hover {
  border-color: #1FA1FF;
  background: #F0F9FF;
}

.ud__contact-option strong{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__contact-option span{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.ud__contact-option-icon{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: #E8F7FF;
  border-radius: 12px;
}

/* ── Formularz w modalu ───────────────────────── */

.ud__contact-form-wrap{
  margin-top: 1rem;
}

.ud__contact-form-wrap .wpcf7-form label{
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__contact-form-wrap .wpcf7-form input[type="text"],
        .ud__contact-form-wrap .wpcf7-form textarea{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  padding: 10px 14px;
  border: 1px solid #D1D5DB;
  border-radius: 10px;
  outline: none;
  transition: border-color .15s;
}

.ud__contact-form-wrap .wpcf7-form input[type="text"]:focus, .ud__contact-form-wrap .wpcf7-form textarea:focus {
  border-color: #1FA1FF;
  box-shadow: 0 0 0 3px rgba(31, 161, 255, 0.1);
}

.ud__contact-form-wrap .wpcf7-form input[type="submit"]{
  margin-top: 0.75rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding: 12px;
  background: #1FA1FF;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background .15s;
}

.ud__contact-form-wrap .wpcf7-form input[type="submit"]:hover {
  background: #0D8CE0;
}

.ud__contact-form-wrap .wpcf7-form .user-form__field,
        .ud__contact-form-wrap .wpcf7-form .awaria-form__field{
  margin-bottom: 1rem;
}

/* ── Usługi — karty ───────────────────────────── */

.ud__services-list{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ud__srv-card{
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  transition: all .15s;
}

.ud__srv-card:hover {
  border-color: #1FA1FF;
}

.ud__srv-card--active {
  border-color: #1FA1FF;
  background: linear-gradient(90deg, rgba(236, 254, 255, 0.5) 0%, rgba(239, 246, 255, 0.5) 100%);
}

.ud__srv-card--active .ud__srv-card-price strong {
  color: #34D399;
}

.ud__srv-card--active .ud__srv-card-icon {
  background: rgba(31, 161, 255, 0.15);
}

.ud__srv-card--purchased {
  opacity: 0.7;
}

@media (max-width: 640px) {
  .ud__srv-card {
    flex-wrap: wrap;
    gap: 12px
  }
}

.ud__srv-card-icon{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: #E8F7FF;
  border-radius: 14px;
}

.ud__srv-card-icon img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
  object-fit: contain;
}

.ud__srv-card-info {
  flex: 1;
  min-width: 0;
}

.ud__srv-card-info strong{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__srv-card-info p{
  margin-top: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  margin-bottom: 0;
}

.ud__srv-card-title-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.ud__srv-badge{
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25rem;
}

.ud__srv-badge--recommended {
  background: #1FA1FF;
  color: #fff;
}

.ud__srv-badge--monthly {
  background: #1FA1FF;
  color: #fff;
}

.ud__srv-badge--active {
  background: #10B981;
  color: #fff;
}

.ud__srv-card-right{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 640px) {
  .ud__srv-card-right{
    width: 100%;
    justify-content: space-between;
  }
}

.ud__srv-card-price{
  text-align: right;
}

.ud__srv-card-price strong{
  display: block;
  font-size: 22px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 161 255 / var(--tw-text-opacity));
}

.ud__srv-card-price span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.ud__srv-btn{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
  border: none;
}

.ud__srv-btn--add {
  background: linear-gradient(135deg, #1FA1FF, #00D4FF);
  color: #fff;
}

.ud__srv-btn--add:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(31, 161, 255, 0.3);
}

.ud__srv-btn--in-cart {
  background: #10B981;
  color: #fff;
}

.ud__srv-status{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #10B981;
}

.ud__srv-status--done {
  color: #9CA3AF;
}

/* ── Koszyk ───────────────────────────────────── */

.ud__cart{
  margin-top: 1.5rem;
  background: #fff;
  border: 2px solid #1FA1FF;
  border-radius: 20px;
  overflow: hidden;
}

.ud__cart-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background: #F0F9FF;
  border-bottom: 1px solid #E5E7EB;
}

.ud__cart-header h3{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  margin: 0;
}

.ud__cart-count{
  font-size: 13px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background: #1FA1FF;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ud__cart-items {
  padding: 16px 24px;
}

.ud__cart-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #F3F4F6;
}

.ud__cart-item:last-child {
  border-bottom: none;
}

.ud__cart-item-info strong{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__cart-item-info span{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.ud__cart-item-right{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.ud__cart-item-right strong{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__cart-item-remove {
  background: none;
  border: none;
  cursor: pointer;
  color: #9CA3AF;
  padding: 4px;
}

.ud__cart-item-remove:hover {
  color: #EF4444;
}

.ud__cart-summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background: #F9FAFB;
  border-top: 1px solid #E5E7EB;
}

.ud__cart-total span{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.ud__cart-total strong{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__cart-pay-btn{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding: 12px 16px;
  background: linear-gradient(135deg, #1FA1FF, #00D4FF);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
}

.ud__cart-pay-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(31, 161, 255, 0.3);
}

.ud__cart-pay-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* ── Usługi — wkrótce ─────────────────────────── */

.ud__services-coming{
  text-align: center;
  padding: 60px 40px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #E5E7EB;
}

.ud__services-coming h2{
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

.ud__services-coming > p{
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  margin: 0;
}

.ud__services-coming-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background: #E8F7FF;
  border-radius: 50%;
}

.ud__services-coming-features{
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.ud__services-coming-chip{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  padding: 8px 16px;
  background: #F5F5F5;
  border-radius: 50px;
  border: 1px solid #E5E7EB;
}

.ud__services-coming-note{
  margin-top: 1.5rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}

.ud__header {
  padding: 32px 0 24px;
}

.ud__header .ud__title {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 800;
  color: #1da1f2;
  margin: 0 0 8px;
  line-height: 1.2;
}

.ud__header .ud__subtitle {
  font-size: 0.95rem;
  color: #718096;
  margin: 0;
}

.ud__report-section {
  padding-bottom: 48px;
}

.ud__report-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.ud__report-card-header {
  padding: 24px 32px 0;
}

.ud__report-card-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #0f1923;
  margin: 0 0 24px;
}

.ud__report-card-body {
  padding: 0 32px 32px;
}

.ud__form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f1923;
  margin-bottom: 8px;
}

.ud__form-label--required::after {
  content: ' *';
  color: #e53e3e;
}

.ud__form-hint {
  font-size: 0.8rem;
  color: #718096;
  margin: 0 0 10px;
}

.ud__form-textarea,
.wpcf7-form .ud__form-textarea {
  width: 100%;
  min-height: 150px;
  padding: 14px 16px;
  font-size: 0.9rem;
  color: #0f1923;
  background: #f7fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  resize: vertical;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-family: inherit;
  box-sizing: border-box;
}

.ud__form-textarea::-moz-placeholder, .wpcf7-form .ud__form-textarea::-moz-placeholder {
  color: #a0aec0;
}

.ud__form-textarea::placeholder, .wpcf7-form .ud__form-textarea::placeholder {
  color: #a0aec0;
}

.ud__form-textarea:focus, .wpcf7-form .ud__form-textarea:focus {
  outline: none;
  border-color: #1da1f2;
  box-shadow: 0 0 0 3px rgba(29, 161, 242, 0.12);
  background: #ffffff;
}

.ud__form-file-hidden,
.wpcf7-form input[type="file"].ud__form-file-hidden {
  display: none;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.ud__form-file-btn{
  margin-top: 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 0.875rem;
  color: #fff;
  background: linear-gradient(90deg, #1FA1FF 0%, #00D3F3 100%);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.ud__form-file-btn svg {
  flex-shrink: 0;
}

.ud__form-tip {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 18px;
  background: #eff9ff;
  border: 1px solid #bde8fb;
  border-radius: 12px;
}

.ud__form-tip svg {
  flex-shrink: 0;
  color: #1da1f2;
  margin-top: 1px;
}

.ud__form-tip span {
  font-size: 0.875rem;
  color: #4a5568;
  line-height: 1.55;
}

.ud__form-tip span strong {
  color: #0f1923;
}

.ud__form-actions{
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ud__btn-primary,
.wpcf7-form input[type="submit"].ud__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  font-size: 0.875rem;
  color: #ffffff;
  background: linear-gradient(90deg, #1FA1FF 0%, #00D3F3 100%);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.ud__btn-primary:active, .wpcf7-form input[type="submit"].ud__btn-primary:active {
  transform: translateY(0);
}

.ud__btn-secondary {
  display: inline-flex;
  align-items: center;
  padding: 11px 22px;
  font-size: 0.875rem;
  color: #0A0A0A;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 6px;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
  font-family: inherit;
}

.ud__btn-secondary:hover {
  border-color: #c8d3e0;
  background: #f7fafc;
}

.ud__report-card-body .wpcf7-form{
  max-width: none !important;
  gap: 0.5rem !important;
}

.wpcf7-form p {
  margin: 0;
}

.wpcf7-form .wpcf7-not-valid {
  border-color: #e53e3e !important;
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.12) !important;
}

.wpcf7-form .wpcf7-not-valid-tip {
  font-size: 0.8rem;
  color: #e53e3e;
  margin-top: 4px;
  display: block;
}

.wpcf7-form .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 0.875rem;
  border-width: 1px;
}

.wpcf7-form.sent .wpcf7-response-output {
  background: #f0fff4;
  border-color: #9ae6b4;
  color: #276749;
}

.wpcf7-form.failed .wpcf7-response-output,
    .wpcf7-form.invalid .wpcf7-response-output {
  background: #fff5f5;
  border-color: #feb2b2;
  color: #c53030;
}

.wpcf7-form .wpcf7-spinner {
  display: none;
}

@media (max-width: 640px) {
  .ud__report-card {
    border-radius: 12px;
  }

  .ud__report-card-header {
    padding: 20px 20px 0;
  }

  .ud__report-card-body {
    padding: 0 20px 24px;
  }

  .ud__form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ud__form-actions .ud__btn-primary,
        .ud__form-actions .ud__btn-secondary {
    width: 100%;
    justify-content: center;
  }
}

.ud__file-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ud__file-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: #f7fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  animation: ud-slide-in 0.18s ease;
}

@keyframes ud-slide-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ud__file-thumb {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ud__file-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.ud__file-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ud__file-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: #0f1923;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ud__file-size {
  font-size: 0.75rem;
  color: #718096;
}

.ud__file-remove {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  cursor: pointer;
  color: #718096;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  padding: 0;
}

.ud__file-remove:hover {
  background: #fff5f5;
  border-color: #feb2b2;
  color: #e53e3e;
}

#ud-submit-hidden {
  display: none !important;
}

.ud__btn-submit-custom {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* ── Ustawienia ───────────────────────────────── */

.ud__settings-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
  margin-bottom: 20px;
  overflow: hidden;
}

.ud__settings-card-header{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 20px 28px;
  border-bottom: 1px solid #F3F4F6;
}

.ud__settings-card-header h2{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  margin: 0;
}

.ud__settings-card-icon{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #E8F7FF;
  border-radius: 10px;
}

.ud__settings-body {
  padding: 24px 28px;
}

.ud__settings-cols{
  display: flex;
  gap: 2rem;
}

@media (max-width: 640px) {
  .ud__settings-cols{
    flex-direction: column;
  }
}

.ud__settings-avatar-col{
  flex-shrink: 0;
  width: 160px;
}

.ud__settings-avatar {
  width: 160px;
  height: 160px;
  background: #F5F5F5;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ud__settings-avatar-placeholder{
  display: flex;
  align-items: center;
  justify-content: center;
}

.ud__settings-fields-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ud__settings-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 640px) {
  .ud__settings-grid {
    grid-template-columns: 1fr
  }
}

.ud__settings-field--full {
  grid-column: 1 / -1;
}

.ud__settings-field label{
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.ud__settings-label{
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
}

.ud__settings-input-wrap{
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  overflow: hidden;
  transition: border-color .15s;
}

.ud__settings-input-wrap:focus-within {
  border-color: #1FA1FF;
  box-shadow: 0 0 0 3px rgba(31, 161, 255, 0.1);
}

.ud__settings-input{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
  padding: 10px 14px;
  border: none;
  outline: none;
  background: transparent;
}

.ud__settings-input[readonly] {
  color: #374151;
  background: #FAFAFA;
}

.ud__settings-input--editable {
  background: #fff;
}

.ud__settings-input::-moz-placeholder {
  color: #9CA3AF;
}

.ud__settings-input::placeholder {
  color: #9CA3AF;
}

.ud__settings-edit-btn{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  border-left: 1px solid #E5E7EB;
  cursor: pointer;
  color: #9CA3AF;
  transition: all .15s;
}

.ud__settings-edit-btn:hover {
  color: #1FA1FF;
  background: #F0F9FF;
}

.ud__settings-edit-btn.is-editing {
  color: #1FA1FF;
  background: #E8F7FF;
}

/* ── Akcje zapisu ─────────────────────────────── */

.ud__settings-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 20px 0;
}

.ud__settings-save-btn{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding: 10px 24px;
  background: linear-gradient(135deg, #1FA1FF, #00D4FF);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
}

.ud__settings-save-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(31, 161, 255, 0.3);
}

.ud__settings-save-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ud__settings-cancel-btn{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(106 114 130 / var(--tw-text-opacity));
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
}

.ud__settings-cancel-btn:hover {
  border-color: #EF4444;
  color: #EF4444;
}

/* ── Toast ─────────────────────────────────────── */

.ud__toast{
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 50;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background: #10B981;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  animation: toastIn 0.3s ease;
}

.ud__toast--error {
  background: #EF4444;
}

@keyframes toastIn {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* ── 2 kolumny: Studia + Hasło ────────────────── */

.ud__settings-duo{
  display: flex;
  gap: 1.25rem;
}

@media (max-width: 768px) {
  .ud__settings-duo{
    flex-direction: column;
  }
}

.ud__settings-card--half {
  flex: 1;
  min-width: 0;
}

/* ── Imię/Nazwisko w 1 rzędzie ────────────────── */

.ud__settings-row-2{
  display: flex;
  gap: 1rem;
}

.ud__settings-row-2 .ud__settings-field {
  flex: 1;
}

@media (max-width: 480px) {
  .ud__settings-row-2{
    flex-direction: column;
  }
}

/* ── Readonly (imię/nazwisko) ─────────────────── */

.ud__settings-input-wrap--readonly {
  background: #F5F5F5;
  border-color: #E5E7EB;
  cursor: not-allowed;
}

.ud__settings-input-wrap--readonly input {
  color: #9CA3AF;
  cursor: not-allowed;
}

/* ── Avatar z overlay ─────────────────────────── */

.ud__settings-avatar {
  width: 160px;
  height: 160px;
  background: #F5F5F5;
  border-radius: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}

.ud__settings-avatar:hover .ud__settings-avatar-overlay {
  opacity: 1;
}

.ud__settings-avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ud__settings-avatar-overlay{
  position: absolute;
  inset: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity .2s;
}

.ud__settings-avatar-overlay span{
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* ── Pola w settings-fields-col z gap ──────────── */

.ud__settings-fields-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ud__settings-field + .ud__settings-field {
  margin-top: 0;
}

html {
  scroll-behavior: smooth;
}

body{
  position: relative;
  font-family: NeueHaasGrotesk, sans-serif;
  font-weight: 450;
}

main{
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 21 22 / var(--tw-text-opacity));
}

@media not all and (min-width: 1536px){
  main{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media not all and (min-width: 1024px){
  main{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.main-reserv{
  padding: 0px !important;
}

.container {
  max-width: 1440px;
}

.container-xl{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1712px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.content-box{
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 1rem;
  padding-right: 1rem;
}

body:not(.loaded) #main-content {
  opacity: 0;
  pointer-events: none;
}

#main-content {
  transition: opacity 0.6s ease;
}

body.loaded #main-content {
  opacity: 1;
  pointer-events: auto;
}

strong{
  font-weight: 700;
}

.content {
  height: -webkit-fill-available;
}

#toastify-container,
.toastify {
  position: fixed !important;
  z-index: 99999 !important;
}

/* wymuszenie pozycji */

.toastify.on {
  top: 0px !important;
  right: 0px !important;
  left: auto !important;
}

/* wymuszenie pozycji */

.toastify {
  top: 0px !important;
  right: 0px !important;
  left: auto !important;
}

/* opcjonalnie – lepszy wygląd */

.toastify {
  border-radius: 10px;
  font-family: inherit;
}