/* TEZFOTOS — utilities used by the Pricing, booking and My Booking screens that the original build did not include. Same tokens as the main stylesheet. */
.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-6{margin-top:calc(var(--spacing) * -6)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}
.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}
.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}
.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}
.gap-x-6{column-gap:calc(var(--spacing) * 6)}
:where(.space-y-2\.5>:not(:last-child)){margin-block-end:calc(var(--spacing) * 2.5)}
:where(.space-y-4>:not(:last-child)){margin-block-end:calc(var(--spacing) * 4)}
.max-w-xl{max-width:36rem}.max-w-3xl{max-width:48rem}.max-h-80{max-height:calc(var(--spacing) * 80)}.w-max{width:max-content}.min-h-11{min-height:calc(var(--spacing) * 11)}
.overflow-y-auto{overflow-y:auto}.list-none{list-style:none}.leading-tight{line-height:1.25}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}
.uppercase{text-transform:uppercase}.tracking-\[0\.12em\]{letter-spacing:.12em}
.text-charcoal\/80{color:color-mix(in oklab,var(--color-charcoal) 80%,transparent)}
.underline-offset-4{text-underline-offset:4px}
.decoration-ember\/60{text-decoration-color:color-mix(in oklab,var(--color-ember) 60%,transparent)}
.decoration-charcoal\/25{text-decoration-color:color-mix(in oklab,var(--color-charcoal) 25%,transparent)}
.accent-\[\#1b1a18\]{accent-color:#1b1a18}
.transition-\[border-color\,box-shadow\,transform\]{transition-property:border-color,box-shadow,transform,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}
.disabled\:opacity-30:disabled{opacity:.3}
@media(hover:hover){
.hover\:decoration-ember:hover{text-decoration-color:var(--color-ember)}
.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
.hover\:shadow-\[0_18px_40px_-24px_rgba\(132\,103\,220\,0\.55\)\]:hover{--tw-shadow:0 18px 40px -24px var(--tw-shadow-color,#8467dc8c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
}
@media(min-width:40rem){.sm\:grid-cols-\[13rem_1fr\]{grid-template-columns:13rem 1fr}}
@media(min-width:48rem){
.md\:mt-8{margin-top:calc(var(--spacing) * 8)}.md\:mt-16{margin-top:calc(var(--spacing) * 16)}
.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.md\:pb-32{padding-bottom:calc(var(--spacing) * 32)}
.md\:col-span-8{grid-column:span 8/span 8}.md\:sticky{position:sticky}.md\:top-28{top:calc(var(--spacing) * 28)}.md\:w-auto{width:auto}
.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,1.4)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,1.2)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,1.11)}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,1)}.md\:text-\[1\.7rem\]{font-size:1.7rem}
}
@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Disclosure (+ turns into ×) */
.tz-details>summary::-webkit-details-marker{display:none}
.tz-details[open] .tz-plus{transform:rotate(45deg)}
/* Category chips scroll sideways on phones without a visible scrollbar */
.tz-chips{scrollbar-width:none}.tz-chips::-webkit-scrollbar{display:none}

/* Readability over bright photographs (hero carousel): soft shadow only, no change to layout or colours */
section[aria-roledescription="carousel"] h1,
section[aria-roledescription="carousel"] p{text-shadow:0 1px 2px rgba(27,26,24,.35),0 2px 28px rgba(27,26,24,.45)}
section[aria-roledescription="carousel"] .text-ivory\/60{color:color-mix(in oklab,var(--color-ivory) 82%,transparent)}
.bg-\[\#f3e2c4\]{background-color:#f3e2c4}.bg-\[\#cfe8d5\]{background-color:#cfe8d5}.bg-\[\#eadbd7\]{background-color:#eadbd7}
@media(min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}