html {
scroll-behavior: smooth;
}
body, html {
font-size: 17px;
line-height: 29px;
}
body {
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-name: fadeIn;
animation-duration: 1s;
font-family: var(--font-main);
color: var(--txt-color);
font-size: 17px;
font-weight: 400;
line-height: 29px;
--txt-color: #000;
--color-main: #eaeaea;
--font-main: 'Poppins', sans-serif;
}
* {
outline: none;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
main {
position: relative;
}
.wrapper-small {
padding-left: 6vw;
padding-right: 6vw;
}
.wrapper {
padding-left: 9vw;
padding-right: 9vw;
}
.wrapper-big {
padding-left: 12vw;
padding-right: 12vw;
}
.flex-wrapper {
display: flex;
flex-wrap: wrap;
}
.padds {
padding-left: 10px;
padding-right: 10px;
}
.padd-top {
padding-top: 60px;
}
.marg-top-small {
margin-top: 30px;
}
.marg-top {
margin-top: 60px;
}
.marg-top-big {
margin-top: 100px;
}
.marg-top-biggest {
margin-top: 160px;
}
.marg-bottom {
margin-bottom: 60px;
}
.w-100 {
width: 100%;
}
.bottom-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.bottom-links a {
margin: 10px;
min-width: 160px;
}
.slick-dots {
margin: 20px 0 0 0;
list-style: none;
padding: 0;
display: flex;
justify-content: center;
}
.slick-dots li {
margin: 3px;
}
.slick-dots li button {
border-radius: 50%;
cursor: pointer;
background-color: var(--color-main);
padding: 0;
margin: 0;
width: 12px;
height: 12px;
transition: .3s;
color: transparent;
border: none;
font-size: 0;
}
.slick-dots li.slick-active button {
background-color: var(--txt-color);
}
.slick-lightbox .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
font-size: 0;
color: transparent;
background-color: #fff;
width: 34px;
height: 34px;
background-repeat: no-repeat;
background-size: 12px;
background-position: center;
background-image: url(../assets/arrow.svg);
cursor: pointer;
z-index: 4;
}
.slick-lightbox .slick-prev {
transform: translateY(-50%) rotate(180deg);
left: 20px;
}
.slick-lightbox .slick-next {
right: 20px;
}
.slick-lightbox-slick-caption {
margin-top: 10px;
display: inline-block;
}
.searchside form {
display: flex;
align-items: center;
margin-bottom: 60px;
}
.searchside form input {
flex: 1;
height: 50px;
font-size: .9rem;
padding: 20px;
border: 1px solid #000;
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: var(--txt-color);
}
.searchside form input::placeholder {
color: var(--txt-color);
}
.searchside form button {
height: 50px;
width: 50px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 0;
border: none;
background-color: var(--txt-color);
cursor: pointer;
transition: .3s;
}
.searchside form button:hover {
background-color: #707070;
}
.searchside form button svg {
filter: brightness(0) invert(1);
width: 17px;
height: auto;
}
.play-cbtn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: none;
font-size: 0;
cursor: pointer;
color: transparent;
background-color: transparent;
z-index: 9;
width: 100px;
height: 100px;
padding: 0;
box-shadow: 0px 3px 10px -6px rgba(66, 68, 90, 1);
transition: .3s;
}
.play-cbtn.loaded {
transform: translate(-50%, -50%) scale(1);
}
.play-cbtn span {
background-color: rgba(143, 176, 176, .6);
border-radius: 50%;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 9;
transition: .3s;
}
.play-cbtn:hover span {
background-color: #363636;
}
.play-cbtn svg {
width: 55%;
height: auto;
}
.play-btn:not(.paused) {
opacity: 0;
}
.play-btn.paused {
opacity: 1;
}
.video-embed video {
padding: 60px;
max-height: 100%;
max-width: 90%;
}
.video-embed {
z-index: 99999;
background-color:rgba(143, 176, 176, .53);
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.video-spinner-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-spinner,
.video-spinner:after {
border-radius: 50%;
width: 100px;
height: 100px;
}
.video-spinner {
display: block;
font-size: 10px;
text-indent: -9999em;
border-top: 1.1em solid rgba(59, 49, 39, 0.5);
border-right: 1.1em solid rgba(59, 49, 39, 0.5);
border-bottom: 1.1em solid rgba(59, 49, 39, 0.5);
border-left: 1.1em solid rgba(37, 30, 24, .5);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.video-embed.open {
display: flex;
}
.video-embed__item {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 20px;
}
.video-embed iframe {
max-width: 100%;
width: 1100px;
height: 500px;
}
.video-close {
position: absolute;
top: 100px;
right: 60px;
border: none;
background-color: transparent;
font-size: 42px;
font-weight: 600;
z-index: 9;
color: var(--color-main);
cursor: pointer;
}
.posrel {
position: relative;
z-index: 4;
}
.section-heading {
font-size: 29px;
line-height: 140%;
font-weight: 400;
color: var(--txt-color);
margin-bottom: 30px;
}
.page-heading {
font-size: 42px;
line-height: 140%;
font-weight: 500;
color: var(--txt-color);
margin-bottom: 30px;
}
.text-center {
text-align: center;
}
.error-wrapper {
margin-top: 120px;
display: flex;
align-items: center;
flex-direction: column;
}
.cbtn {
display: inline-block;
padding: 10px 25px;
background-color: var(--color-main);
border: 1px solid var(--color-main);
color: #000;
transition: .3s;
cursor: pointer;
border-radius: 0;
}
.cbtn:hover {
color: #fff;
background-color: var(--txt-color);
}
/* @ @ SEARCH POP START @ @ */
.pop-search {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999999;
display: none;
background-color: rgba(255,255,255, .95);
padding: 20px;
}
.pop-search>div {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.pop-search form {
display: flex;
align-items: center;
}
.pop-search form input {
width: 400px;
background-color: transparent;
font-size: 1.4rem;
padding: 20px 15px;
font-family: 'Poppins', sans-serif;
border: none;
border-bottom: 1px solid var(--txt-color);
color: var(--txt-color);
max-width: calc(100% - 45px);
}
.pop-search form input::placeholder {
color: var(--txt-color);
font-weight: 300;
}
.pop-search button {
cursor: pointer;
background-color: transparent;
border: none;
margin-left: 15px;
width: 30px;
height: 30px;
}
.pop-search__close {
position: absolute;
top: 120px;
right: 120px;
font-weight: 300;
font-size: 42px;
cursor: pointer;
background-color: transparent;
border: none;
}
.search-results__item {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eaeaea;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
line-height: 125%;
}
.search-results__title {
font-weight: 500;
}
.search-results__link {
font-size: .8rem;
}
/* @ @ SEARCH POP END @ @ */
/* @ @ BANER START @ @ */
/* @ @ BANER END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ START @ @ */
/* @ @ END @ @ */
/* @ @ MEDIA START @ @ */
@media(min-width: 2900px) {
main {
max-width: 2900px;
margin-left: auto;
margin-right: auto;
}
.wrap {
max-width: 2900px;
margin-left: auto;
margin-right: auto;
}
.wrapper {
padding-left: 120px;
padding-right: 120px;
max-width: 2900px;
margin-left: auto;
margin-right: auto;
}
.wrapper-big {
padding-left: 220px;
padding-right: 220px;
max-width: 2900px;
margin-left: auto;
margin-right: auto;
}
.wrapper-small {
padding-left: 60px;
padding-right: 60px;
max-width: 2900px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width: 1440px) {
.wrapper {
padding-left: 4vw;
padding-right: 4vw;
}
.wrapper-big {
padding-right: 6vw;
padding-left: 6vw;
}
}
@media(max-width: 1380px) {
}
@media(max-width: 1280px) {
}
@media(max-width: 1200px) {
}
@media(max-width: 1070px) {
}
@media(min-width: 993px) {
}
@media(max-width: 992px) {
body, html {
font-size: 16px;
line-height: 27px;
}
.wrap,
.wrapper-big,
.wrapper-small,
.wrapper {
padding-left: 10px;
padding-right: 10px;
}
.video-embed iframe {
height: 400px;
}
}
@media(max-width: 767px) {
body, html {
font-size: 15px;
line-height: 24px;
}
.padd-top {
padding-top: 30px;
}
.marg-top-biggest {
margin-top: 100px;
}
.marg-top {
margin-top: 40px;
}
.marg-top-big {
margin-top: 60px;
}
.video-close {
right: 0;
}
.video-embed__item {
padding: 20px 40px;
}
.video-embed iframe {
height: 300px;
}
}
/* @ @ MEDIA END @ @ */
/* ============================================================
EGER THEME — Design System
============================================================ */
:root {
--eger-burgundy: #6B1A1A;
--eger-burgundy-deep: #501010;
--eger-espresso: #1E1714;
--eger-espresso-soft: #2A211C;
--eger-cream: #F5F0EB;
--eger-cream-warm: #EFE7DC;
--eger-paper: #FAF6F0;
--eger-gold: #C9A84C;
--eger-gold-soft: #B89438;
--eger-ink: #1A1614;
--eger-muted: #5C544E;
--eger-line: rgba(15,15,15,0.12);
--eger-line-light: rgba(245,240,235,0.14);
--eger-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
--eger-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
--eger-section-pad: 100px 0;
}
body.home {
padding-top: 0;
background: var(--eger-cream);
font-family: var(--eger-sans);
color: var(--eger-ink);
}
/* === Wspólne elementy === */
.home-eyebrow {
font-family: var(--eger-sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.32em;
text-transform: uppercase;
color: var(--eger-gold-soft);
display: inline-flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
}
.home-eyebrow::before {
content: '';
width: 28px;
height: 1px;
background: currentColor;
flex-shrink: 0;
}
.home-eyebrow--gold { color: var(--eger-gold); }
.home-eyebrow--center::after {
content: '';
width: 28px;
height: 1px;
background: currentColor;
flex-shrink: 0;
}
h2 {
font-family: var(--eger-serif);
font-size: clamp(36px, 4.5vw, 64px);
font-weight: 400;
line-height: 1.05;
letter-spacing: -0.005em;
color: var(--eger-ink);
margin-bottom: 24px;
}
h2 em,
h3 em {
font-style: italic;
color: var(--eger-burgundy);
}
h3 {
font-family: var(--eger-serif);
font-size: clamp(26px, 3vw, 42px);
font-weight: 400;
line-height: 1.1;
color: var(--eger-ink);
margin-bottom: 20px;
}
h4 {
font-family: var(--eger-serif);
font-size: clamp(20px, 2vw, 28px);
font-weight: 500;
line-height: 1.2;
margin-bottom: 10px;
}
.home-lead {
font-size: clamp(17px, 1.3vw, 20px);
line-height: 1.65;
color: #2C2622;
max-width: 62ch;
margin-bottom: 24px;
}
.home-btn {
display: inline-flex;
align-items: center;
gap: 14px;
padding: 16px 32px;
border: 1px solid var(--eger-ink);
color: var(--eger-ink);
font-family: var(--eger-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
transition: background 0.25s, color 0.25s;
cursor: pointer;
}
.home-btn:hover { background: var(--eger-ink); color: var(--eger-cream); }
.home-btn--primary {
background: var(--eger-burgundy);
border-color: var(--eger-burgundy);
color: var(--eger-cream);
}
.home-btn--primary:hover { background: var(--eger-burgundy-deep); border-color: var(--eger-burgundy-deep); color: var(--eger-cream); }
.home-btn--ghost-light {
border-color: rgba(245,240,235,0.45);
color: var(--eger-cream);
}
.home-btn--ghost-light:hover { background: rgba(245,240,235,0.12); color: var(--eger-cream); }
.home-text-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.06em;
color: var(--eger-ink);
border-bottom: 1px solid var(--eger-gold-soft);
padding-bottom: 2px;
transition: color 0.2s;
}
.home-text-link:hover { color: var(--eger-burgundy); }
.home-text-link--light { color: var(--eger-cream); border-bottom-color: rgba(245,240,235,0.4); }
.home-text-link--light:hover { color: var(--eger-gold); }
/* === Hero === */
.home-hero {
position: relative;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
background: var(--eger-espresso);
color: var(--eger-cream);
padding: var(--eger-nav-h, 80px) 48px 280px;
}
.home-hero__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 0;
}
.home-hero__overlay {
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(20,16,14,0.5) 0%, rgba(20,16,14,0.25) 30%, rgba(20,16,14,0.55) 75%, rgba(20,16,14,0.85) 100%),
linear-gradient(90deg, rgba(20,16,14,0.45) 0%, rgba(20,16,14,0) 45%);
z-index: 1;
}
.home-hero__content {
position: relative;
z-index: 2;
max-width: 1440px;
width: 100%;
margin: 0 auto;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-hero__text {
max-width: 860px;
text-align: center;
margin: 0 auto;
}
.home-hero__eyebrow {
display: block;
font-family: var(--eger-sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.32em;
text-transform: uppercase;
color: var(--eger-gold);
margin-bottom: 28px;
}
.home-hero__title {
font-family: var(--eger-serif);
font-size: clamp(52px, 7vw, 108px);
font-weight: 400;
line-height: 0.96;
letter-spacing: -0.01em;
color: var(--eger-cream);
margin-bottom: 0;
text-shadow: 0 2px 30px rgba(0,0,0,0.3);
}
.home-hero__title em { font-style: italic; color: var(--eger-gold); font-weight: 400; }
.home-hero__meta {
position: absolute;
bottom: 24px;
left: 48px;
z-index: 2;
display: flex;
gap: 40px;
font-family: var(--eger-sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.24em;
text-transform: uppercase;
color: rgba(245,240,235,0.6);
}
.home-hero__meta span + span::before {
content: '—';
margin-right: 12px;
opacity: 0.4;
}
.home-hero__scroll {
position: absolute;
bottom: 24px;
right: 48px;
z-index: 2;
display: flex;
align-items: center;
gap: 14px;
font-family: var(--eger-sans);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.24em;
text-transform: uppercase;
color: rgba(245,240,235,0.6);
}
.home-hero__scroll-line {
display: block;
width: 60px;
height: 1px;
background: var(--eger-gold);
position: relative;
overflow: hidden;
}
.home-hero__scroll-line::after {
content: '';
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: var(--eger-cream);
animation: hero-scroll-pulse 2s ease-in-out infinite;
}
@keyframes hero-scroll-pulse { 0% { left: -100%; } 100% { left: 100%; } }
/* Booking widget */
.home-hero__booking {
position: absolute;
z-index: 3;
left: 50%;
transform: translateX(-50%);
bottom: 120px;
width: min(880px, calc(100% - 96px));
display: grid;
grid-template-columns: 1fr 1fr auto;
gap: 14px;
align-items: stretch;
}
.home-hero__booking-field {
background: rgba(255,255,255,0.96);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: var(--eger-ink);
padding: 0 24px;
height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
cursor: pointer;
transition: background 0.25s, transform 0.25s;
position: relative;
box-shadow: 0 18px 48px rgba(15,12,10,0.28);
border: 1px solid rgba(255,255,255,0.4);
}
.home-hero__booking-field:hover { background: #fff; transform: translateY(-1px); }
.home-hero__booking-label {
font-family: var(--eger-sans);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--eger-ink);
flex: 1;
}
.home-hero__booking-value {
font-family: var(--eger-sans);
font-size: 12px;
font-weight: 500;
color: var(--eger-burgundy);
white-space: nowrap;
}
.home-hero__booking-ico {
color: var(--eger-ink);
opacity: 0.85;
flex-shrink: 0;
}
.home-hero__booking-input {
position: absolute;
inset: 0;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.home-hero__booking-cta {
background: var(--eger-espresso);
color: var(--eger-cream);
border: 1px solid var(--eger-espresso);
padding: 0 38px;
height: 64px;
display: flex;
align-items: center;
gap: 14px;
font-family: var(--eger-sans);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.28em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.25s, transform 0.25s;
white-space: nowrap;
box-shadow: 0 18px 48px rgba(15,12,10,0.28);
}
.home-hero__booking-cta:hover { background: var(--eger-burgundy); transform: translateY(-1px); }
.home-hero__booking-cta svg { transition: transform 0.3s; }
.home-hero__booking-cta:hover svg { transform: translateX(4px); }
/* === USP === */
.home-usp {
background: var(--eger-cream);
padding: 60px 0;
}
.home-usp__grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0;
border-top: 1px solid var(--eger-line);
border-bottom: 1px solid var(--eger-line);
}
.home-usp__item {
padding: 48px 32px;
border-right: 1px solid var(--eger-line);
display: flex;
flex-direction: column;
gap: 18px;
transition: background 0.3s;
}
.home-usp__item:last-child { border-right: none; }
.home-usp__item:hover { background: var(--eger-cream); }
.home-usp__num {
font-family: var(--eger-serif);
font-size: 13px;
color: var(--eger-gold-soft);
letter-spacing: 0.1em;
}
.home-usp__item-title {
font-family: var(--eger-serif);
font-size: 22px;
font-weight: 400;
line-height: 1.2;
color: var(--eger-ink);
margin: 0;
}
.home-usp__item p {
font-size: 13px;
line-height: 1.6;
color: var(--eger-muted);
margin: 0;
}
/* === O nas === */
.home-about {
background: var(--eger-paper);
padding: var(--eger-section-pad);
}
.home-about__image {
position: relative;
aspect-ratio: 4/5;
overflow: hidden;
}
.home-about__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 1.2s ease;
}
.home-about__image:hover img { transform: scale(1.04); }
.home-about__badge {
position: absolute;
top: 24px;
left: 24px;
background: var(--eger-cream);
color: var(--eger-burgundy);
font-family: var(--eger-sans);
font-size: 10px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
padding: 14px 22px;
}
.home-about__content { padding: 0 15px 0 65px; }
.home-about__title {
font-family: var(--eger-serif);
font-size: clamp(40px, 5vw, 72px);
font-weight: 400;
line-height: 1.05;
color: var(--eger-ink);
margin-bottom: 28px;
max-width: 16ch;
}
.home-about__title em { font-style: italic; color: var(--eger-burgundy); }
.home-about__lead {
font-size: 18px;
line-height: 1.7;
color: #2C2622;
margin-bottom: 20px;
}
.home-about__content p { font-size: 16px; line-height: 1.75; color: var(--eger-muted); margin-bottom: 16px; }
.home-about__signature { margin-top: 32px; border-left: 1px solid var(--eger-gold); padding-left: 20px; display: flex; flex-direction: column; gap: 4px; }
.home-about__sig-name { font-family: var(--eger-serif); font-size: 22px; font-weight: 500; font-style: italic; color: var(--eger-burgundy); }
.home-about__sig-role { font-size: 11px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--eger-muted); }
.home-about > .container > .row { align-items: center; }
.home-about__stats { margin-top: 96px; border-top: 1px solid var(--eger-line); }
.home-about__stats.row { display: grid; grid-template-columns: repeat(4, 1fr); margin-right: 0; margin-left: 0; }
.home-stat { padding: 36px 24px 0; border-right: 1px solid var(--eger-line); display: flex; flex-direction: column; gap: 10px; max-width: none; flex: none; }
.home-stat:last-child { border-right: none; }
.home-stat__num {
display: flex;
align-items: baseline;
gap: 4px;
font-family: var(--eger-serif);
font-size: clamp(56px, 6vw, 88px);
font-weight: 400;
color: var(--eger-ink);
line-height: 1;
letter-spacing: -0.02em;
}
.home-stat__num small,
.home-stat__suffix { font-size: 0.42em; color: var(--eger-gold-soft); font-style: italic; font-weight: 400; letter-spacing: 0; vertical-align: baseline; }
.home-stat__lbl { font-size: 11px; letter-spacing: 0.26em; text-transform: uppercase; color: var(--eger-muted); font-weight: 500; }
/* === Pokoje === */
.home-rooms {
background: var(--eger-cream);
padding: var(--eger-section-pad);
}
.home-rooms__header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: end;
margin-bottom: 80px;
}
.home-rooms__header-left .home-eyebrow { margin-bottom: 24px; }
.home-rooms__header-left h2 {
font-family: var(--eger-serif);
font-size: clamp(40px, 5vw, 72px);
font-weight: 400;
line-height: 1.05;
color: var(--eger-ink);
max-width: 14ch;
margin-bottom: 0;
}
.home-rooms__header-left h2 em { font-style: italic; color: var(--eger-burgundy); }
.home-rooms__header-right { padding-top: 0; }
.home-rooms__header-right .home-lead { max-width: 48ch; margin-left: auto; }
.home-rooms__header-right .home-text-link { margin-top: 24px; display: inline-flex; }
.home-rooms__grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 24px;
}
.home-room-card {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
background: var(--eger-espresso);
color: var(--eger-cream);
cursor: pointer;
text-decoration: none;
min-height: 480px;
}
.home-room-card--wide { grid-column: span 6; min-height: 540px; }
.home-room-card--narrow { grid-column: span 4; }
.home-room-card__img {
position: absolute;
inset: 0;
overflow: hidden;
}
.home-room-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1s ease, filter 0.4s;
filter: brightness(0.85);
display: block;
}
.home-room-card__img::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(15,15,15,0) 30%, rgba(15,15,15,0.85) 100%);
}
.home-room-card:hover .home-room-card__img img { transform: scale(1.06); filter: brightness(0.7); }
.home-room-card__arrow {
position: absolute;
top: 24px;
right: 24px;
width: 44px;
height: 44px;
border: 1px solid rgba(245,240,235,0.4);
border-radius: 50%;
background: rgba(245,240,235,0);
display: flex;
align-items: center;
justify-content: center;
color: var(--eger-cream);
transition: background 0.3s, border-color 0.3s, transform 0.3s;
z-index: 2;
}
.home-room-card:hover .home-room-card__arrow { background: var(--eger-gold); border-color: var(--eger-gold); color: var(--eger-ink); transform: rotate(-45deg); }
.home-room-card__content {
position: relative;
z-index: 1;
margin-top: auto;
padding: 32px;
display: flex;
flex-direction: column;
gap: 8px;
}
.home-room-card__meta {
display: flex;
gap: 20px;
font-family: var(--eger-sans);
font-size: 10px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--eger-gold);
margin-bottom: 4px;
}
.home-room-card .home-room-card__name {
font-family: var(--eger-serif);
font-size: 30px;
font-weight: 500;
color: #fff;
line-height: 1.15;
margin-bottom: 0;
}
.home-room-card__desc { font-size: 13px; color: rgba(245,240,235,0.75); margin-top: 4px; }
.home-room-card__price { display: flex; align-items: baseline; gap: 8px; margin-top: 12px; }
.home-room-card__from { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(245,240,235,0.7); }
.home-room-card__amt { font-family: var(--eger-serif); font-size: 26px; color: var(--eger-cream); }
/* === Restauracja === */
.home-restaurant {
background: var(--eger-espresso);
padding: var(--eger-section-pad);
color: var(--eger-cream);
}
.home-restaurant h2 {
font-family: var(--eger-serif);
font-size: clamp(40px, 5vw, 72px);
font-weight: 400;
line-height: 1.05;
color: var(--eger-cream);
margin-top: 20px;
margin-bottom: 0;
}
.home-restaurant h2 em { color: var(--eger-gold); font-style: italic; }
.home-restaurant p { color: rgba(245,240,235,0.85); margin-bottom: 16px; }
.home-restaurant__feature.row {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 0;
align-items: stretch;
margin: 0 0 100px;
}
.home-restaurant__img {
max-width: none;
padding: 0;
flex: none;
overflow: hidden;
}
.home-restaurant__img img {
width: 100%;
height: 100%;
aspect-ratio: 4/5;
object-fit: cover;
display: block;
}
.home-restaurant__body {
max-width: none;
flex: none;
padding: 80px 64px;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-restaurant__quote {
font-family: var(--eger-serif);
font-size: 24px;
font-style: italic;
color: var(--eger-gold);
border-left: 1px solid var(--eger-gold);
padding-left: 20px;
margin: 28px 0 32px;
line-height: 1.4;
max-width: 32ch;
}
.home-restaurant__ctas {
display: flex;
align-items: center;
gap: 24px;
margin-top: 32px;
flex-wrap: wrap;
}
.home-restaurant__note {
display: block;
margin-top: 16px;
font-size: 12px;
letter-spacing: 0.16em;
color: rgba(245,240,235,0.6);
}
.home-menu { margin-top: 100px; }
.home-menu__head { text-align: center; margin-bottom: 60px; }
.home-menu__head .home-eyebrow { justify-content: center; }
.home-menu__head .home-eyebrow::before { display: none; }
.home-menu__head .home-eyebrow::after { content: ''; width: 28px; height: 1px; background: currentColor; }
.home-menu__head h3 {
font-family: var(--eger-serif);
font-size: clamp(28px, 3.4vw, 48px);
font-weight: 400;
color: #fff;
margin-top: 16px;
margin-bottom: 16px;
}
.home-menu__head p { color: rgba(245,240,235,0.75); max-width: 52ch; margin: 0 auto; }
.home-menu__strip {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-top: 80px;
}
.home-menu__card {
background: var(--eger-paper);
display: flex;
flex-direction: column;
overflow: hidden;
transition: transform 0.4s, box-shadow 0.4s;
}
.home-menu__card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(15,15,15,0.12); }
.home-menu__card-img {
aspect-ratio: 1;
overflow: hidden;
background: var(--eger-cream-warm);
}
.home-menu__card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s; }
.home-menu__card:hover .home-menu__card-img img { transform: scale(1.05); }
.home-menu__card-info {
padding: 22px 24px 26px;
display: flex;
flex-direction: column;
gap: 6px;
border-top: 3px solid var(--eger-gold);
}
.home-menu__cat {
display: block;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.26em;
text-transform: uppercase;
color: var(--eger-burgundy);
}
.home-menu__card h4 { font-family: var(--eger-serif); font-size: 20px; color: var(--eger-ink); font-weight: 500; line-height: 1.25; }
.home-menu__desc { display: block; font-size: 12px; color: var(--eger-muted); margin-top: 4px; }
.home-menu__price { display: block; font-family: var(--eger-serif); font-size: 22px; color: var(--eger-ink); font-weight: 400; margin-top: 10px; }
.home-menu__cta { text-align: center; margin-top: 56px; }
/* === SPA === */
.home-spa {
background: var(--eger-paper);
padding: var(--eger-section-pad);
}
.home-spa__collage.row {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 48px;
align-items: stretch;
margin: 0;
}
.home-spa__images {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 16px;
max-width: none;
padding: 0;
}
.home-spa__img { overflow: hidden; }
.home-spa__img:first-child { grid-row: span 2; grid-column: unset; }
.home-spa__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.home-spa__img:first-child img { height: 100%; }
.home-spa__content {
padding: 32px 0;
max-width: none;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-spa__features { margin-top: 32px; display: flex; flex-direction: column; gap: 0; }
.home-spa__feature { display: flex; gap: 18px; align-items: flex-start; padding: 18px 0; border-top: 1px solid var(--eger-line); }
.home-spa__feature:last-child { border-bottom: 1px solid var(--eger-line); }
.home-spa__glyph {
font-family: var(--eger-serif);
font-size: 26px;
font-style: italic;
color: var(--eger-burgundy);
flex-shrink: 0;
width: 44px;
}
.home-spa__feature-text { display: flex; flex-direction: column; gap: 4px; }
.home-spa__feature-text strong { font-family: var(--eger-serif); font-size: 13px; font-weight: 500; color: var(--eger-ink); }
.home-spa__feature-text span { font-size: 13px; line-height: 1.55; color: var(--eger-muted); }
.home-spa__note { display: block; margin-top: 28px; font-size: 13px; color: var(--eger-muted); }
/* === Konferencje === */
.home-conf {
background: var(--eger-cream);
padding: var(--eger-section-pad);
}
.home-conf__image {
overflow: hidden;
position: relative;
padding: 0;
}
.home-conf__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.home-conf__stat {
position: absolute;
bottom: 32px;
left: 32px;
background: var(--eger-burgundy);
color: var(--eger-cream);
padding: 22px 26px;
display: flex;
flex-direction: column;
gap: 4px;
}
.home-conf__stat-num {
font-family: var(--eger-serif);
font-size: 48px;
font-weight: 400;
line-height: 1;
color: var(--eger-gold);
}
.home-conf__stat-lbl { font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; }
.home-conf__body {
padding: 80px 64px;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-conf__table {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 64px;
margin: 36px 0 32px;
}
.home-conf__row {
display: flex;
align-items: baseline;
justify-content: space-between;
padding: 18px 0;
border-bottom: 1px solid var(--eger-line);
font-size: 14px;
gap: 16px;
}
.home-conf__row span:first-child { color: var(--eger-muted); letter-spacing: 0.04em; }
.home-conf__row span:last-child { font-family: var(--eger-serif); font-size: 18px; color: var(--eger-ink); text-align: right; font-weight: 500; }
.home-conf__ctas { display: flex; align-items: center; gap: 20px; margin-top: 36px; flex-wrap: wrap; }
.home-conf__email { font-size: 13px; color: var(--eger-muted); }
/* === Atrakcje === */
.home-attractions {
background: var(--eger-espresso);
padding: var(--eger-section-pad);
position: relative;
color: var(--eger-cream);
}
.home-attractions__bg {
position: absolute;
inset: 0;
opacity: 0.15;
background-image: url('../assets/img/aerial-residence.jpg');
background-size: cover;
background-position: center;
filter: sepia(0.4);
}
.home-attractions .container { position: relative; }
.home-attractions h2 { color: var(--eger-cream); }
.home-attractions h2 em { color: var(--eger-gold); }
.home-attractions .home-lead { color: rgba(245,240,235,0.8); }
.home-attractions__header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: end;
margin-bottom: 80px;
}
.home-attractions__header h2 { max-width: 14ch; }
.home-attractions__header-right .home-lead { max-width: 48ch; margin-left: auto; }
.home-attractions__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
border-top: 1px solid rgba(245,240,235,0.12);
border-left: 1px solid rgba(245,240,235,0.12);
}
.home-attraction-card {
border-right: 1px solid rgba(245,240,235,0.12);
border-bottom: 1px solid rgba(245,240,235,0.12);
padding: 40px 32px 44px;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
overflow: hidden;
transition: background 0.4s;
min-height: 320px;
}
.home-attraction-card::before {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--eger-burgundy), var(--eger-gold));
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease;
}
.home-attraction-card:hover { background: rgba(201,168,76,0.07); }
.home-attraction-card:hover::before { transform: scaleX(1); }
.home-attraction-card__num {
font-family: var(--eger-serif);
font-size: 13px;
letter-spacing: 0.1em;
color: var(--eger-gold);
opacity: 0.9;
}
.home-attraction-card__title {
display: block;
font-size: 24px;
line-height: 1.15;
max-width: 14ch;
color: var(--eger-cream);
margin-bottom: 0;
}
.home-attraction-card p {
font-size: 13px;
line-height: 1.65;
color: rgba(245,240,235,0.65);
}
.home-attraction-card__link {
margin-top: auto;
align-self: flex-start;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 10px;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--eger-gold);
opacity: 0.85;
text-decoration: none;
transition: transform 0.3s, opacity 0.3s;
}
.home-attraction-card:hover .home-attraction-card__link { transform: translateX(6px); opacity: 1; }
/* === Gault & Millau === */
.home-gm {
background: var(--eger-cream);
padding: 72px 0;
}
.home-gm__block {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 48px;
background: var(--eger-burgundy);
color: var(--eger-cream);
padding: 64px;
}
.home-gm__seal {
flex-shrink: 0;
width: 140px;
height: 140px;
border: 2px solid var(--eger-gold);
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}
.home-gm__seal::before,
.home-gm__seal::after { content: '★'; color: var(--eger-gold); position: absolute; font-size: 12px; }
.home-gm__seal::before { top: 8px; }
.home-gm__seal::after { bottom: 8px; }
.home-gm__seal-top { font-family: var(--eger-serif); font-size: 32px; font-weight: 600; color: var(--eger-gold); line-height: 1; }
.home-gm__seal-bottom { font-size: 9px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--eger-cream); margin-top: 4px; }
.home-gm__text { flex: 1; }
.home-gm__text .home-eyebrow { color: var(--eger-gold); }
.home-gm__text h3 { font-family: var(--eger-serif); font-size: clamp(24px, 2.4vw, 36px); font-weight: 400; line-height: 1.25; color: var(--eger-cream); max-width: 30ch; margin-bottom: 12px; }
.home-gm__text p { font-size: 14px; line-height: 1.7; color: rgba(245,240,235,0.8); margin: 0; }
/* === Oferty === */
.home-offers {
background: var(--eger-paper);
padding: var(--eger-section-pad);
}
.home-offers__header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: end;
margin-bottom: 56px;
}
.home-offers__header-left .home-eyebrow { margin-bottom: 24px; }
.home-offers__header h2 { max-width: 14ch; }
.home-offers__header-right .home-lead { max-width: 48ch; margin-left: auto; }
.home-offers__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.home-offer-card {
background: var(--eger-paper);
display: flex;
flex-direction: column;
position: relative;
}
.home-offer-card__img { aspect-ratio: 16/10; overflow: hidden; }
.home-offer-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s; }
.home-offer-card:hover .home-offer-card__img img { transform: scale(1.05); }
.home-offer-card__body { padding: 28px 32px 32px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.home-offer-card__tag {
display: inline-block;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.26em;
text-transform: uppercase;
color: var(--eger-burgundy);
}
.home-offer-card__body h3 { font-family: var(--eger-serif); font-size: 28px; font-weight: 500; color: var(--eger-ink); margin-bottom: 0; }
.home-offer-card__body p { font-size: 14px; color: var(--eger-muted); line-height: 1.65; }
.home-offer-card__price-row { margin-top: auto; display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--eger-line); padding-top: 20px; }
.home-offer-card__from { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--eger-muted); }
.home-offer-card__amt { font-family: var(--eger-serif); font-size: 26px; color: var(--eger-burgundy); }
/* === Galeria === */
.home-gallery {
background: var(--eger-cream);
padding: var(--eger-section-pad);
}
.home-gallery__header { text-align: center; margin-bottom: 48px; }
.home-gallery__header h2 { margin-bottom: 12px; }
.home-gallery__header p { color: var(--eger-muted); max-width: 52ch; margin: 0 auto; }
.home-gallery__mosaic {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: 120px;
gap: 8px;
}
.home-gallery__tile {
display: block;
overflow: hidden;
position: relative;
cursor: pointer;
}
.home-gallery__tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease, opacity 0.4s ease; opacity: 1; }
.home-gallery__tile:hover { will-change: transform; }
.home-gallery__tile:hover img { transform: scale(1.04); }
.home-gallery__tile::after {
content: '';
position: absolute;
inset: 0;
background: rgba(107, 26, 26, 0);
transition: background 0.3s;
pointer-events: none;
}
.home-gallery__tile:hover::after { background: rgba(107, 26, 26, 0.12); }
.home-gallery__tile:nth-child(1) { grid-column: span 5; grid-row: span 3; }
.home-gallery__tile:nth-child(2) { grid-column: span 4; grid-row: span 2; }
.home-gallery__tile:nth-child(3) { grid-column: span 3; grid-row: span 2; }
.home-gallery__tile:nth-child(4) { grid-column: span 4; grid-row: span 2; }
.home-gallery__tile:nth-child(5) { grid-column: span 3; grid-row: span 2; }
.home-gallery__tile:nth-child(6) { grid-column: span 5; grid-row: span 3; }
.home-gallery__tile:nth-child(7) { grid-column: span 4; grid-row: span 3; }
.home-gallery__tile:nth-child(8) { grid-column: span 3; grid-row: span 2; }
.home-gallery__tile:nth-child(9) { grid-column: span 4; grid-row: span 2; }
.home-gallery__tile:nth-child(10) { grid-column: span 5; grid-row: span 2; }
.home-gallery__cta { text-align: center; margin-top: 56px; }
/* Galeria — podstrona */
.gallery-page { background: var(--eger-paper); font-family: var(--eger-sans); color: var(--eger-ink); }
.gallery-page .home-gallery__mosaic { grid-auto-rows: 160px; }
.gallery-tile--hidden { display: none; }
.gallery-page__more { text-align: center; margin-top: 56px; }
/* === Atrakcje === */
.atr-section {
background: var(--eger-espresso);
color: var(--eger-cream);
position: relative;
padding: var(--eger-section-pad);
}
.atr-section::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
background:
radial-gradient(ellipse at top right, rgba(201,168,76,0.06) 0%, transparent 55%),
radial-gradient(ellipse at bottom left, rgba(107,26,26,0.18) 0%, transparent 60%);
}
.atr-section__bg {
position: absolute;
inset: 0;
z-index: 0;
background-size: cover;
background-position: center;
opacity: 0.12;
filter: sepia(0.4);
pointer-events: none;
}
.atr-container { position: relative; z-index: 1; }
/* Feature intro */
.atr-feature-grid {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 64px;
margin-bottom: 80px;
align-items: center;
}
.atr-feature-img {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
}
.atr-feature-img img { width: 100%; height: 100%; object-fit: cover; }
.atr-feature-badge {
position: absolute;
bottom: 24px;
left: 24px;
background: var(--eger-burgundy);
color: var(--eger-gold);
font-family: var(--eger-serif);
font-style: italic;
padding: 14px 22px;
font-size: 14px;
letter-spacing: 0.06em;
}
.atr-feature-content { display: flex; flex-direction: column; gap: 0; }
.atr-feature-content .home-eyebrow { color: var(--eger-gold); margin-bottom: 16px; }
.atr-heading {
font-family: var(--eger-serif);
font-size: clamp(36px, 4vw, 56px);
font-weight: 500;
color: var(--eger-cream);
line-height: 1.15;
margin: 0 0 20px;
}
.atr-heading em { font-style: italic; color: var(--eger-gold); }
.atr-lead {
font-size: 16px;
color: rgba(245,240,235,0.85);
line-height: 1.65;
margin: 0 0 16px;
}
.atr-text {
font-size: 15px;
color: rgba(245,240,235,0.7);
line-height: 1.65;
margin: 0;
}
/* Karty header */
.atr-cards-header { margin-bottom: 40px; }
.atr-cards-header .home-eyebrow { color: var(--eger-gold); margin-bottom: 12px; }
.atr-subheading {
font-family: var(--eger-serif);
font-size: clamp(28px, 3vw, 44px);
font-weight: 500;
color: var(--eger-cream);
line-height: 1.2;
margin: 0;
}
.atr-subheading em { font-style: italic; color: var(--eger-gold); }
/* Cards grid */
.atr-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.atr-card {
background: rgba(245,240,235,0.04);
border: 1px solid rgba(245,240,235,0.12);
display: flex;
flex-direction: column;
overflow: hidden;
transition: transform 0.4s, border-color 0.4s, background 0.4s;
}
.atr-card:hover {
transform: translateY(-4px);
border-color: rgba(201,168,76,0.4);
background: rgba(245,240,235,0.07);
}
.atr-card-img {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
background: rgba(255,255,255,0.05);
}
.atr-card-img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.9s ease;
filter: brightness(0.85);
}
.atr-card:hover .atr-card-img img { transform: scale(1.05); }
.atr-card-num {
position: absolute;
top: 16px; left: 18px;
font-family: var(--eger-serif);
font-style: italic;
font-size: 36px;
color: var(--eger-gold);
text-shadow: 0 2px 12px rgba(0,0,0,0.5);
}
.atr-card-distance {
position: absolute;
bottom: 14px; right: 14px;
background: rgba(20,16,14,0.85);
color: var(--eger-gold);
padding: 6px 12px;
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
backdrop-filter: blur(6px);
}
.atr-card-body {
padding: 26px 28px 32px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1;
}
.atr-card-cat {
font-size: 11px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--eger-gold);
}
.atr-card-title {
font-family: var(--eger-serif);
font-size: 22px;
color: var(--eger-cream);
font-weight: 500;
margin: 0;
}
.atr-card-body p {
font-size: 14px;
color: rgba(245,240,235,0.7);
line-height: 1.55;
margin: 0;
}
.atr-card-tags {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: auto;
padding-top: 14px;
border-top: 1px solid rgba(245,240,235,0.1);
}
.atr-card-tags span {
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--eger-gold);
padding: 4px 10px;
border: 1px solid rgba(201,168,76,0.4);
}
/* Info strip */
.atr-info-strip {
margin-top: 80px;
padding: 56px 64px;
background: rgba(245,240,235,0.04);
border: 1px solid rgba(201,168,76,0.18);
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
text-align: center;
}
.atr-info-strip > div { display: flex; flex-direction: column; gap: 8px; }
.atr-info-ic {
width: 48px; height: 48px;
margin: 0 auto 10px;
display: flex; align-items: center; justify-content: center;
border: 1px solid rgba(201,168,76,0.5);
border-radius: 50%;
color: var(--eger-gold);
}
.atr-info-strip h5 {
font-family: var(--eger-serif);
font-size: 22px;
color: var(--eger-cream);
font-weight: 500;
margin: 0;
}
.atr-info-strip p {
font-size: 14px;
color: rgba(245,240,235,0.7);
line-height: 1.55;
margin: 0;
}
/* Sezony */
.atr-seasons-wrap { margin-top: 80px; }
.atr-seasons-header { margin-bottom: 40px; }
.atr-seasons-header .home-eyebrow { color: var(--eger-gold); margin-bottom: 12px; }
.atr-seasons {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.atr-season {
padding: 32px;
background: rgba(245,240,235,0.04);
border: 1px solid rgba(201,168,76,0.2);
display: flex;
flex-direction: column;
gap: 8px;
}
.atr-season-months {
font-family: var(--eger-serif);
font-style: italic;
font-size: 16px;
color: var(--eger-gold);
}
.atr-season-name {
font-family: var(--eger-serif);
font-size: 28px;
color: var(--eger-cream);
font-weight: 500;
margin: 0;
}
.atr-season-tagline {
font-size: 13px;
color: rgba(245,240,235,0.7);
text-transform: uppercase;
letter-spacing: 0.15em;
margin: 0;
}
.atr-season-desc {
font-size: 14px;
color: rgba(245,240,235,0.8);
line-height: 1.55;
margin-top: 8px;
}
/* Responsive */
@media (max-width: 1100px) {
.atr-cards { grid-template-columns: 1fr 1fr; }
.atr-seasons { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
.atr-feature-grid { grid-template-columns: 1fr; gap: 32px; }
.atr-info-strip { grid-template-columns: 1fr; padding: 36px 28px; gap: 24px; }
}
@media (max-width: 600px) {
.atr-cards { grid-template-columns: 1fr; }
.atr-seasons { grid-template-columns: 1fr; }
}
/* === Kontakt === */
.home-contact {
background: var(--eger-paper);
padding: var(--eger-section-pad);
font-family: var(--eger-sans);
color: var(--eger-ink);
}
.home-contact__header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: end;
margin-bottom: 56px;
}
.home-contact__header-left .home-eyebrow { margin-bottom: 24px; }
.home-contact__header h2 { max-width: 14ch; }
.home-contact__header-right .home-lead { max-width: 48ch; margin-left: auto; }
.home-contact__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}
.home-contact__info { display: flex; flex-direction: column; gap: 36px; }
.home-contact__row {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px 0;
border-bottom: 1px solid var(--eger-line);
}
.home-contact__label {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.26em;
text-transform: uppercase;
color: var(--eger-gold-soft);
}
.home-contact__value { font-family: var(--eger-serif); font-size: 22px; color: var(--eger-ink); font-weight: 400; }
.home-contact__value--small { font-size: 18px; font-family: inherit; color: var(--eger-muted); }
.home-contact__ctas { display: flex; gap: 16px; margin-top: 8px; flex-wrap: wrap; }
.home-contact__map {
aspect-ratio: 4/5;
position: relative;
overflow: hidden;
background: var(--eger-cream-warm);
}
.home-contact__map iframe { border: none; width: 100%; height: 100%; display: block; filter: grayscale(0.4) sepia(0.1); }
/* AOS — zapobieganie poziomemu scrollowi przy fade-left/right */
section { overflow-x: clip; }
/* ============================================================
EGER — Responsive
============================================================ */
@media (max-width: 1024px) {
.home-rooms__grid {
grid-template-columns: repeat(2, 1fr);
}
.home-room-card--wide,
.home-room-card--narrow { grid-column: span 1; }
.home-menu__strip { grid-template-columns: repeat(2, 1fr); margin-top: 48px; }
.home-attractions__grid { grid-template-columns: repeat(2, 1fr); }
.home-restaurant__body { padding-left: 32px; }
.home-conf__body { padding-left: 32px; }
.home-offers__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 992px) {
.home-rooms__header { grid-template-columns: 1fr; gap: 24px; }
.home-rooms__header-right .home-lead { margin-left: 0; max-width: none; }
.home-restaurant__feature.row { grid-template-columns: 1fr; margin-bottom: 64px; }
.home-restaurant__img img { aspect-ratio: 3/2; height: auto; }
.home-restaurant__body { padding: 48px 32px; }
/* conf */
.home-conf__feature.row { grid-template-columns: 1fr; }
.home-conf__image { aspect-ratio: 16/9; max-height: 440px; }
.home-conf__body { padding: 48px 32px; }
/* spa */
.home-spa__collage.row { grid-template-columns: 1fr; }
.home-spa__images { height: 400px; margin-bottom: 32px; }
/* attractions header */
.home-attractions__header { grid-template-columns: 1fr; gap: 20px; margin-bottom: 48px; }
.home-attractions__header-right .home-lead { margin-left: 0; }
.home-about__content { padding-left: 15px; margin-top: 48px; }
.home-about__image { aspect-ratio: 3/2; }
.home-about__stats.row { grid-template-columns: 1fr 1fr; }
.home-gm__block { flex-direction: column; gap: 32px; text-align: center; padding: 40px 32px; }
.home-offers__header { grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px; }
.home-offers__header-right .home-lead { margin-left: 0; }
}
@media (max-width: 767px) {
:root { --eger-section-pad: 64px 0; }
.home-hero { padding: 80px 24px 320px; }
.home-hero__title { font-size: clamp(42px, 12vw, 72px); }
.home-hero__meta,
.home-hero__scroll { display: none; }
.home-hero__booking {
grid-template-columns: 1fr;
bottom: 32px;
width: calc(100% - 48px);
gap: 10px;
}
.home-hero__booking-cta { padding: 22px; justify-content: center; }
.home-usp__grid { grid-template-columns: 1fr; }
.home-usp__item { border-right: none; border-bottom: 1px solid var(--eger-line); padding: 32px 24px; gap: 12px; }
.home-usp__item:last-child { border-bottom: none; }
.home-rooms__grid { grid-template-columns: 1fr; }
.home-room-card--wide,
.home-room-card--narrow { grid-column: span 1; }
.home-menu__strip { grid-template-columns: 1fr; }
.home-offers__grid { grid-template-columns: 1fr; }
.home-gallery__mosaic { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 180px; }
.home-gallery__tile:nth-child(n) { grid-column: span 1; grid-row: span 1; }
.home-contact__header { grid-template-columns: 1fr; gap: 24px; }
.home-contact__header-right .home-lead { margin-left: 0; }
.home-contact__grid { grid-template-columns: 1fr; gap: 40px; }
.home-contact__map { aspect-ratio: 4/3; }
/* conf */
.home-conf__table { grid-template-columns: 1fr; }
.home-conf__image { aspect-ratio: 4/3; }
.home-conf__body { padding: 40px 24px; }
/* spa */
.home-spa__images { height: 300px; }
/* attractions */
.home-attractions__grid { grid-template-columns: 1fr; }
.home-attraction-card { min-height: 0; padding: 32px 20px 36px; }
.home-stat { border-right: none; border-bottom: 1px solid var(--eger-line); }
.home-stat:last-child { border-bottom: none; }
}
/* === Footer === */
.site-footer {
background: var(--eger-espresso);
color: rgba(245, 240, 235, 0.7);
padding: 80px 48px 32px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 64px;
max-width: 1300px;
margin: 0 auto 64px;
}
.footer-brand__logo {
display: block;
width: 96px;
height: auto;
margin-bottom: 24px;
}
.footer-brand__name {
display: block;
color: var(--eger-cream);
font-family: var(--eger-serif);
font-size: 28px;
font-weight: 500;
letter-spacing: 0.04em;
margin-bottom: 8px;
}
.footer-brand__text {
font-size: 13px;
max-width: 36ch;
color: rgba(245, 240, 235, 0.7);
line-height: 1.7;
}
.footer-brand__social {
display: flex;
gap: 12px;
margin-top: 24px;
}
.footer-brand__social a {
width: 40px;
height: 40px;
border: 1px solid rgba(245, 240, 235, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: border-color 0.3s, color 0.3s;
color: rgba(245, 240, 235, 0.7);
}
.footer-brand__social a:hover {
border-color: var(--eger-gold);
color: var(--eger-gold);
}
.footer-brand__social a img {
width: 14px;
height: 14px;
filter: invert(1);
opacity: 0.7;
transition: opacity 0.3s;
}
.footer-brand__social a:hover img { opacity: 1; filter: invert(1) sepia(1) saturate(2) hue-rotate(5deg); }
.footer-menu__title {
display: block;
font-family: var(--eger-sans, sans-serif);
font-size: 11px;
letter-spacing: 0.26em;
text-transform: uppercase;
color: var(--eger-gold);
margin-bottom: 24px;
font-weight: 600;
}
.footer-menu ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
padding: 0;
margin: 0;
}
.footer-menu ul li a {
font-size: 14px;
color: rgba(245, 240, 235, 0.7);
transition: color 0.2s;
}
.footer-menu ul li a:hover { color: var(--eger-cream); }
.footer-bottom {
max-width: 1300px;
margin: 0 auto;
padding-top: 32px;
border-top: 1px solid rgba(245, 240, 235, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap;
font-size: 12px;
color: rgba(245, 240, 235, 0.5);
}
.footer-credit {
display: flex;
align-items: center;
gap: 14px;
font-size: 12px;
letter-spacing: 0.04em;
color: rgba(245, 240, 235, 0.5);
}
.footer-credit a {
display: inline-flex;
align-items: center;
opacity: 0.55;
transition: opacity 0.25s;
}
.footer-credit a:hover { opacity: 1; }
.footer-credit img {
display: block;
height: 26px;
width: auto;
}
@media (max-width: 1024px) {
.site-footer { padding: 64px 32px 24px; }
.footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
}
@media (max-width: 640px) {
.site-footer { padding: 48px 20px 24px; text-align: center; }
.footer-grid { grid-template-columns: 1fr; gap: 32px; justify-items: center; }
.footer-brand { display: flex; flex-direction: column; align-items: center; }
.footer-brand__logo { margin-left: auto; margin-right: auto; }
.footer-brand__text { max-width: none; }
.footer-brand__social { justify-content: center; }
.footer-menu ul { align-items: center; }
.footer-bottom { flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.footer-credit { justify-content: center; }
}
/* === Baner podstrony === */
.page-hero {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 580px;
padding: var(--nav-h) 48px 200px;
overflow: hidden;
text-align: center;
}
.page-hero__background {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-color: var(--eger-espresso);
filter: brightness(0.55) saturate(0.92);
transform: scale(1.05);
animation: pageHeroZoom 24s ease-out forwards;
}
@keyframes pageHeroZoom {
to { transform: scale(1); }
}
.page-hero__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: radial-gradient(ellipse at center, rgba(20,16,14,0.15) 0%, rgba(20,16,14,0.55) 70%, rgba(20,16,14,0.85) 100%);
}
.page-hero__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.page-hero__content::before {
content: '';
width: 60px;
height: 1px;
background: var(--eger-gold);
opacity: 0.7;
}
.page-hero__title {
font-family: var(--eger-serif);
font-size: clamp(48px, 7vw, 96px);
font-weight: 400;
line-height: 0.98;
letter-spacing: -0.012em;
color: var(--eger-cream);
margin: 0;
text-shadow: 0 2px 30px rgba(0,0,0,0.4);
}
.page-hero .home-hero__booking {
bottom: 48px;
}
@media (max-width: 767px) {
.page-hero { padding: 80px 24px 280px; min-height: 460px; }
.page-hero__title { font-size: clamp(38px, 12vw, 64px); }
}
/* === Globalne nagłówki === */
.section-heading {
font-family: var(--eger-serif);
font-size: clamp(36px, 4.5vw, 64px);
font-weight: 400;
line-height: 1.05;
letter-spacing: -0.005em;
color: var(--eger-ink);
margin-bottom: 24px;
}
.section-heading em {
font-style: italic;
color: var(--eger-burgundy);
}
/* === Konferencje — Strona === */
.conf-extra-text {
font-size: 15px;
color: var(--eger-muted);
line-height: 1.7;
margin-top: 14px;
}
.conf-page-section {
background: var(--eger-cream);
padding: var(--eger-section-pad);
}
/* Slider konferencyjny */
.conf-scroll {
overflow: hidden;
margin: 80px 0 60px;
}
.conf-scroll__track {
display: flex;
gap: 16px;
}
.conf-scroll__item {
flex: 0 0 auto;
width: 520px;
height: 340px;
overflow: hidden;
margin: 0;
}
.conf-scroll__item img {
width: 100%; height: 100%; object-fit: cover;
}
@media (max-width: 768px) {
.conf-scroll__item { width: 300px; height: 210px; }
}
/* Statystyki */
.conf-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
margin: 64px 0;
border-top: 1px solid var(--eger-line);
border-bottom: 1px solid var(--eger-line);
}
.conf-stat {
padding: 32px 24px;
border-right: 1px solid var(--eger-line);
text-align: center;
}
.conf-stat:last-child { border-right: none; }
.conf-stat .num {
display: block;
font-family: var(--eger-serif);
font-size: 56px; color: var(--eger-burgundy);
font-weight: 500; line-height: 1;
}
.conf-stat .lbl {
display: block;
font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;
color: var(--eger-muted); margin-top: 12px;
}
/* Formaty wydarzeń */
.conf-formats-head {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: end;
margin-bottom: 0;
}
.conf-formats-head h3 {
font-family: var(--eger-serif);
font-size: clamp(32px, 3.5vw, 52px);
font-weight: 400; line-height: 1.08;
color: var(--eger-ink); margin: 8px 0 0;
}
.conf-formats-head h3 em { font-style: italic; color: var(--eger-burgundy); }
.conf-formats-wrap { padding-top: 32px; }
.conf-formats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px; margin-top: 48px;
}
.conf-format {
background: var(--eger-paper);
border: 1px solid var(--eger-line);
padding: 36px 32px;
display: flex; flex-direction: column; gap: 14px;
transition: border-color 0.3s, transform 0.3s;
}
.conf-format:hover { border-color: var(--eger-gold); transform: translateY(-3px); }
.conf-format .num {
font-family: var(--eger-serif); font-style: italic;
font-size: 14px; color: var(--eger-gold);
}
.conf-format h4 {
font-family: var(--eger-serif);
font-size: 24px; color: var(--eger-ink);
font-weight: 500; margin: 0;
}
.conf-format p { font-size: 14px; color: var(--eger-muted); line-height: 1.6; margin: 0; }
.conf-format ul {
list-style: none; margin: 0; padding: 0;
display: flex; flex-direction: column; gap: 8px;
padding-top: 16px;
border-top: 1px solid var(--eger-line);
}
.conf-format li {
font-size: 13px; color: var(--eger-ink);
display: flex; gap: 10px; align-items: center;
}
.conf-format li svg { color: var(--eger-gold); flex-shrink: 0; }
/* CTA band */
.conf-cta-band {
margin-top: 80px;
background: var(--eger-burgundy);
color: var(--eger-cream);
padding: 56px 64px;
display: grid;
grid-template-columns: 1fr auto;
gap: 40px; align-items: center;
border-radius: 2px;
position: relative; overflow: hidden;
}
.conf-cta-band::after {
content: ''; position: absolute; top: 0; right: 0;
width: 30%; height: 100%;
background: linear-gradient(135deg, transparent 0%, rgba(201,168,76,0.1) 100%);
pointer-events: none;
}
.conf-cta-band h3 {
font-family: var(--eger-serif);
font-size: clamp(26px, 2.6vw, 36px);
font-weight: 500; color: var(--eger-cream);
line-height: 1.2; margin: 0;
}
.conf-cta-band p {
font-size: 15px; color: rgba(245,240,235,0.8);
margin: 10px 0 0; max-width: 60ch;
}
.conf-cta-btn {
background: var(--eger-gold) !important;
border-color: var(--eger-gold) !important;
color: var(--eger-espresso) !important;
white-space: nowrap; position: relative; z-index: 1;
}
.conf-cta-btn:hover {
background: var(--eger-cream) !important;
border-color: var(--eger-cream) !important;
color: var(--eger-espresso) !important;
}
@media (max-width: 1024px) {
.conf-formats-head { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 800px) {
.conf-stats { grid-template-columns: 1fr 1fr; }
.conf-stat:nth-child(2) { border-right: none; }
.conf-stat:nth-child(1),
.conf-stat:nth-child(2) { border-bottom: 1px solid var(--eger-line); }
.conf-cta-band { grid-template-columns: 1fr; padding: 36px 28px; }
}
@media (max-width: 640px) {
.conf-formats { grid-template-columns: 1fr; }
}
/* === SPA === */
.spa-intro-section {
background: var(--eger-paper);
padding: var(--eger-section-pad);
}
.spa-intro {
text-align: center;
max-width: 840px;
margin: 0 auto;
}
.spa-intro h2 { margin-top: 16px; }
.spa-intro .home-lead { max-width: 64ch; margin-inline: auto; margin-top: 28px; }
/* Ornament */
.spa-ornament {
display: flex; align-items: center; gap: 14px;
max-width: 360px; margin: 24px auto 0;
}
.spa-ornament__line { flex: 1; height: 1px; background: var(--eger-gold); opacity: 0.4; }
.spa-ornament__glyph {
font-size: 11px; letter-spacing: 0.3em;
color: var(--eger-gold); white-space: nowrap;
}
/* Feature rows */
.spa-features-section {
background: var(--eger-paper);
padding: 80px 0 100px;
}
.spa-feature-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px; align-items: center;
}
.spa-feature-row + .spa-feature-row { margin-top: 100px; }
.spa-feature-row--reverse > .spa-feature-img { order: 2; }
.spa-feature-img {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
}
.spa-feature-img img { width: 100%; height: 100%; object-fit: cover; }
.overlay-badge {
position: absolute; bottom: 24px; left: 24px;
background: rgba(20,16,14,0.88);
color: var(--eger-cream);
padding: 16px 22px;
backdrop-filter: blur(6px);
display: flex; flex-direction: column; gap: 4px;
border-left: 2px solid var(--eger-gold);
}
.overlay-badge .num {
font-family: var(--eger-serif); font-style: italic;
font-size: 28px; color: var(--eger-gold); line-height: 1;
}
.overlay-badge .lbl {
font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
}
.spa-feature-body p {
font-size: 15px; color: var(--eger-muted); line-height: 1.75;
margin-top: 14px;
}
.spa-feature-body p:first-of-type { margin-top: 18px; }
.spa-list {
list-style: none; padding: 0; margin: 28px 0 0;
display: flex; flex-direction: column; gap: 12px;
border-top: 1px solid var(--eger-line);
padding-top: 24px;
}
.spa-list li {
display: flex; align-items: center; gap: 14px;
font-size: 14px; color: var(--eger-ink);
font-family: var(--eger-serif); font-style: italic;
}
.spa-list__dot {
width: 6px; height: 6px;
background: var(--eger-burgundy);
border-radius: 50%; flex-shrink: 0;
}
/* Korzyści */
.spa-benefits-section {
background: var(--eger-espresso);
padding: var(--eger-section-pad);
}
.spa-benefits-section h3 { color: var(--eger-cream); }
.spa-benefits-section h3 em { font-style: italic; color: var(--eger-gold); }
.spa-benefits-section .home-eyebrow { color: var(--eger-gold); }
.spa-benefits-section .home-lead { color: rgba(245,240,235,0.78); max-width: 48ch; margin-left: auto; }
.spa-benefits-head {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px; align-items: end;
margin-bottom: 48px;
}
.spa-benefits {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: rgba(245,240,235,0.12);
border: 1px solid rgba(245,240,235,0.12);
}
.spa-benefit {
background: var(--eger-espresso);
padding: 36px 32px;
display: flex; flex-direction: column; gap: 12px;
align-items: flex-start;
transition: background 0.3s;
}
.spa-benefit:hover { background: rgba(107,26,26,0.45); }
.spa-benefit__ic {
width: 48px; height: 48px;
display: flex; align-items: center; justify-content: center;
border: 1px solid rgba(201,168,76,0.4);
color: var(--eger-gold);
}
.spa-benefit__num {
font-family: var(--eger-serif); font-style: italic;
font-size: 13px; color: var(--eger-gold); letter-spacing: 0.1em;
}
.spa-benefit__lbl {
font-family: var(--eger-serif);
font-size: 22px; color: var(--eger-cream);
font-weight: 500; line-height: 1.25;
}
/* Rezerwacja */
.spa-booking-section {
background: var(--eger-paper);
padding: var(--eger-section-pad);
}
.spa-booking {
background: var(--eger-paper);
border: 1px solid var(--eger-line);
padding: 56px 64px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px; align-items: center;
}
.spa-booking__left .spa-ornament { margin: 0 0 0; justify-content: flex-start; max-width: none; }
.spa-booking__left h3 {
font-size: clamp(28px, 3vw, 40px);
font-weight: 500;
color: var(--eger-ink);
line-height: 1.15;
margin: 16px 0;
}
.spa-booking__left p { font-size: 15px; color: var(--eger-muted); line-height: 1.7; margin: 0; }
.spa-booking__right { display: flex; flex-direction: column; gap: 16px; }
.spa-info-card {
border: 1px solid var(--eger-line);
background: var(--eger-paper);
padding: 22px 26px;
display: flex; flex-direction: column; gap: 6px;
}
.spa-info-card__lbl {
font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
color: var(--eger-muted);
}
.spa-info-card__val {
font-size: 24px; color: var(--eger-ink);
font-family: var(--eger-serif); font-weight: 500;
}
.spa-info-card__val a { color: var(--eger-burgundy); text-decoration: none; }
.spa-info-card__sub { font-size: 12px; color: var(--eger-muted); font-style: italic; }
@media (max-width: 1000px) {
.spa-feature-row { grid-template-columns: 1fr; gap: 32px; }
.spa-feature-row--reverse > .spa-feature-img { order: 0; }
.spa-benefits-head { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 900px) {
.spa-benefits { grid-template-columns: 1fr 1fr; }
.spa-booking { grid-template-columns: 1fr; padding: 36px 28px; gap: 32px; }
}
@media (max-width: 600px) {
.spa-benefits { grid-template-columns: 1fr; }
}
/* === Strona Menu === */
.menu-page {
background: var(--eger-paper);
font-family: var(--eger-sans);
color: var(--eger-ink);
padding: 80px 0 120px;
}
.container.wide { max-width: 100%; width: 1400px; }
.menu-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 64px;
align-items: start;
}
/* Sidebar */
.menu-side {
background: var(--eger-cream);
border: 1px solid var(--eger-line);
padding: 32px 0;
position: sticky;
top: 96px;
max-height: calc(100vh - 96px);
overflow: hidden;
display: flex;
flex-direction: column;
}
.menu-side-head {
padding: 0 28px 24px;
border-bottom: 1px solid var(--eger-line);
display: flex;
flex-direction: column;
gap: 10px;
flex-shrink: 0;
}
.menu-side-head h3 {
font-family: var(--eger-serif);
font-style: italic;
font-weight: 500;
font-size: 24px;
font-weight: 500;
color: var(--eger-ink);
margin: 0;
}
.menu-ornament {
display: flex;
align-items: center;
gap: 10px;
font-size: 10px;
letter-spacing: 0.3em;
color: var(--eger-gold);
text-transform: uppercase;
}
.menu-ornament__line { width: 18px; height: 1px; background: var(--eger-gold); opacity: 0.5; flex-shrink: 0; }
.menu-ornament__glyph { white-space: nowrap; }
.menu-side-tabs {
flex: 1;
overflow-y: auto;
padding: 12px 0;
display: flex;
flex-direction: column;
scrollbar-width: thin;
scrollbar-color: rgba(15,15,15,0.1) transparent;
}
.menu-side-tab {
display: flex;
align-items: center;
gap: 14px;
width: 100%;
padding: 14px 28px;
background: transparent;
border: none;
border-left: 2px solid transparent;
cursor: pointer;
text-align: left;
transition: background 0.2s, border-color 0.2s;
position: relative;
}
.menu-side-tab:hover { background: rgba(107,26,26,0.04); }
.menu-side-tab.active { background: var(--eger-paper); border-left-color: var(--eger-burgundy); }
.menu-side-tab .icon {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: var(--eger-gold);
border: 1px solid var(--eger-line);
background: var(--eger-paper);
flex-shrink: 0;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.menu-side-tab.active .icon { background: var(--eger-burgundy); color: var(--eger-cream); border-color: var(--eger-burgundy); }
.menu-side-tab .icon img { width: 22px; height: 22px; display: block; }
.menu-side-tab.active .icon img { filter: brightness(0) invert(1); }
.menu-side-tab .text {
display: flex; flex-direction: column; gap: 2px; flex: 1;
}
.menu-side-tab .label {
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--eger-ink);
font-weight: 500;
}
.menu-side-tab .sub {
font-size: 11px;
color: var(--eger-muted);
font-family: var(--eger-serif);
font-style: italic;
}
.menu-side-tab.active .label { color: var(--eger-burgundy); }
.menu-side-tab .arrow {
color: var(--eger-muted);
opacity: 0;
transform: translateX(-4px);
transition: opacity 0.2s, transform 0.2s, color 0.2s;
}
.menu-side-tab:hover .arrow,
.menu-side-tab.active .arrow { opacity: 1; transform: translateX(0); color: var(--eger-burgundy); }
.menu-side-foot {
padding: 24px 28px 0;
border-top: 1px solid var(--eger-line);
display: flex;
flex-direction: column;
gap: 4px;
flex-shrink: 0;
}
.menu-side-foot .lbl {
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--eger-muted);
}
.menu-side-foot .phone {
font-size: 22px;
font-weight: 500;
font-family: var(--eger-serif);
color: var(--eger-burgundy);
text-decoration: none;
transition: color 0.2s;
}
.menu-side-foot .phone:hover { color: var(--eger-gold); }
/* Main content */
.menu-main { padding: 60px 40px 80px; }
.menu-panel { display: none; }
.menu-panel.active { display: block; }
/* Section title — centered */
.menu-section-title {
text-align: center;
margin: 80px 0 56px;
}
.menu-section-title:first-child { margin-top: 0; }
.menu-section-title .menu-ornament {
display: inline-flex;
gap: 18px;
margin-bottom: 18px;
}
.menu-section-title .menu-ornament__line { width: 60px; flex-shrink: 0; }
.menu-section-title .menu-ornament__glyph {
font-family: var(--eger-serif);
font-style: italic;
font-size: 20px;
letter-spacing: 0;
text-transform: none;
}
.menu-section-title h2 {
font-family: var(--eger-serif);
font-size: clamp(32px, 4vw, 52px);
font-weight: 400;
color: var(--eger-ink);
letter-spacing: -0.005em;
margin-bottom: 0;
}
.menu-section-title p {
margin-top: 12px;
color: var(--eger-muted);
max-width: 56ch;
margin-inline: auto;
font-size: 15px;
line-height: 1.6;
}
/* Menu items list */
.menu-list {
max-width: 880px;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.menu-item {
display: grid;
grid-template-columns: 1fr auto;
gap: 28px;
align-items: baseline;
padding: 24px 0;
border-bottom: 1px dashed var(--eger-line);
}
.menu-item:last-child { border-bottom: none; }
.menu-item .info { display: flex; flex-direction: column; gap: 6px; }
.menu-item .info h4 {
font-family: var(--eger-serif);
font-size: 22px;
font-weight: 500;
color: var(--eger-ink);
letter-spacing: -0.005em;
margin: 0;
display: inline;
}
.menu-item .info .portion {
font-family: var(--eger-sans);
font-style: normal;
font-weight: 400;
font-size: 12px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--eger-muted);
margin-left: 10px;
vertical-align: middle;
}
.menu-item .info .desc {
display: block;
font-size: 14px;
color: var(--eger-muted);
line-height: 1.55;
font-style: italic;
}
.menu-item .tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.menu-item .tag {
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--eger-gold);
padding: 3px 8px;
border: 1px solid var(--eger-gold);
border-radius: 1px;
}
.menu-item .price {
font-family: var(--eger-serif);
font-size: 22px;
font-weight: 500;
color: var(--eger-burgundy);
white-space: nowrap;
}
/* Breakfast banner */
.menu-breakfast {
max-width: 880px;
margin: 0 auto 48px;
padding: 28px 32px;
background: var(--eger-cream);
border: 1px solid var(--eger-gold);
border-left: 3px solid var(--eger-gold);
display: grid;
grid-template-columns: 1fr auto;
gap: 24px;
align-items: center;
}
.menu-breakfast .info { display: flex; flex-direction: column; gap: 6px; }
.menu-breakfast .eyebrow { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--eger-gold); }
.menu-breakfast .info h4 {
font-family: var(--eger-serif);
font-size: 22px;
font-weight: 500;
color: var(--eger-ink);
margin: 0;
}
.menu-breakfast .info p { font-size: 13px; color: var(--eger-muted); font-style: italic; }
.menu-breakfast .price {
font-family: var(--eger-serif);
font-size: 22px;
font-weight: 500;
color: var(--eger-burgundy);
white-space: nowrap;
}
/* Wine grid */
.wine-grid {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px 64px;
}
.wine-cat-title {
font-family: var(--eger-serif);
font-style: italic;
font-size: 28px;
font-weight: 400;
color: var(--eger-burgundy);
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 1px solid var(--eger-line);
}
.wine-row {
display: grid;
grid-template-columns: 1fr auto;
gap: 12px;
padding: 14px 0;
border-bottom: 1px dashed var(--eger-line);
align-items: baseline;
}
.wine-row:last-child { border-bottom: none; }
.wine-row .name { font-family: var(--eger-serif); font-size: 17px; font-weight: 500; color: var(--eger-ink); }
.wine-row .origin { display: block; font-size: 12px; color: var(--eger-muted); font-style: italic; margin-top: 2px; }
.wine-row .price { font-family: var(--eger-serif); font-size: 17px; font-weight: 500; color: var(--eger-burgundy); white-space: nowrap; }
/* Menu footnote */
.menu-footnote {
text-align: center;
margin-top: 56px;
padding-top: 32px;
border-top: 1px solid var(--eger-line);
font-size: 13px;
color: var(--eger-muted);
line-height: 1.7;
}
.menu-footnote a { color: var(--eger-burgundy); text-decoration: none; }
.menu-footnote a:hover { text-decoration: underline; }
/* Toggle button — ukryty na desktop */
.menu-side-toggle { display: none; }
/* Responsive — menu */
@media (max-width: 1100px) {
.menu-layout { grid-template-columns: 240px 1fr; gap: 40px; }
.menu-main { padding: 48px 24px 60px; }
.wine-grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 768px) {
.menu-layout { grid-template-columns: 1fr; gap: 0; }
.menu-side { position: static; max-height: none; overflow: visible; padding: 24px 0; }
.menu-side-tabs { overflow-y: visible; flex-direction: row; flex-wrap: wrap; padding: 4px 0; display: none; }
.menu-side--open .menu-side-tabs { display: flex; }
.menu-side-tab { width: 50%; padding: 10px 20px; border-left: none; border-bottom: 1px solid var(--eger-line); }
.menu-side-tab.active { border-bottom-color: var(--eger-burgundy); }
.menu-side-tab .arrow { display: none; }
.menu-side-head { padding: 0 20px 16px; }
.menu-side-foot { padding: 16px 20px 0; }
/* Toggle button */
.menu-side-toggle {
display: flex; align-items: center; justify-content: space-between;
width: 100%; padding: 12px 20px; margin-top: 14px;
background: var(--eger-paper); border: 1px solid var(--eger-line);
cursor: pointer; color: var(--eger-ink); font-size: 13px; font-weight: 500;
letter-spacing: 0.04em; transition: background 0.2s;
}
.menu-side-toggle:hover { background: var(--eger-cream); }
.menu-side-toggle .toggle-arrow { transition: transform 0.25s; color: var(--eger-burgundy); }
.menu-side--open .menu-side-toggle .toggle-arrow { transform: rotate(180deg); }
.menu-main { padding: 36px 20px 60px; }
.menu-section-title { margin: 48px 0 36px; }
}
@media (max-width: 480px) {
.menu-side-tab { width: 100%; }
.menu-item { grid-template-columns: 1fr; gap: 6px; }
.menu-breakfast { grid-template-columns: 1fr; padding: 22px 24px; }
.menu-breakfast .price { font-size: 20px; }
}
/* === Vouchery — Strona lista === */
.vouchers-page { padding: 80px 0 100px; background: var(--eger-paper); }
.vouchers-intro {
display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; align-items: end;
margin-bottom: 64px;
}
.vouchers-intro h2 { margin-bottom: 0; }
.vouchers-intro .lead { font-size: 17px; line-height: 1.65; color: var(--eger-muted); max-width: 50ch; margin: 0; }
@media (max-width: 900px) { .vouchers-intro { grid-template-columns: 1fr; gap: 24px; } }
.home-eyebrow--gold { color: var(--eger-gold); }
.voucher-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;
}
@media (max-width: 1000px) { .voucher-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .voucher-grid { grid-template-columns: 1fr; } }
.voucher-card {
display: flex; flex-direction: column;
background: var(--eger-cream); border: 1px solid var(--eger-line);
text-decoration: none; color: inherit;
transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.4s, border-color 0.4s;
overflow: hidden;
}
.voucher-card:hover {
transform: translateY(-6px);
box-shadow: 0 32px 60px -28px rgba(20,16,14,0.25);
border-color: var(--eger-gold);
}
.voucher-card__img { aspect-ratio: 5 / 4; position: relative; overflow: hidden; }
.voucher-card__img img {
width: 100%; height: 100%; object-fit: cover; transition: transform 0.9s ease;
}
.voucher-card:hover .voucher-card__img img { transform: scale(1.05); }
.voucher-card__img::after {
content: ''; position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(20,16,14,0) 50%, rgba(20,16,14,0.7) 100%);
}
.voucher-card__stamp {
position: absolute; top: 18px; right: 18px;
width: 70px; height: 70px; border-radius: 50%;
background: var(--eger-burgundy); color: var(--eger-gold);
display: flex; align-items: center; justify-content: center; flex-direction: column;
font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase;
font-family: var(--eger-serif); font-style: italic;
border: 1px solid var(--eger-gold); text-align: center; line-height: 1.2;
z-index: 2; box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.voucher-card__stamp strong { font-size: 18px; font-weight: 500; }
.voucher-card__body { padding: 28px 28px 32px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.voucher-card__tag { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--eger-gold); }
.voucher-card__body h3 {
font-family: var(--eger-serif); font-size: 26px; color: var(--eger-ink);
font-weight: 500; line-height: 1.15; margin: 0;
}
.voucher-card__body p { font-size: 14px; color: var(--eger-muted); line-height: 1.55; margin: 0; }
.voucher-card__foot {
display: flex; align-items: center; justify-content: space-between;
padding-top: 18px; border-top: 1px solid var(--eger-line); margin-top: auto;
}
.voucher-card__duration { font-size: 12px; color: var(--eger-muted); letter-spacing: 0.06em; }
.voucher-card__arrow {
display: inline-flex; align-items: center; gap: 8px;
font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
color: var(--eger-burgundy); transition: gap 0.3s;
}
.voucher-card:hover .voucher-card__arrow { gap: 14px; color: var(--eger-gold-soft); }
.vsteps-band { margin-top: 80px; background: var(--eger-espresso); padding: 64px 60px; }
.vsteps-band__inner { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; align-items: start; }
.vsteps-band__title {
font-family: var(--eger-serif); font-size: clamp(26px, 3vw, 40px);
font-weight: 400; color: var(--eger-cream); line-height: 1.15; margin: 12px 0 0;
}
.vsteps-band__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.vstep__num {
font-family: var(--eger-serif); font-style: italic; font-size: 36px;
color: var(--eger-gold); display: block; margin-bottom: 10px;
}
.vstep__title {
font-family: var(--eger-serif); font-size: 18px; font-weight: 500;
color: var(--eger-cream); margin: 0 0 8px;
}
.vstep__desc { font-size: 13px; color: rgba(245,240,235,0.7); line-height: 1.55; margin: 0; }
@media (max-width: 900px) {
.vsteps-band { padding: 48px 32px; }
.vsteps-band__inner { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 700px) { .vsteps-band__list { grid-template-columns: 1fr; gap: 28px; } }
/* === Voucher — Strona detal === */
.voucher-page { padding: 80px 0 100px; background: var(--eger-paper); }
.voucher-detail { display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: start; }
@media (max-width: 1000px) { .voucher-detail { grid-template-columns: 1fr; gap: 48px; } }
.voucher-cert {
position: relative; aspect-ratio: 5 / 7;
background: linear-gradient(135deg, rgba(201,168,76,0.05) 0%, rgba(107,26,26,0.05) 100%), var(--eger-cream);
border: 1px solid rgba(201,168,76,0.4); padding: 40px;
display: flex; flex-direction: column;
box-shadow: 0 30px 80px -40px rgba(20,16,14,0.3); overflow: hidden;
}
.voucher-cert::before, .voucher-cert::after {
content: ''; position: absolute; border: 1px solid rgba(201,168,76,0.3); pointer-events: none;
}
.voucher-cert::before { inset: 16px; }
.voucher-cert::after {
inset: 24px; border: none;
background:
radial-gradient(circle at top left, rgba(201,168,76,0.12) 0%, transparent 50%),
radial-gradient(circle at bottom right, rgba(107,26,26,0.10) 0%, transparent 50%);
}
.voucher-cert > * { position: relative; z-index: 2; }
.voucher-cert__head {
display: flex; justify-content: space-between; align-items: flex-start;
border-bottom: 1px solid rgba(201,168,76,0.3); padding-bottom: 24px; margin-bottom: 32px;
}
.voucher-cert__crest { font-family: var(--eger-serif); font-style: italic; color: var(--eger-burgundy); }
.voucher-cert__crest small {
display: block; font-size: 9px; letter-spacing: 0.3em;
text-transform: uppercase; color: var(--eger-muted); font-style: normal;
}
.voucher-cert__crest strong { font-size: 18px; font-weight: 500; }
.voucher-cert__price {
width: 80px; height: 80px; border-radius: 50%;
border: 1px dashed rgba(201,168,76,0.6);
display: flex; align-items: center; justify-content: center; flex-direction: column;
font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase;
color: var(--eger-gold); font-family: var(--eger-serif); font-style: italic;
text-align: center; line-height: 1.2;
}
.voucher-cert__price strong { font-size: 13px; font-weight: 500; color: var(--eger-burgundy); font-style: normal; }
.voucher-cert__title { text-align: center; margin-top: auto; margin-bottom: auto; }
.voucher-cert__super { font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--eger-gold); }
.voucher-cert__title h2 {
font-family: var(--eger-serif); font-size: clamp(26px, 3.2vw, 46px);
font-weight: 400; font-style: italic; color: var(--eger-burgundy);
line-height: 1; margin: 18px 0; letter-spacing: -0.01em;
}
.voucher-cert__sub {
font-size: 16px; color: var(--eger-muted); font-style: italic;
font-family: var(--eger-serif); max-width: 28ch; display: block; margin: 0 auto; line-height: 1.5;
}
.voucher-cert__amount {
text-align: center; margin: 28px 0; padding: 20px 0;
border-top: 1px solid rgba(201,168,76,0.3); border-bottom: 1px solid rgba(201,168,76,0.3);
}
.voucher-cert__lbl { font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--eger-muted); }
.voucher-cert__amt {
display: block; font-family: var(--eger-serif); font-size: 48px;
color: var(--eger-burgundy); font-weight: 500; margin-top: 6px;
}
.voucher-cert__foot {
display: flex; justify-content: space-between; align-items: flex-end;
font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--eger-muted);
}
.voucher-cert__code {
font-family: var(--eger-serif); font-style: italic; font-size: 14px;
text-transform: none; letter-spacing: 0; display: block; color: var(--eger-ink);
}
.voucher-cert__signature {
font-family: var(--eger-serif); font-style: italic; font-size: 18px;
color: var(--eger-ink); text-transform: none; letter-spacing: 0;
border-top: 1px solid var(--eger-line); padding-top: 6px;
max-width: 160px; width: 100%; text-align: center;
}
.voucher-body { padding-top: 12px; }
.voucher-body h2 {
font-family: var(--eger-serif); font-size: clamp(32px, 4vw, 52px);
font-weight: 400; color: var(--eger-ink); line-height: 1.05; margin: 14px 0 24px;
}
.voucher-body h2 em { font-style: italic; color: var(--eger-burgundy); }
.voucher-body__lead { font-size: 17px; color: var(--eger-ink); line-height: 1.65; max-width: 56ch; margin-bottom: 28px; }
.voucher-body__note { font-size: 13px; color: var(--eger-muted); font-style: italic; margin-bottom: 24px; }
.voucher-included {
margin: 32px 0; padding: 24px 28px;
background: var(--eger-paper); border-left: 2px solid var(--eger-gold);
}
.voucher-included__label {
display: block; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
color: var(--eger-burgundy); margin-bottom: 14px; font-weight: 600;
}
.voucher-included__list { list-style: none; display: flex; flex-direction: column; gap: 10px; padding: 0; margin: 0; }
.voucher-included__list li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: var(--eger-ink); }
.voucher-included__list li svg { flex-shrink: 0; margin-top: 3px; }
.voucher-rules {
display: grid; grid-template-columns: repeat(2, 1fr);
border-top: 1px solid var(--eger-line); border-bottom: 1px solid var(--eger-line);
margin: 24px 0 32px;
}
.voucher-rules__item { padding: 18px 0; border-bottom: 1px solid var(--eger-line); }
.voucher-rules__item:nth-child(odd) { border-right: 1px solid var(--eger-line); padding-right: 24px; }
.voucher-rules__item:nth-child(even) { padding-left: 24px; }
.voucher-rules__item:nth-last-child(-n+2) { border-bottom: none; }
.voucher-rules__lbl {
display: block; font-size: 11px; letter-spacing: 0.22em;
text-transform: uppercase; color: var(--eger-muted); margin-bottom: 6px;
}
.voucher-rules__val { font-family: var(--eger-serif); font-size: 16px; color: var(--eger-ink); font-weight: 500; }
@media (max-width: 600px) {
.voucher-rules { grid-template-columns: 1fr; }
.voucher-rules__item:nth-child(odd) { border-right: none; padding-right: 0; }
.voucher-rules__item:nth-child(even) { padding-left: 0; }
}
.voucher-buy {
display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-top: 20px;
}
.voucher-buy__price {
display: flex; align-items: baseline; gap: 8px; padding: 14px 22px;
background: var(--eger-burgundy); color: var(--eger-cream); border-radius: 2px;
}
.voucher-buy__lbl { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(245,240,235,0.65); }
.voucher-buy__amt { font-family: var(--eger-serif); font-size: 28px; color: var(--eger-gold); font-weight: 500; }
.voucher-contact { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--eger-line); }
.voucher-contact p { font-size: 13px; color: var(--eger-muted); line-height: 1.6; margin: 0; }
.voucher-contact a { color: var(--eger-burgundy); text-decoration: none; }
.voucher-contact a:hover { text-decoration: underline; }
/* === Apartament Single === */
/* hero apt — rozmiar, overlay, filter */
.page-hero--apt {
min-height: 640px;
padding-bottom: 220px;
}
.page-hero--apt .page-hero__background {
filter: brightness(0.55);
}
.page-hero--apt .page-hero__overlay {
background: linear-gradient(180deg,
rgba(20,16,14,0.45) 0%,
rgba(20,16,14,0.25) 40%,
rgba(20,16,14,0.85) 100%);
}
.page-hero--apt .page-hero__content {
gap: 18px;
max-width: 900px;
}
/* hero — dane apartamentu */
.page-hero__apt-num {
font-family: var(--eger-serif);
font-style: italic;
font-size: 22px;
color: var(--eger-gold);
letter-spacing: 0.05em;
}
.page-hero__apt-tagline {
font-family: var(--eger-serif);
font-style: italic;
font-size: 22px;
color: rgba(245,240,235,0.82);
margin: 0;
}
.page-hero__apt-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 22px;
font-size: 13px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(245,240,235,0.7);
margin-top: 18px;
}
.page-hero__apt-meta strong {
color: var(--eger-gold);
font-family: var(--eger-serif);
font-weight: 500;
font-size: 18px;
font-style: italic;
letter-spacing: 0;
text-transform: none;
margin-right: 6px;
}
.page-hero__dot {
display: inline-block;
width: 4px; height: 4px;
border-radius: 50%;
background: var(--eger-gold);
opacity: 0.6;
vertical-align: middle;
font-size: 0;
}
/* thumbs */
.apt-thumbs { background: var(--eger-paper); padding: 32px 0; border-bottom: 1px solid var(--eger-line); }
.apt-thumb-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.apt-thumb {
display: block; width: 100%;
position: relative; aspect-ratio: 16 / 10; overflow: hidden;
border: 2px solid transparent; border-radius: 2px; cursor: pointer;
background: var(--eger-cream); transition: border-color 0.3s, transform 0.3s; padding: 0;
appearance: none; -webkit-appearance: none;
}
.apt-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.apt-thumb:hover { border-color: var(--eger-gold-soft); transform: translateY(-2px); }
.apt-thumb.is-active { border-color: var(--eger-gold); }
.apt-thumb.is-active img { transform: scale(1.04); }
/* body — grid 1.6fr / 1fr na desktopie */
.apt-body { padding: 80px 0; background: var(--eger-paper); }
@media (min-width: 992px) {
.apt-body .row {
display: grid;
grid-template-columns: 1.6fr 1fr;
gap: 80px;
margin: 0;
}
.apt-body .row > * {
padding: 0;
flex: none;
width: auto;
max-width: none;
}
}
.apt-body__desc {
font-family: var(--eger-serif);
font-size: clamp(26px, 2.6vw, 36px);
font-weight: 500; line-height: 1.25;
color: var(--eger-ink); margin: 20px 0 24px; max-width: 28ch;
}
.apt-body__text { font-size: 17px; line-height: 1.75; color: var(--eger-ink); max-width: 60ch; margin-bottom: 0; }
.apt-key-info {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
margin-top: 48px; border-top: 1px solid var(--eger-line); border-bottom: 1px solid var(--eger-line);
align-items: start;
}
.apt-key-item {
padding: 28px 24px 28px 5px;
border-right: 1px solid var(--eger-line);
display: flex; flex-direction: column; gap: 8px;
}
.apt-key-item:last-child { border-right: none; padding-right: 0; }
.apt-key-item__val { font-family: var(--eger-serif); font-size: 18px; color: var(--eger-ink); font-weight: 500; line-height: 1; }
.apt-key-item__lbl { font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--eger-muted); }
.apt-features-block { margin-top: 56px; }
.apt-features-block .home-eyebrow { display: block; margin-bottom: 18px; }
.apt-features-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 32px; padding: 0; margin: 0; }
.apt-features-list li {
display: flex; align-items: center; gap: 12px;
font-size: 14px; color: var(--eger-ink);
padding: 10px 0; border-bottom: 1px solid var(--eger-line);
}
.apt-body__aside { align-self: start; }
.apt-book-card {
position: sticky; top: 100px;
background: var(--eger-cream); border: 1px solid var(--eger-line);
padding: 36px; border-radius: 2px;
box-shadow: 0 24px 60px -30px rgba(20,16,14,0.18);
}
.apt-price-big {
display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
margin: 16px 0 28px; padding-bottom: 24px; border-bottom: 1px solid var(--eger-line);
}
.apt-price-big__lbl { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--eger-muted); }
.apt-price-big__amt { font-family: var(--eger-serif); font-size: 56px; font-weight: 500; color: var(--eger-burgundy); line-height: 1; }
.apt-price-big__amt small { font-size: 22px; color: var(--eger-burgundy); margin-left: 4px; }
.apt-book-card__cta { display: flex; width: 100%; justify-content: center; padding: 14px 24px; margin: 6px 0; box-sizing: border-box; }
.apt-info-list { list-style: none; padding: 22px 0 0; margin: 28px 0 0; border-top: 1px solid var(--eger-line); display: flex; flex-direction: column; gap: 10px; }
.apt-info-list li { display: flex; justify-content: space-between; align-items: baseline; font-size: 13px; }
.apt-info-list span { color: var(--eger-muted); letter-spacing: 0.04em; }
.apt-info-list strong { color: var(--eger-ink); font-weight: 500; }
.apt-book-card__fine { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--eger-line); font-size: 12px; color: var(--eger-muted); display: flex; flex-direction: column; gap: 6px; }
.apt-book-card__fine a { color: var(--eger-burgundy); text-decoration: none; }
.apt-book-card__fine a:hover { color: var(--eger-gold-soft); }
.apt-nav { background: var(--eger-paper); padding: 56px 0; border-top: 1px solid var(--eger-line); }
.apt-nav__inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; }
.apt-nav__card {
display: flex; flex-direction: column; gap: 6px;
padding: 28px 32px; background: var(--eger-cream); border: 1px solid var(--eger-line);
text-decoration: none; color: inherit; transition: border-color 0.25s, transform 0.25s; border-radius: 2px;
}
.apt-nav__card--next { text-align: right; align-items: flex-end; }
.apt-nav__card:hover { border-color: var(--eger-gold); transform: translateY(-2px); }
.apt-nav__dir { font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--eger-gold); }
.apt-nav__name { font-family: var(--eger-serif); font-size: 24px; color: var(--eger-ink); font-weight: 500; }
.apt-nav__meta { font-size: 12px; color: var(--eger-muted); letter-spacing: 0.06em; }
.apt-nav__all {
display: inline-flex; flex-direction: column; align-items: center; gap: 6px;
padding: 28px 36px; background: var(--eger-burgundy); color: var(--eger-cream);
text-decoration: none; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
border-radius: 2px; transition: background 0.25s;
}
.apt-nav__all:hover { background: var(--eger-burgundy-deep); }
@media (max-width: 1024px) {
.apt-key-info { grid-template-columns: repeat(2, 1fr); }
.apt-key-item:nth-child(2) { border-right: none; }
.apt-key-item:nth-child(3) { padding-left: 0; }
}
@media (max-width: 800px) {
.apt-nav__inner { grid-template-columns: 1fr; }
.apt-nav__card--next { text-align: left; align-items: flex-start; }
.apt-thumb-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.apt-features-list { grid-template-columns: 1fr; }
}
/* === Archiwum Apartamentów === */
.archt-section { background: var(--eger-paper); padding: 80px 0; }
.archt-title {
font-family: var(--eger-serif);
font-size: clamp(36px, 4.5vw, 64px);
font-weight: 400; line-height: 1.05;
color: var(--eger-ink); margin: 12px 0 0;
}
.archt-title em { font-style: italic; color: var(--eger-burgundy); }
.archt-lead { font-size: 17px; max-width: 50ch; color: var(--eger-muted); line-height: 1.7; margin: 0; align-self: end; }
.apart-intro {
display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px;
align-items: end; margin-bottom: 64px;
}
.apart-tiles {
display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px;
}
.apart-tile {
grid-column: span 2;
display: flex; flex-direction: column;
background: var(--eger-cream); border: 1px solid var(--eger-line);
border-radius: 2px; overflow: hidden;
text-decoration: none; color: inherit;
transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.4s, border-color 0.4s;
position: relative;
}
.apart-tile:hover {
transform: translateY(-4px);
box-shadow: 0 32px 60px -30px rgba(20,16,14,0.25);
border-color: rgba(201,168,76,0.35);
}
.apart-tile.feature { grid-column: span 4; grid-row: span 2; }
.apart-tile-img {
position: relative; aspect-ratio: 4 / 3; overflow: hidden;
background: var(--eger-paper);
}
.apart-tile.feature .apart-tile-img { aspect-ratio: 16 / 11; }
.apart-tile-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.9s ease; }
.apart-tile:hover .apart-tile-img img { transform: scale(1.05); }
.apart-tile-price {
position: absolute; bottom: 14px; left: 14px;
padding: 9px 14px; background: rgba(20,16,14,0.85); color: var(--eger-cream);
display: flex; align-items: baseline; gap: 6px;
border-radius: 2px; backdrop-filter: blur(6px);
}
.apart-tile-price .lbl { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(245,240,235,0.65); }
.apart-tile-price .amt { font-family: var(--eger-serif); font-size: 22px; color: var(--eger-gold); font-weight: 500; }
.apart-tile-body {
padding: 28px 28px 32px; display: flex; flex-direction: column; gap: 16px;
flex: 1; position: relative;
}
.apart-tile-num {
position: absolute; top: -38px; right: 28px;
font-family: var(--eger-serif); font-size: 88px; line-height: 1;
color: var(--eger-gold); font-style: italic; font-weight: 400;
opacity: 0.85; text-shadow: 0 2px 18px rgba(0,0,0,0.3); pointer-events: none;
}
.apart-tile.feature .apart-tile-num { font-size: 120px; top: -52px; }
.apart-tile-body h3 {
font-family: var(--eger-serif); font-size: 26px; line-height: 1.1;
font-weight: 500; letter-spacing: -0.01em; margin: 0; color: var(--eger-ink);
}
.apart-tile.feature .apart-tile-body h3 { font-size: 38px; }
.apart-tile-body p { font-size: 14px; color: var(--eger-muted); line-height: 1.55; margin: 0; }
.apart-tile-meta {
display: flex; gap: 18px; flex-wrap: wrap;
padding-top: 14px; border-top: 1px solid var(--eger-line);
font-size: 13px; color: var(--eger-ink); letter-spacing: 0.04em;
}
.apart-tile-meta span { display: inline-flex; align-items: center; gap: 8px; }
.apart-tile-meta svg { color: var(--eger-gold); }
.apart-tile-cta {
margin-top: auto;
display: inline-flex; align-items: center; gap: 12px;
font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
color: var(--eger-burgundy); font-weight: 500;
transition: gap 0.3s, color 0.3s;
}
.apart-tile:hover .apart-tile-cta { gap: 18px; color: var(--eger-gold-soft); }
.apart-band {
margin-top: 80px; background: var(--eger-espresso); color: var(--eger-cream);
padding: 56px 64px; border-radius: 2px; position: relative; overflow: hidden;
}
.apart-band::before {
content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 280px;
background: linear-gradient(135deg, transparent 0%, rgba(201,168,76,0.08) 100%);
}
.apart-band-content {
position: relative; z-index: 1;
display: grid; grid-template-columns: 1fr 1.3fr; gap: 48px; align-items: center;
}
.apart-band h3 {
font-family: var(--eger-serif); font-size: clamp(30px, 3vw, 42px);
font-weight: 400; color: var(--eger-cream); line-height: 1.1; margin-top: 14px;
}
.apart-band-list {
list-style: none; display: grid; grid-template-columns: 1fr 1fr;
gap: 12px 32px; padding: 0; margin: 0;
}
.apart-band-list li {
position: relative; padding-left: 20px;
font-size: 14px; color: rgba(245,240,235,0.85); letter-spacing: 0.04em;
}
.apart-band-list li::before {
content: ''; position: absolute; left: 0; top: 9px;
width: 12px; height: 1px; background: var(--eger-gold);
}
@media (max-width: 1100px) {
.apart-tile { grid-column: span 3; }
.apart-tile.feature { grid-column: span 6; grid-row: auto; }
}
@media (max-width: 900px) {
.apart-intro { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 800px) {
.apart-band { padding: 36px 28px; }
.apart-band-content { grid-template-columns: 1fr; gap: 24px; }
.apart-band-list { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
.apart-tile, .apart-tile.feature { grid-column: span 6; grid-row: auto; }
}
/* === Strona Oferty === */
.offers-page {
background: var(--eger-paper);
padding: var(--eger-section-pad);
font-family: var(--eger-sans);
color: var(--eger-ink);
}
.offers-page__head {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: end;
margin-bottom: 56px;
}
.offers-page__head-left .home-eyebrow { margin-bottom: 24px; }
.offers-page__head-left .section-heading { max-width: 14ch; }
.offers-page__head-right .home-lead { max-width: 48ch; margin-left: auto; }
.offers-page__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.offer-card {
background: var(--eger-paper);
display: flex;
flex-direction: column;
position: relative;
border: 1px solid var(--eger-line);
}
.offer-card__img { aspect-ratio: 16/10; overflow: hidden; }
.offer-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s; }
.offer-card:hover .offer-card__img img { transform: scale(1.05); }
.offer-card__body { padding: 28px 32px 32px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.offer-card__tag {
display: inline-block;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.26em;
text-transform: uppercase;
color: var(--eger-burgundy);
}
.offer-card__body h3 { font-family: var(--eger-serif); font-size: 28px; font-weight: 500; color: var(--eger-ink); margin: 0; }
.offer-card__body p { font-size: 14px; color: var(--eger-muted); line-height: 1.65; margin: 0; }
.offer-card__price-row {
margin-top: auto;
display: flex;
justify-content: space-between;
align-items: baseline;
border-top: 1px solid var(--eger-line);
padding-top: 20px;
}
.offer-card__from { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--eger-muted); }
.offer-card__amt { font-family: var(--eger-serif); font-size: 26px; color: var(--eger-burgundy); margin-left: 6px; }
@media (max-width: 1024px) {
.offers-page__head { grid-template-columns: 1fr; gap: 24px; }
.offers-page__head-right .home-lead { margin-left: 0; }
.offers-page__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.offers-page__grid { grid-template-columns: 1fr; }
.offer-card__body { padding: 20px 20px 24px; }
}
/* === Modal kontaktowy === */
.contact-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
pointer-events: none;
opacity: 0;
transition: opacity 0.35s ease;
}
.contact-modal.is-open {
pointer-events: auto;
opacity: 1;
}
.contact-modal__overlay {
position: absolute;
inset: 0;
background: rgba(30, 23, 20, 0.80);
backdrop-filter: blur(4px);
}
.contact-modal__box {
position: relative;
background: var(--eger-paper);
width: 100%;
max-width: 580px;
max-height: 90vh;
overflow-y: auto;
padding: 56px 52px 52px;
transform: translateY(24px);
transition: transform 0.35s ease;
scrollbar-width: thin;
}
.contact-modal.is-open .contact-modal__box {
transform: translateY(0);
}
.contact-modal__close {
position: absolute;
top: 18px;
right: 20px;
background: none;
border: none;
cursor: pointer;
padding: 8px;
color: var(--eger-muted);
line-height: 1;
transition: color 0.2s;
}
.contact-modal__close:hover { color: var(--eger-ink); }
.contact-modal__head {
margin-bottom: 36px;
}
.contact-modal__head .home-eyebrow {
display: block;
margin-bottom: 12px;
}
.contact-modal__head h3 {
font-family: var(--eger-serif);
font-size: clamp(28px, 3vw, 42px);
font-weight: 400;
line-height: 1.08;
color: var(--eger-ink);
margin: 0 0 24px;
}
.contact-modal__divider {
width: 48px;
height: 1px;
background: var(--eger-gold);
}
/* CF7 wewnątrz modala */
.contact-modal .wpcf7-form p { margin: 0 0 18px; }
.contact-modal .wpcf7-form label {
display: block;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--eger-muted);
margin-bottom: 8px;
}
.contact-modal .wpcf7-form input[type="text"],
.contact-modal .wpcf7-form input[type="email"],
.contact-modal .wpcf7-form input[type="tel"],
.contact-modal .wpcf7-form select,
.contact-modal .wpcf7-form textarea {
width: 100%;
background: var(--eger-cream);
border: 1px solid rgba(15,15,15,0.18);
border-radius: 0;
padding: 14px 18px;
font-family: var(--eger-sans);
font-size: 14px;
color: var(--eger-ink);
outline: none;
transition: border-color 0.2s;
-webkit-appearance: none;
appearance: none;
}
.contact-modal .wpcf7-form input:focus,
.contact-modal .wpcf7-form textarea:focus,
.contact-modal .wpcf7-form select:focus {
border-color: var(--eger-gold);
}
.contact-modal .wpcf7-form textarea {
min-height: 130px;
resize: vertical;
}
.contact-modal .wpcf7-form input[type="submit"] {
width: 100%;
padding: 16px 32px;
background: var(--eger-burgundy);
border: 1px solid var(--eger-burgundy);
color: var(--eger-cream);
font-family: var(--eger-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.24em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.25s, border-color 0.25s;
margin-top: 8px;
}
.contact-modal .wpcf7-form input[type="submit"]:hover {
background: var(--eger-burgundy-deep);
border-color: var(--eger-burgundy-deep);
}
.contact-modal .wpcf7-not-valid-tip {
font-size: 11px;
color: var(--eger-burgundy);
margin-top: 5px;
display: block;
}
.contact-modal .wpcf7-response-output {
margin-top: 20px;
padding: 12px 18px;
font-size: 13px;
border: 1px solid var(--eger-line);
color: var(--eger-muted);
}
.contact-modal .wpcf7-mail-sent-ok {
border-color: var(--eger-gold);
color: var(--eger-ink);
}
@media (max-width: 600px) {
.contact-modal__box { padding: 48px 24px 40px; }
}
/* === Filtry apartamentów === */
.apart-filters {
display: flex; gap: 10px; margin-bottom: 40px; flex-wrap: wrap;
}
.apart-filter-btn {
padding: 11px 28px; background: var(--eger-cream-warm);
border: 1px solid rgba(15,15,15,0.22); border-radius: 2px;
font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
color: var(--eger-ink); cursor: pointer; font-family: var(--eger-sans);
font-weight: 500;
transition: background 0.22s, color 0.22s, border-color 0.22s;
}
.apart-filter-btn:hover {
background: var(--eger-cream-warm);
border-color: var(--eger-gold); color: var(--eger-burgundy);
}
.apart-filter-btn.is-active {
background: var(--eger-espresso); color: var(--eger-cream);
border-color: var(--eger-espresso);
}
/* === Breadcrumbs === */
.breadcrumb { margin-bottom: 14px; }
.breadcrumb__list {
list-style: none; padding: 0; margin: 0;
display: flex; align-items: center; flex-wrap: wrap;
}
.breadcrumb__item {
display: flex; align-items: center;
font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
color: rgba(245,240,235,0.35);
}
.breadcrumb__item--current { color: rgba(245,240,235,0.5); }
.breadcrumb__item + .breadcrumb__item::before {
content: '›'; padding: 0 8px;
color: rgba(245,240,235,0.2); font-size: 12px; font-style: normal;
}
.breadcrumb__link {
color: rgba(245,240,235,0.35);
text-decoration: none;
transition: color 0.2s;
}
.breadcrumb__link:hover { color: rgba(245,240,235,0.65); }
/* === Galeria — podstrona (glry-*) === */
.glry-section {
background: var(--eger-paper);
padding: var(--eger-section-pad);
color: var(--eger-ink);
}
.glry-header {
text-align: center;
margin-bottom: 48px;
}
.glry-header h2 { margin-bottom: 12px; }
.glry-header p { color: var(--eger-muted); max-width: 52ch; margin: 0 auto; }
/* Tabs */
.glry-tabs {
display: flex;
gap: 8px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 48px;
}
.glry-tab {
font-family: var(--eger-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--eger-muted);
background: transparent;
border: 1px solid var(--eger-line);
padding: 10px 22px;
cursor: pointer;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.glry-tab:hover {
border-color: var(--eger-burgundy);
color: var(--eger-burgundy);
}
.glry-tab.is-active {
background: var(--eger-burgundy);
border-color: var(--eger-burgundy);
color: #fff;
}
/* Category heading */
.glry-cat-title {
font-family: var(--eger-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--eger-muted);
margin: 56px 0 20px;
}
.glry-groups > .glry-group:first-child .glry-cat-title { margin-top: 0; }
/* Mosaic grid */
.glry-mosaic {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin-bottom: 8px;
}
/* Tile */
.glry-tile {
display: block;
overflow: hidden;
position: relative;
cursor: pointer;
aspect-ratio: 1 / 1;
}
.glry-tile img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease, opacity 0.4s ease;
}
.glry-tile:hover { will-change: transform; }
.glry-tile:hover img { transform: scale(1.04); }
.glry-tile::after {
content: '';
position: absolute;
inset: 0;
background: rgba(107,26,26,0);
transition: background 0.3s;
pointer-events: none;
}
.glry-tile:hover::after { background: rgba(107,26,26,0.12); }
/* Lightbox */
.glry-lb {
display: none;
position: fixed;
inset: 0;
z-index: 9999;
align-items: center;
justify-content: center;
}
.glry-lb.is-open { display: flex; }
.glry-lb__backdrop {
position: absolute;
inset: 0;
background: rgba(10,8,6,0.92);
}
.glry-lb__img-wrap {
position: relative;
z-index: 1;
max-width: 90vw;
max-height: 90vh;
display: flex;
flex-direction: column;
align-items: center;
}
.glry-lb__img {
max-width: 90vw;
max-height: 85vh;
object-fit: contain;
display: block;
}
.glry-lb__caption {
font-family: var(--eger-sans);
font-size: 12px;
color: rgba(245,240,235,0.55);
letter-spacing: 0.06em;
margin: 10px 0 0;
text-align: center;
}
.glry-lb__close,
.glry-lb__prev,
.glry-lb__next {
position: absolute;
z-index: 2;
background: transparent;
border: none;
color: rgba(245,240,235,0.7);
cursor: pointer;
padding: 12px;
transition: color 0.2s;
}
.glry-lb__close { top: 20px; right: 24px; }
.glry-lb__prev { top: 50%; left: 16px; transform: translateY(-50%); }
.glry-lb__next { top: 50%; right: 16px; transform: translateY(-50%); }
.glry-lb__close:hover,
.glry-lb__prev:hover,
.glry-lb__next:hover { color: #fff; }
/* Mobile */
@media (max-width: 767px) {
.glry-mosaic {
grid-template-columns: repeat(2, 1fr);
}
.glry-tile { grid-column: unset !important; grid-row: unset !important; }
.glry-lb__prev { left: 4px; }
.glry-lb__next { right: 4px; }
}
/* === Voucher Card Cert === */
.voucher-vcrd {
display: flex; flex-direction: column;
position: relative; aspect-ratio: 5 / 7; overflow: hidden;
background: linear-gradient(135deg, rgba(201,168,76,0.05) 0%, rgba(107,26,26,0.05) 100%), var(--eger-cream);
border: 1px solid rgba(201,168,76,0.4); padding: 28px;
text-decoration: none; color: inherit;
box-shadow: 0 16px 40px -20px rgba(20,16,14,0.18);
transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.4s, border-color 0.4s;
}
.voucher-vcrd::before {
content: ''; position: absolute; inset: 10px;
border: 1px solid rgba(201,168,76,0.3); pointer-events: none;
}
.voucher-vcrd::after {
content: ''; position: absolute; inset: 18px; border: none; pointer-events: none;
background:
radial-gradient(circle at top left, rgba(201,168,76,0.10) 0%, transparent 50%),
radial-gradient(circle at bottom right, rgba(107,26,26,0.08) 0%, transparent 50%);
}
.voucher-vcrd > * { position: relative; z-index: 1; }
.voucher-vcrd:hover {
transform: translateY(-6px);
box-shadow: 0 32px 60px -28px rgba(20,16,14,0.25);
border-color: var(--eger-gold);
}
.voucher-vcrd__body {
flex: 1; text-align: center;
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
}
.voucher-vcrd__body h3 {
font-family: var(--eger-serif); font-size: clamp(18px, 1.8vw, 26px);
font-weight: 400; font-style: italic; color: var(--eger-burgundy);
line-height: 1.1; margin: 10px 0; letter-spacing: -0.01em;
}
.voucher-vcrd__amount {
text-align: center; padding: 14px 0;
border-top: 1px solid rgba(201,168,76,0.3);
border-bottom: 1px solid rgba(201,168,76,0.3);
}
.voucher-vcrd__amt {
display: block; font-family: var(--eger-serif); font-size: clamp(22px, 2.2vw, 30px);
color: var(--eger-burgundy); font-weight: 500; margin-top: 4px;
}
@media (max-width: 700px) {
.voucher-vcrd { padding: 20px; }
.voucher-vcrd::before { inset: 8px; }
.voucher-vcrd::after { inset: 14px; }
}