.dsv3-xpl { color: var(--dsv3-ink); } .dsv3-xpl p { color: var(--dsv3-muted); } .dsv3-xpl .dsv3-btn--primary { background: linear-gradient(135deg, rgb(var(--dsv3-primary-700)), rgb(var(--dsv3-primary-800))); box-shadow: 0 5px 15px -12px var(--dsv3-accent-strong); font-size: 14px; font-weight: 500; } .dsv3-xpl .dsv3-btn--primary:hover { background: var(--dsv3-accent); transform: none; } .dsv3-xpl-hero { position: relative; isolation: isolate; overflow: hidden; padding: 32px 0 28px; background: rgb(var(--dsv3-primary-950)); } .dsv3-xpl-hero > .dsv3-destinationmedia { z-index: -2; } .dsv3-xpl-hero > .dsv3-destinationmedia img { object-position: center 49%; } .dsv3-xpl-hero__video { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 49%; opacity: 0; transition: opacity .6s ease; pointer-events: none; } .dsv3-xpl-hero__video[data-oynuyor] { opacity: 1; } @media (prefers-reduced-motion: reduce) { .dsv3-xpl-hero__video { display: none; } } .dsv3-xpl-hero__wash { position: absolute; z-index: -1; inset: 0; background: rgb(5 30 29 / .58); } .dsv3-xpl-hero__inner { position: relative; } .dsv3-xpl-hero .dsv3-kicker { color: rgb(var(--dsv3-primary-100)); font-size: 11px; font-weight: 600; letter-spacing: .11em; } .dsv3-xpl-hero h1 { margin: 10px 0; color: #fff; font-size: 44px; font-weight: 500; line-height: 1.1; letter-spacing: -.04em; } .dsv3-xpl-hero__inner > p { margin: 0 0 23px; color: #fff; font-size: 15px; line-height: 1.5; } .dsv3-xpl-hero .dsv3-xpl-hero__date { margin: 10px 0 0; color: #fff; font-size: 12px; } .dsv3-xpl-search { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.45fr) minmax(0, .9fr) auto; align-items: center; padding: 8px; border: 1px solid var(--dsv3-line); border-radius: 14px; background: #fff; box-shadow: 0 8px 30px -20px rgb(var(--dsv3-primary-950) / .24); } .dsv3-xpl-search__field { display: grid; min-width: 0; grid-template-columns: 22px minmax(0, 1fr); grid-template-rows: 18px 42px; column-gap: 12px; row-gap: 0; align-items: center; padding: 2px 18px; border-right: 1px solid var(--dsv3-line); cursor: pointer; } .dsv3-xpl-search__field > svg { grid-column: 1; grid-row: 2; width: 21px; color: var(--dsv3-accent-strong); } .dsv3-xpl-search__label { grid-column: 1 / -1; grid-row: 1; display: block; color: var(--dsv3-muted); font-size: 12px; font-weight: 500; line-height: 18px; white-space: nowrap; cursor: pointer; } .dsv3-xpl-search__label small { font-size: 10px; font-weight: 400; } .dsv3-xpl-search__field > select, .dsv3-xpl-search__field > input, .dsv3-xpl-search__field > .dsv3-datesingle { grid-column: 2; grid-row: 2; min-width: 0; } .dsv3-xpl-search__field > select, .dsv3-xpl-search__field > input { box-sizing: border-box; width: 100%; height: 42px; min-height: 42px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--dsv3-ink); font: inherit; font-size: 16px; font-weight: 400; line-height: 22px; text-align: left; } .dsv3-xpl-search__field > select { cursor: pointer; } .dsv3-xpl-search__field > input::placeholder { color: var(--dsv3-muted); font-weight: 400; } .dsv3-xpl-search__field:focus-within { border-radius: 10px; box-shadow: inset 0 0 0 2px rgb(var(--dsv3-primary-700) / .35); } .dsv3-xpl-search__submit { min-height: 50px; margin-left: 12px; white-space: nowrap; } .dsv3-datesingle { position: relative; display: block; min-width: 0; } .dsv3-datesingle__input, .dsv3-datesingle__display { box-sizing: border-box; display: block; width: 100%; height: 42px; min-height: 42px; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--dsv3-ink); font: inherit; font-size: 16px; font-weight: 400; line-height: 22px; text-align: left; cursor: pointer; } .dsv3-datesingle__display[hidden], .dsv3-datesingle__input[hidden] { display: none; } .dsv3-datesingle__display[data-empty="true"] { color: var(--dsv3-ink); } .dsv3-datesingle__display:focus-visible { outline: 2px solid var(--dsv3-accent); outline-offset: 2px; } .dsv3-datesingle__input::-webkit-calendar-picker-indicator { cursor: pointer; } calendar-date { display: block; --color-accent: var(--dsv3-accent); --color-text-on-accent: #fff; } calendar-date::part(previous), calendar-date::part(next) { display: inline-flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 8px; color: var(--dsv3-accent); background: transparent; cursor: pointer; } calendar-date::part(previous):hover, calendar-date::part(next):hover { background: var(--dsv3-soft); } calendar-date::part(disabled) { color: var(--dsv3-muted); opacity: .45; cursor: default; } calendar-date::part(previous):focus-visible, calendar-date::part(next):focus-visible { outline: 2px solid var(--dsv3-accent); outline-offset: 2px; } [data-dsv3-date-panel] calendar-month::part(selected) { border-radius: 8px; color: #fff; background: var(--dsv3-accent); } [data-dsv3-date-panel] { width: 354px; } [data-dsv3-date-panel] .dsv3-range__link, [data-dsv3-date-panel] .dsv3-range__done { min-height: 44px; } [data-dsv3-date-panel] .dsv3-range__done { background: var(--dsv3-accent); box-shadow: none; } @media (max-width: 30rem) { [data-dsv3-date-panel] { inset: auto 0 0 0 !important; width: 100%; max-width: 100%; max-height: 85dvh; border-radius: 18px 18px 0 0; } [data-dsv3-date-panel] .dsv3-range__footer { padding-bottom: max(16px, env(safe-area-inset-bottom)); } } .dsv3-xpl-discovery { padding-bottom: 45px; } .dsv3-xprail { position: relative; } .dsv3-xprail__bar { display: flex; min-width: 0; align-items: center; gap: 8px; padding-right: 150px; border-bottom: 1px solid var(--dsv3-line); } .dsv3-xprail__track { display: flex; flex: 1; min-width: 0; gap: 28px; overflow-x: auto; padding-top: 7px; scrollbar-width: none; scroll-behavior: smooth; } .dsv3-xprail__track::-webkit-scrollbar { display: none; } .dsv3-xprail__item { display: flex; min-width: max-content; flex-direction: column; align-items: center; gap: 9px; padding: 18px 4px 15px; border-bottom: 2px solid transparent; color: var(--dsv3-muted); font-size: 12px; line-height: 1.5; white-space: nowrap; text-decoration: none; } .dsv3-xprail__item svg { width: 22px; height: 22px; } .dsv3-xprail__item:hover { color: var(--dsv3-accent-strong); } .dsv3-xprail__item[aria-current="true"] { border-color: var(--dsv3-accent); color: var(--dsv3-accent-strong); font-weight: 600; } .dsv3-xprail__scroll { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; padding: 0; border: 1px solid var(--dsv3-line); border-radius: 50%; background: #fff; color: var(--dsv3-accent-strong); cursor: pointer; } .dsv3-xprail__scroll[hidden] { display: none; } .dsv3-xprail__scroll--prev svg { transform: rotate(180deg); } .dsv3-xprail__scroll:disabled { opacity: .3; cursor: default; } .dsv3-xprail__drawer { display: block; } .dsv3-xprail__toggle { position: absolute; top: 24px; right: 0; display: flex; min-height: 44px; align-items: center; gap: 8px; padding: 0 0 0 16px; border-left: 1px solid var(--dsv3-line); color: var(--dsv3-accent-strong); font-size: 12px; font-weight: 500; list-style: none; cursor: pointer; } .dsv3-xprail__toggle::-webkit-details-marker { display: none; } .dsv3-xprail__toggle::marker { content: ""; } .dsv3-xprail__drawer[open] > .dsv3-xprail__toggle { color: var(--dsv3-accent); font-weight: 600; } .dsv3-xprail__toggle:focus-visible { outline: 2px solid var(--dsv3-accent); outline-offset: 4px; } .dsv3-xprail__panel { position: relative; margin: 0; padding: 40px 20px 18px; border-radius: 0 0 16px 16px; background: rgb(225 233 230); } @supports (interpolate-size: allow-keywords) { .dsv3-xprail__drawer { interpolate-size: allow-keywords; } .dsv3-xprail__drawer::details-content { height: 0; overflow: clip; transition: height .28s cubic-bezier(.22, .78, .2, 1), content-visibility .28s allow-discrete; } .dsv3-xprail__drawer[open]::details-content { height: auto; } @media (prefers-reduced-motion: reduce) { .dsv3-xprail__drawer::details-content { transition: none; } } } .dsv3-xprail__close { position: absolute; top: 4px; right: 6px; display: grid; width: 44px; height: 44px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--dsv3-ink); cursor: pointer; } .dsv3-xprail__close[hidden] { display: none; } .dsv3-xprail__options { display: grid; min-width: 0; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; border: 0; } .dsv3-xprail__option { position: relative; display: flex; min-width: 0; min-height: 100px; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 14px 6px; color: var(--dsv3-muted); font-size: 13px; line-height: 1.4; text-align: center; cursor: pointer; } .dsv3-xprail__option input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .dsv3-xprail__option svg { width: 25px; height: 25px; } .dsv3-xprail__option:has(input:checked) { color: var(--dsv3-accent-strong); font-weight: 600; } .dsv3-xprail__option:has(input:checked)::after { content: ""; position: absolute; right: 15%; bottom: 0; left: 15%; height: 2px; background: var(--dsv3-accent); } .dsv3-xprail__option:has(input:focus-visible) { outline: 2px solid var(--dsv3-accent); outline-offset: 2px; } .dsv3-xprail__option:has(input:not(:disabled)):hover { color: var(--dsv3-accent-strong); } .dsv3-xprail__option--empty { opacity: .35; cursor: default; } .dsv3-xprail__footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--dsv3-line); } .dsv3-xprail__footer > a { display: flex; min-height: 44px; align-items: center; color: var(--dsv3-ink); font-size: 12px; text-decoration: underline; } .dsv3-xpl-results { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 27px 0 21px; } .dsv3-xpl-results h2 { margin: 0 0 5px; font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: -.025em; } .dsv3-xpl-results p { margin: 0; font-size: 13px; } .dsv3-xpl-sort { display: flex; align-items: center; gap: 8px; } .dsv3-xpl-sort select { max-width: 190px; min-height: 44px; padding: 8px; border: 0; background: transparent; color: var(--dsv3-ink); font: inherit; font-size: 13px; cursor: pointer; } .dsv3-xpl-sort__apply { min-height: 44px; padding: 8px 12px; border: 0; border-radius: 8px; background: var(--dsv3-soft); color: var(--dsv3-accent-strong); font: inherit; font-size: 13px; cursor: pointer; } [data-dsv3-xpl-js] .dsv3-xpl-sort__apply { display: none; } .dsv3-xpl-active { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; } .dsv3-xpl-active a { display: flex; min-height: 44px; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgb(var(--dsv3-primary-700) / .3); border-radius: 25px; background: var(--dsv3-soft); color: var(--dsv3-ink); font-size: 12px; text-decoration: none; } .dsv3-xpl-active a svg { width: 14px; } .dsv3-xpl-active .dsv3-xpl-active__clear { border: 0; background: none; text-decoration: underline; } .dsv3-xpl-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; } .dsv3-xpl-grid > * { min-width: 0; } .dsv3-xpl-grid[aria-busy="true"] { opacity: .55; pointer-events: none; transition: opacity .15s ease; } @media (prefers-reduced-motion: reduce) { .dsv3-xpl-grid[aria-busy="true"] { transition: none; } } .dsv3-xpcard { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--dsv3-line); border-radius: 16px; background: #fff; transition: border-color .2s, box-shadow .2s; } .dsv3-xpcard:hover { border-color: rgb(var(--dsv3-primary-700) / .35); box-shadow: 0 10px 25px -16px rgb(var(--dsv3-primary-800) / .33); } .dsv3-xpcard__media { position: relative; display: block; flex-shrink: 0; overflow: hidden; aspect-ratio: 1.4; } .dsv3-xpcard__media img { transition: transform .35s; } .dsv3-xpcard:hover .dsv3-xpcard__media img { transform: scale(1.025); } .dsv3-xpcard__type { position: absolute; z-index: 2; top: 12px; left: 12px; padding: 5px 10px; border-radius: 50px; background: rgb(255 255 255 / .96); color: var(--dsv3-accent-strong); font-size: 10px; font-weight: 500; line-height: 1.5; } .dsv3-xpcard__body { display: flex; flex: 1; flex-direction: column; padding: 16px; } .dsv3-xpcard .dsv3-xpcard__place { display: flex; align-items: center; gap: 5px; margin: 0 0 7px; font-size: 12px; line-height: 1.5; } .dsv3-xpcard__place svg { width: 13px; height: 13px; } .dsv3-xpcard__title { min-height: 69px; margin: 0; font-size: 17px; font-weight: 500; line-height: 1.35; letter-spacing: -.02em; } .dsv3-xpcard__title a { color: var(--dsv3-ink); text-decoration: none; } .dsv3-xpcard__title a:hover { text-decoration: underline; text-underline-offset: 4px; } .dsv3-xpcard .dsv3-xpcard__meta { display: flex; min-height: 21px; align-items: center; gap: 5px; margin: 6px 0 16px; font-size: 12px; line-height: 1.5; } .dsv3-xpcard__meta svg { width: 14px; height: 14px; } .dsv3-xpcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-top: auto; padding-top: 12px; border-top: 1px solid rgb(var(--dsv3-gray-100)); } .dsv3-xpcard__foot small { display: block; color: var(--dsv3-muted); font-size: 10px; line-height: 1.5; } .dsv3-xpcard__foot strong { color: var(--dsv3-ink); font-size: 16px; font-weight: 500; line-height: 1.5; white-space: nowrap; } .dsv3-xpcard__go { display: grid; flex-shrink: 0; width: 44px; height: 44px; place-items: center; border: 1px solid var(--dsv3-line); border-radius: 50%; color: var(--dsv3-accent); } .dsv3-xpl-empty { display: flex; grid-column: 1 / -1; flex-direction: column; align-items: center; padding: 64px 20px; border: 1px dashed var(--dsv3-line); border-radius: 14px; text-align: center; } .dsv3-xpl-empty > span { margin-bottom: 20px; color: var(--dsv3-accent); } .dsv3-xpl-empty h2 { margin: 0 0 10px; font-size: 22px; font-weight: 500; } .dsv3-xpl-empty p { max-width: 400px; } .dsv3-xpl-pages { margin-top: 34px; } .dsv3-xpl-note { display: flex; align-items: center; gap: 16px; margin-top: 34px; padding: 22px; border-radius: 14px; background: var(--dsv3-soft); } .dsv3-xpl-note > span { display: grid; flex-shrink: 0; width: 40px; height: 40px; place-items: center; color: var(--dsv3-accent); } .dsv3-xpl-note p { margin: 0; font-size: 13px; line-height: 1.5; } .dsv3-xpl-note b { color: var(--dsv3-ink); font-weight: 500; } @media (min-width: 1250px) { .dsv3-xprail__track { justify-content: space-between; gap: 12px; } } @media (max-width: 1100px) { .dsv3-xpl-search { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr); } .dsv3-xpl-search__field--date { border-right: 0; } .dsv3-xpl-search__submit { grid-column: 1 / -1; margin: 10px 5px 2px; } .dsv3-xpl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 16px; } .dsv3-xprail__options { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 850px) { .dsv3-xpl-hero h1 { font-size: 37px; } .dsv3-xpl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dsv3-xpl-results h2 { font-size: 22px; } } @media (max-width: 560px) { .dsv3-xpl-hero { padding: 25px 0 20px; } .dsv3-xpl-hero > .dsv3-destinationmedia img { object-position: 60% center; } .dsv3-xpl-hero .dsv3-kicker { font-size: 10px; } .dsv3-xpl-hero h1 { margin: 9px 0 12px; font-size: 32px; } .dsv3-xpl-hero__inner > p { margin-bottom: 18px; font-size: 13px; line-height: 1.6; } .dsv3-xpl-search { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; padding: 7px; border-radius: 12px; } .dsv3-xpl-search__field { grid-template-columns: 18px minmax(0, 1fr); column-gap: 9px; min-height: 68px; padding: 4px 10px; border-right: 0; } .dsv3-xpl-search__field > svg { width: 17px; } .dsv3-xpl-search__field--where { grid-column: 1; grid-row: 1; border-right: 1px solid var(--dsv3-line); } .dsv3-xpl-search__field--what { grid-column: 1 / -1; grid-row: 2; border-top: 1px solid var(--dsv3-line); } .dsv3-xpl-search__field--date { grid-column: 2; grid-row: 1; } .dsv3-xpl-search__label { font-size: 11px; } .dsv3-xpl-search__label small { font-size: 9px; } .dsv3-xpl-search__field > select, .dsv3-xpl-search__field > input, .dsv3-datesingle__input, .dsv3-datesingle__display { font-size: 13px; } .dsv3-xpl-search__submit { margin: 5px 0 0; min-height: 46px; font-size: 13px; } .dsv3-xprail__bar { gap: 4px; padding-right: 74px; } .dsv3-xprail__track { gap: 22px; padding-top: 4px; } .dsv3-xprail__item { gap: 7px; padding: 14px 0 12px; font-size: 11px; } .dsv3-xprail__item svg { width: 20px; height: 20px; } .dsv3-xprail__scroll { border: 0; background: transparent; } .dsv3-xprail__toggle { top: 12px; flex-direction: column; gap: 2px; max-width: 66px; padding-left: 8px; font-size: 10px; text-align: center; } .dsv3-xprail__toggle svg { width: 20px; } .dsv3-xprail__panel { padding: 42px 12px 16px; } .dsv3-xprail__options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; } .dsv3-xprail__footer .dsv3-btn { padding-inline: 13px; font-size: 12px; } .dsv3-xpl-results { flex-wrap: wrap; align-items: flex-start; gap: 12px; margin: 22px 0 16px; } .dsv3-xpl-results > div:first-child { flex: 1; min-width: 170px; } .dsv3-xpl-results p { font-size: 12px; } .dsv3-xpl-sort { width: 100%; justify-content: flex-end; } .dsv3-xpl-sort select { font-size: 12px; } .dsv3-xpl-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .dsv3-xpcard__media { aspect-ratio: 1.5; } .dsv3-xpcard__body { padding: 17px; } .dsv3-xpcard__title { min-height: 0; font-size: 20px; } .dsv3-xpcard .dsv3-xpcard__meta { margin-bottom: 15px; } .dsv3-xpcard__foot { padding-top: 13px; } .dsv3-xpcard__foot strong { font-size: 19px; } .dsv3-xpcard__foot small { font-size: 11px; } .dsv3-xpcard__type { font-size: 11px; } .dsv3-xpl-note { gap: 10px; padding: 18px; } .dsv3-xpl-note p { font-size: 12px; } } .dsv3-xpd .dsv3-xpd__band { background: linear-gradient(120deg, rgb(225 237 245) 0%, rgb(232 232 244) 55%, rgb(240 228 237) 100%); } .dsv3-xpd .dsv3-hoteltitle h1 { color: var(--dsv3-ink); } .dsv3-xpd .dsv3-xpd__where { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 10px 0 0; color: var(--dsv3-muted); font-size: 13px; } .dsv3-xpd .dsv3-xpd__where svg { color: var(--dsv3-accent-strong); } .dsv3-xpd .dsv3-hoteltitle__actions .dsv3-pageaction { background: var(--dsv3-soft); font-size: 13px; font-weight: 500; } .dsv3-xpd .dsv3-hoteltitle__actions .dsv3-pageaction svg { flex: none; } @media (min-width: 521px) { .dsv3-xpd .dsv3-hoteltitle__actions .dsv3-pageaction { width: auto; padding-inline: 14px; } } .dsv3-xpd .dsv3-xpd__prose p { color: var(--dsv3-muted); font-size: 15px; line-height: 1.7; } .dsv3-xpd .dsv3-xpbooking { border: 0; border-radius: 22px; box-shadow: var(--dsv3-shadow-lg); scroll-margin-top: 108px; } .dsv3-xpd .dsv3-xpbooking h2 { margin: 0 0 20px; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.02em; } .dsv3-xpd .dsv3-xpbooking .dsv3-kicker { margin-bottom: 8px; font-size: 10px; } .dsv3-xpbooking__price { margin: 0 0 20px; padding-bottom: 18px; border-bottom: 1px solid var(--dsv3-line); } .dsv3-xpbooking__price small { display: block; color: var(--dsv3-muted); font-size: 12px; } .dsv3-xpbooking__price strong { display: block; margin-top: 2px; color: var(--dsv3-ink); font-size: 30px; font-weight: 500; letter-spacing: -.04em; } .dsv3-xpbooking__form { display: grid; gap: 18px; margin: 0; } .dsv3-xpbooking__field { display: grid; gap: 8px; min-width: 0; } .dsv3-xpbooking__label { display: flex; align-items: center; gap: 8px; color: var(--dsv3-muted); font-size: 12px; font-weight: 500; } .dsv3-xpbooking__label svg { color: var(--dsv3-accent-strong); } .dsv3-xpbooking__control { padding: 0 14px; border: 1px solid var(--dsv3-line); border-radius: 12px; background: var(--dsv3-canvas); } .dsv3-xpbooking__control .dsv3-datesingle__input, .dsv3-xpbooking__control .dsv3-datesingle__display { height: 50px; min-height: 50px; font-size: 15px; } .dsv3-xpbooking .dsv3-counter { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; } .dsv3-xpbooking .dsv3-counter__label { color: var(--dsv3-muted); font-size: 12px; font-weight: 500; } .dsv3-xpbooking .dsv3-party { display: grid; gap: 14px; } .dsv3-xpbooking .dsv3-party > .dsv3-counter { padding: 0; } .dsv3-xpbooking .dsv3-counter__control { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px; border: 1px solid var(--dsv3-line); border-radius: 12px; background: var(--dsv3-canvas); } .dsv3-xpbooking .dsv3-counter__step { display: grid; width: 44px; min-width: 44px; height: 44px; place-items: center; border: 0; border-radius: 8px; background: #fff; color: var(--dsv3-ink); font: inherit; font-size: 22px; cursor: pointer; } .dsv3-xpbooking .dsv3-counter__step[hidden] { display: none; } .dsv3-xpbooking .dsv3-counter__input { flex: 1; width: 100%; height: 44px; font-size: 15px; } .dsv3-xpbooking .dsv3-counter__unit { color: var(--dsv3-muted); font-size: 12px; } .dsv3-xpbooking__submit { width: 100%; min-height: 50px; } .dsv3-xpbooking .dsv3-xpbooking__fine { margin: 0; color: var(--dsv3-muted); font-size: 11px; line-height: 1.5; text-align: center; } .dsv3-xpbooking .dsv3-xpbooking__lede { margin: 0 0 18px; color: var(--dsv3-muted); font-size: 14px; line-height: 1.6; } .dsv3-xpbooking > .dsv3-xpbooking__submit + .dsv3-xpbooking__submit { margin-top: 10px; } .dsv3-xpbooking > .dsv3-xpbooking__fine { margin-top: 14px; } .dsv3-xpbooking .dsv3-xpbooking__badge { display: inline-block; margin: -8px 0 16px; padding: 5px 10px; border-radius: 50px; background: var(--dsv3-soft); color: var(--dsv3-accent-strong); font-size: 11px; } .dsv3-xpbooking__options { display: grid; gap: 10px; } .dsv3-xpbooking__option { border: 1px solid var(--dsv3-line); border-radius: 14px; background: #fff; } .dsv3-xpbooking__option[open] { border-color: rgb(var(--dsv3-primary-700) / .45); } .dsv3-xpbooking__option > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 16px; align-items: center; gap: 10px; min-height: 60px; padding: 12px 14px; list-style: none; cursor: pointer; } .dsv3-xpbooking__option > summary::-webkit-details-marker { display: none; } .dsv3-xpbooking__option > summary::marker { content: ""; } .dsv3-xpbooking__option[open] > summary > svg { transform: rotate(180deg); } .dsv3-xpbooking__optionname { display: grid; gap: 3px; min-width: 0; } .dsv3-xpbooking__optionname strong { color: var(--dsv3-ink); font-size: 14px; font-weight: 500; line-height: 1.35; } .dsv3-xpbooking__optionname small { color: var(--dsv3-accent-strong); font-size: 11px; } .dsv3-xpbooking__optionprice { text-align: right; } .dsv3-xpbooking__optionprice small { display: block; color: var(--dsv3-muted); font-size: 10px; } .dsv3-xpbooking__optionprice strong { color: var(--dsv3-ink); font-size: 15px; font-weight: 500; white-space: nowrap; } .dsv3-xpbooking__optionbody { padding: 4px 14px 16px; } .dsv3-xpbooking__request .dsv3-prerequest { margin: 0; } .dsv3-xpbooking__request .dsv3-prerequest__form { margin-top: 0; } .dsv3-xpbooking__request .dsv3-prerequest__fields { grid-template-columns: minmax(0,1fr); } .dsv3-xpbooking__request .dsv3-prerequest__fields > .dsv3-field:first-child { grid-column: auto; } .dsv3-xpbooking__request .dsv3-prerequest__actions { grid-template-columns: minmax(0,1fr); align-items: stretch; } .dsv3-xpbooking__request .dsv3-prerequest__actions > .dsv3-btn { width: 100%; min-width: 0; } .dsv3-xpbooking__session .dsv3-activityorder { grid-template-columns: minmax(0,1fr); margin-top: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none; } .dsv3-xpbooking__session .dsv3-activityorder .dsv3-btn { width: 100%; min-height: 50px; } .dsv3-xpd__tours { display: grid; } .dsv3-xpd__tour { display: flex; align-items: center; gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--dsv3-line); color: var(--dsv3-ink); text-decoration: none; } .dsv3-xpd__tour:last-child { border-bottom: 0; } .dsv3-xpd__tourmedia { position: relative; display: block; flex-shrink: 0; width: 150px; height: 112px; overflow: hidden; border-radius: 12px; } .dsv3-xpd__tourcopy { display: grid; gap: 4px; min-width: 0; } .dsv3-xpd__tourcopy small { color: var(--dsv3-accent); font-size: 11px; } .dsv3-xpd__tourcopy strong { font-size: 17px; font-weight: 500; line-height: 1.35; } .dsv3-xpd__tourcopy span { display: flex; align-items: center; gap: 8px; margin-top: 5px; color: var(--dsv3-muted); font-size: 12px; } .dsv3-xpd__tour:hover strong { text-decoration: underline; text-underline-offset: 4px; } .dsv3-xpd__instagram { padding: 40px 0 48px; } .dsv3-xpd__posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .dsv3-xpd__posts > * { min-width: 0; } .dsv3-xpd__more { padding: 56px 0 64px; } @media (max-width: 850px) { .dsv3-xpd__posts { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(280px, 80%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; } .dsv3-xpd__posts > * { scroll-snap-align: start; } } @media (max-width: 560px) { .dsv3-xpd__tour { gap: 13px; } .dsv3-xpd__tourmedia { width: 105px; height: 100px; } .dsv3-xpd__tourcopy strong { font-size: 15px; } .dsv3-xpd .dsv3-xpbooking { padding: 21px; border-radius: 14px; } .dsv3-xpbooking__price strong { font-size: 29px; } } @media (prefers-reduced-motion: reduce) { .dsv3-xprail__track { scroll-behavior: auto; } .dsv3-xpcard__media img { transition: none; } }