@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";
:root{
	--body-font: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	--body-bg: #feeddf;
	--body-color: #252525;
	--body-dark: #0F1012;
	--body-size: 16px;
	--body-line: 1.4;
	--body-weight: 400;
	--body-strong: 800;
	--body-letter: -0.02em;
	--color-black: #000;
	--color-atlant: #feeddf;
	--color-white: #fff;
	--color-gold: #a8776a;
	--color-grey: #f2f2f2;
}
*,::before,::after{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-optical-sizing:auto;
}
html,html:focus-within{
	scroll-behavior:smooth;
}
body{
	font-family: var(--body-font);
	font-weight: var(--body-weight);
	font-size:var(--body-size);
	line-height: var(--body-line);
	letter-spacing: var(--body-letter);
	color:var(--body-color);
	background:var(--body-bg);
	overflow-x: hidden;
	margin:0;
}
body.no-scroll{
	overflow: hidden;
}
img{
	width:auto;
	height:auto;
	vertical-align: middle;
}
svg, video, canvas, audio, iframe, embed, object{
	display: block;
	vertical-align: middle;
}

a:not(.nav-link){
	color:inherit;
	text-decoration:none;
	transition: all 0.3s;
}
a:hover:not(.nav-link), a:focus-visible{
	color:var(--color-gold);
	text-decoration:underline
}
a:link:not(.nav-link), a:visited:not(.nav-link){
	color:var(--color-atlant);
	text-decoration: none;
}

ul,ol{
	list-style-position:inside;
	padding:0;
	margin:0
}
h1, h2, h3, h4, h5, h6{
	font-family: var(--body-font);
	letter-spacing: var(--body-letter);
	line-height: 1;
}
h1{
	font-size: clamp(2rem, 1.2rem + 3vw, 3.25rem);
}
h2{
	font-size: clamp(1.7rem, 1.15rem + 2.2vw, 2.6rem);
}
h3{
	font-size: clamp(1.4rem, 1.05rem + 1.4vw, 2rem);
}
h4{
	font-size: clamp(1.2rem, 1.05rem + 0.8vw, 1.6rem);
}
h5{
	font-size: clamp(1.05rem, 1rem + 0.35vw, 1.25rem);
	font-weight: 650;
	letter-spacing: -0.01em;
}
h6{
	font-size: clamp(0.95rem, 0.92rem + 0.25vw, 1.1rem);
	font-weight: 600;
	letter-spacing: 0;
	opacity: 0.9;
}
p + h2, p + h3, p + h4, p + h5, p + h6{
	margin-top: 1.2em;
}
p{margin:0 0 2rem}
strong{font-weight:800}
section{
	padding:0;
	margin:0;
}
button{
	padding:10px 35px;
	border-radius:3px;
	cursor:pointer;
	transition:all .3s;
}
.object-cover{
	object-fit: cover;
	-o-object-fit: cover;
}
.bg-cover{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.gold{
	color:var(--color-gold) !important
}
.text-white{
	color:var(--color-atlant) !important;
}
.bg-gold{
	background-color:var(--color-gold) !important
}
.fw-2{font-weight:200}
.fw-3{font-weight:300}
.fw-4{font-weight:400}
.fw-5{font-weight:500}
.fw-6{font-weight:600}
.fw-7{font-weight:700}
.fw-8{font-weight:800}
.swiper-pagination-bullet {
	background: var(--color-grey);
	opacity: 1;
	width: 10px;
	height: 10px;
	transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
	width: 24px !important;
	border-radius: 12px;
	background-color:var(--color-gold)
}

.left-line{
	border-left: 4px solid var(--color-gold);
	padding-left: 12px;
}
.right-line{
	border-right: 4px solid var(--color-gold);
	padding-right: 12px;
}

.sp-0{
	letter-spacing: 0.02rem!important;
}
.sp-1{
	letter-spacing: 0.2rem!important;
}
.sp-2{
	letter-spacing: 0.4rem!important;
}
.sp-3{
	letter-spacing: 0.8rem!important;
}

.zoom{
	display: block;
	transition: transform .25s ease;
	transform-origin: center;
}
.zoom:hover{
	transform: scale(1.05);
}
.zoom-item {
	position: relative;
	border:none;
	margin: 0;
	overflow: hidden;
	width: auto;
	display: inline-block;
}
.zoom-item img {
	max-width: 100%;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	transition: .5s ease;
}
.zoom-item:hover img {
	-webkit-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
.zoom-item:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.zoom-item:hover:before {
	opacity: 1;
}
.zoom-img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	transform:scale(1);
	will-change:transform;
	animation:softZoom 10s ease-in-out infinite alternate
}
@keyframes softZoom{from{transform:scale(1)}to{transform:scale(1.07)}}

.card, .card .card-body{
	background:var(--body-bg);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled:hover{
	background:transparent!important;
}

/**** HEADER ******************/
/* PRELOADER OVERLAY */
.loader{
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:var(--body-dark);
	z-index: 99999;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transition: opacity 400ms ease, visibility 0s linear 400ms;
}
.loader.is-hidden{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce){
	.loader{ transition: none; }
	.loader .loader-inner{ animation: none; }
}

.site-header{
	display: block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	background: transparent;
	z-index: 1001;
	padding:0;
}
.site-header.glass {
	background: rgba(255, 255, 255, 0.005);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px)
}
.site-header.glass-dark {
	background: rgba(15, 15, 18, 0.35);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.site-header .alertbar{
	padding:20px 12px;
	background-color:transparent;
	display:block;
	text-align:center;
	font-size:16px;
}
.site-header .alertbar.glass {
	background: rgba(15, 15, 18, 0.40);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.site-header .alertbar *{
	padding:0;
	margin:0;
	color:var(--color-atlant);
}
.site-header .alertbar a{
	text-decoration:none;
	margin:0 7px;
	transition: transform 0.3s ease;
}
.site-header .alertbar a:hover{
	text-decoration:underline;
	color:var(--color-gold);
}

/**** BUTTON + EFFECTS ******************/
.button {
	position: relative;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	font-size:14px;
	background:#fff3;
	text-shadow:none;
	border:none;
	color:var(--color-atlant);
	padding:10px 35px;
	border-radius:3px;
	cursor:pointer;transition:all .5s;
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}
.button.animation {
	animation:heroFadeInUp 1s ease-out .6s backwards;
}
.button:hover {
	color:var(--color-atlant);
}
.button::before, .button::after {
	width: 100%;
	height: 100%;
	z-index: 3;
	content: "";
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	transition:all .3s;
}
.button::before {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform-origin: 0 100%;
	border-radius:3px;
}
.button::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform-origin: 100% 0%;
	border-radius:3px;
}
.button:hover::after,.button:hover::before {
 -webkit-transform: scale(1);
}

/**** NAVIGATION ******************/
.site-header .navbar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
	gap: 2rem;
	padding:2rem 0;
	min-height:100px;
	background:transparent;
}
.site-header .navbar .logo{
	width:200px;
	height:30px;
	transition: transform 0.3s ease;
	background:transparent;
	z-index: 1001;
}
.site-header .navbar .logo:hover{
	transition:all 0.3s;
	transform: scale(1.05);
	transform-origin: center;
}
.site-header .navbar .logo img{
	width:100%;
}

.site-header .navbar .right{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:1rem;
	background:transparent;
}
.site-header .navbar .right .social-icons{
	display: flex;
	gap:15px;
	justify-content: center;
	align-items: center;
	background:transparent;
}
.site-header .navbar .right .social-icons a:hover{
	transform: scale(1.2);
	transition:all 0.3s;
}
.site-header .navbar .right .social-icons a:hover [class^="flaticon-"]:before{
	color:var(--color-gold);
	transition:all 0.3s;
}
.site-header .navbar .right .social-icons [class^="flaticon-"]:before,.site-header .navbar .right .social-icons [class*=" flaticon-"]:before,.site-header .navbar .right .social-icons [class^="flaticon-"]:after,.site-header .navbar .right .social-icons [class*=" flaticon-"]:after{
	font-style: normal;
	color: #fff;
}
.site-header .navbar .right .navigation{
	background:transparent;
	cursor: pointer;
	transition:transform 0.3s ease;
	display:block;
	width:45px;
	height:50px;
	z-index: 1002;
}
.site-header .navbar .right .navigation:hover{
	transition:all 0.5s;
}
.site-header .navbar .right .navigation:hover .menu-line-1,
.site-header .navbar .right .navigation:hover .menu-line-2,
.site-header .navbar .right .navigation:hover .menu-line-3{
	background:var(--color-gold);
}

.site-header .navbar .right .navigation .menu-line-1,
.site-header .navbar .right .navigation .menu-line-2,
.site-header .navbar .right .navigation .menu-line-3{
	width: 3rem;
	height: 0.1rem;
	background-color:var(--body-bg);
	margin: 11px 0;
	transition: 0.4s;
}
.site-header .navbar .right .navigation .menu-line-2{
	width: 2rem;
	margin-left: auto;
}
.site-header .navbar .right .navigation.active .menu-line-1{
	transform: rotate(-45deg) translate(-0.6rem, 0.6rem);
}
.site-header .navbar .right .navigation.active .menu-line-3{
	transform: rotate(45deg) translate(-0.6em, -0.6rem);
}
.site-header .navbar .right .navigation.active .menu-line-2{
	opacity: 0;
}

.site-header .navbar .right .reservation-button{
	transition:all .5s;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	margin-right:25px;
}

/**** NAVIGATION OVERLAY ******************/
.site-header .navbar .overlay{
	z-index: 1000;
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.60);
	text-shadow:none;
	color:var(--color-atlant);
	transition:all .3s;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 0;
	padding: 6rem 2rem 3rem 2rem;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	pointer-events: none;
	visibility: hidden;
}
.site-header .navbar .overlay.overlay-active{
	pointer-events: auto;
	visibility: visible;
}
.site-header .navbar .overlay.overlay-slide-right{
	transition: all 0.3s ease-in-out;
	transform: translateY(0);
}
.site-header .navbar .overlay.overlay-slide-left{
	transition: all 0.3s ease-in-out;
	transform: translateY(100%);
}
.site-header .navbar .overlay .menu{
	width: 100%;
	text-align: center;
	margin: auto 0;
	min-height: calc(100vh - 10rem);
	min-height: calc(100dvh - 10rem);
	display: flex;
	align-items: center;
	justify-content: center;
}
.site-header .navbar .overlay .menu .social-icons{display: flex;gap:1rem;justify-content: center;align-items: center;margin-top:30px;}
.site-header .navbar .overlay .menu .social-icons a{
	transition:all 0.3s;
	font-size:18px;
}
.site-header .navbar .overlay .menu .social-icons a:hover{
	color:var(--color-gold);
}
.site-header .navbar .overlay .menu nav{display:flex;flex-direction:column;gap:1rem}
.site-header .navbar .overlay .menu nav a{color:var(--color-atlant);text-decoration:none;font-size:1.5rem;font-weight:200;transition:all .3s ease;position:relative;display:inline-block;cursor:pointer}
.site-header .navbar .overlay .menu nav a::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%) scaleX(0);width:100%;height:1px;background:#fff;transition:transform .3s ease}
.site-header .navbar .overlay .menu nav a:hover{color:var(--color-gold);text-shadow:none;transform:translateY(-2px)}
.site-header .navbar .overlay .menu nav a:hover::after{color:var(--color-gold);transform:translateX(-50%) scaleX(1.5)}
.site-header .navbar .overlay .menu nav .menu-item{position:relative}
.site-header .navbar .overlay .menu nav .menu-item .expand-icon{display:none;margin-left:.5rem;font-size:.6em;transition:transform .3s ease}
.site-header .navbar .overlay .menu nav .menu-item .expand-icon.active{transform:rotate(180deg)}

.site-header .navbar.active .logo img{
	filter: brightness(0);
}
.site-header .navbar.active .navigation .menu-line-1,
.site-header .navbar.active .navigation .menu-line-2,
.site-header .navbar.active .navigation .menu-line-3{
	background-color: #000;
}

.site-header .navbar.active .navigation.active .menu-line-1,
.site-header .navbar.active .navigation.active .menu-line-2,
.site-header .navbar.active .navigation.active .menu-line-3{
	background-color:var(--body-bg);
}

/**** MAIN ******************/
.site-main{
	margin: 0;
	padding: 0;
}
.site-main .swiper{
	position:relative;
	width:100%;
	height:100vh;
	min-height:600px;
	overflow:hidden;
	background-color:var(--body-dark);
}
.site-main .swiper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#252525;object-fit: cover;-o-object-fit: cover;object-position: center;z-index:1}
.site-main .swiper .swiper-pagination{
	bottom:20px !important;
}
.site-main .swiper .swiper-slide.overlay::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.7);
	z-index:1
}
.site-main .swiper .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
	transition:opacity 1s ease-in-out;
	background:#252525;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	overflow:hidden;
}
.site-main .swiper .swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	object-position: center;
	padding:0;
	margin:0;
	pointer-events: none;
}
.site-main .swiper .swiper-slide video{width:100%;height:100%;object-fit: cover; -o-object-fit: cover;object-position: center;padding:0;margin:0;pointer-events: none;}
.site-main .swiper .swiper-slide .slide-content{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--color-atlant);z-index:2;width:90%;max-width:800px}
.site-main .swiper .swiper-slide .slide-content h1{letter-spacing: 0.1rem;font-size:4rem;margin-bottom:1rem;text-shadow:none;animation:heroFadeInUp 1s ease-out}
.site-main .swiper .swiper-slide .slide-content h1 strong{font-weight:800}
.site-main .swiper .swiper-slide .slide-content p{letter-spacing: 0.1rem;margin-bottom:2rem;text-shadow:none;animation:heroFadeInUp 1s ease-out .3s backwards}
.site-main .swiper .swiper-slide .slide-content button{font-size:14px;background:#fff3;text-shadow:none;border:none;color:var(--color-atlant);padding:10px 35px;border-radius:3px;cursor:pointer;transition:all .3s;	backdrop-filter: blur(7px);-webkit-backdrop-filter: blur(7px);animation:heroFadeInUp 1s ease-out .6s backwards}
.site-main .swiper .swiper-slide .slide-content button:hover{background-color:var(--body-bg);color:var(--color-gold)}
@keyframes heroFadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

.site-main .content-header .title{
	margin-top:150px;
	margin-bottom:20px;
	padding:0;
}

.site-main .content-body{background-color:var(--body-bg);padding:80px 0px 60px 0px;margin:3rem 0}
.site-main .content-body h2{margin-bottom:1rem;color:#252525}
.site-main .content-body p{line-height:1.5;margin-bottom:1rem;color:#000}
.site-main .content-body a{
	color:#252525;
	font-weight:400
}
.site-main .content-body a:hover{
	color:var(--color-gold);
}
.site-main .content-body a.button{
	font-size:14px;
	background:var(--color-gold);
	text-shadow:none;
	border:1px solid #fff;
	color:var(--color-atlant);
	padding:10px 25px;
	border-radius:3px;
	cursor:pointer;
	transition:all .3s;
	margin-bottom:1.2rem;
	display:inline-block;
}
.site-main .content-body a.button:hover{
	background-color:var(--body-bg);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border:1px solid var(--color-gold);
	color:var(--color-gold);
}
.site-main .content-body ul{
	list-style: disc;
	list-style-position: inside;
}
.site-main .content-body ol{
	list-style: decimal;
	list-style-position: inside;
}
.site-main .content-body ul, .site-main .content-body ol{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: .5rem;
	margin-bottom:2rem;
}
.site-main .content-body ul li::marker, .site-main .content-body ol li::marker{
	color: var(--color-gold)
}

.site-main .menucard{
	background-color:var(--body-bg);
	padding:70px 0px 70px 0px;
	margin:3rem 0;
	color:#000;
	color:var(--color-black);
}
.site-main .menucard-blocks{
	background-color:var(--body-dark);
	padding:70px 0px 70px 0px;
	margin:3rem 0;
	color:var(--color-atlant);
}

.site-main .parallax{
	position: relative;
	overflow: hidden;
	min-height:50vh;
}
.site-main .parallax.overlay::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.8));
	pointer-events: none;
}
.site-main .parallax__bg{
	position: absolute;
	inset: -30%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	will-change: transform;
	z-index: 0;
}
.site-main .parallax__content{
	position: relative;
	z-index: 1;
	padding-top: 80px;
	padding-bottom: 80px;
	color: white;
}

.site-footer{
	position:relative;
	background-color:var(--body-dark);
	padding:60px 0px 30px 0px;
	color:var(--body-floral);
}
.site-footer a{
	color:var(--color-atlant);
}
.site-footer a:hover, .site-footer a:focus-visible{
	color:var(--color-gold);
	text-decoration:none
}

.site-footer .social-icons{
	display:block;
	background:transparent;
	padding:12px 0;
}
.site-footer .social-icons span{
	font-size:24px;
	margin:0 10px;
}

.fade-element{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}
.fade-element.fade-in{opacity:1;transform:translateY(0)}

.notification-widget{position:fixed;bottom:20px;left:20px;width:320px;background: rgba(216, 201, 190, 0.8);backdrop-filter: blur(10px);border:1px solid #ffffff14;-webkit-backdrop-filter: blur(10px);border-radius:12px;padding:15px;padding-top:12px;transform:translateX(-400px);opacity:0;transition:all .4s ease;z-index:9999}
.notification-widget.show{transform:translateX(0);opacity:1}
.notification-widget .notification-header{position:absolute;top:8px;right:8px}
.notification-widget .close-btn{background:none;border:none;color:#5f6368;cursor:pointer;font-size:18px;line-height:1;padding:0;width:20px;height:20px}
.notification-widget .close-btn:hover{color:#202124}
.notification-widget .notification-content{display:flex;gap:12px}
.notification-widget .user-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-gold);display:flex;align-items:center;justify-content:center;color:var(--color-atlant);font-weight:700;font-size:16px;flex-shrink:0}
.notification-widget .notification-details{flex:1}
.notification-widget .user-name{font-size:13px;font-weight:600;color:#202124;margin:0}
.notification-widget .user-text{font-size:11px;color:#252525;line-height:1.4;margin:0}
.notification-widget.dark{background: rgba(15, 15, 18, 0.8);box-shadow:0 8px 24px #0000008c}
.notification-widget.dark .close-btn{color:#ffffffa6}
.notification-widget.dark .close-btn:hover{color:#fff}
.notification-widget.dark .user-avatar{font-size:12px;background:#fbbc042e;border:1px solid #fbbc0459;color:#fbbc04}
.notification-widget.dark .user-name{color:#ffffffeb}
.notification-widget.dark .user-text{color:#ffffffb8}

/* ========================= RESPONSIVE ========================= */
@media (max-width: 768px){
	html{font-size:90%}
	.zoom:hover{transform:unset}
	.site-header .navbar .logo:hover{transition:all .3s;transform:none}
	.site-header .navbar .logo{max-width:180px}
	.site-header .navbar .logo img{max-width:150px}
	.site-header .navbar .right .social-icons{display:none}
	.site-header .navbar .right .reservation-button{display:none}
	.site-header .navbar .right{display:flex;justify-content:right;width:50px}
	.site-header .navbar .right .navigation.active .menu-line-1{transform:rotate(-45deg) translate(-0.6rem,0.6rem)}
	.site-header .navbar .right .navigation.active .menu-line-3{transform:rotate(45deg) translate(-0.6em,-0.6rem)}
	.site-header .navbar .overlay .menu nav{gap:1.5rem}
	.site-header .navbar .overlay .menu a{font-size:2rem}
	.site-main .content-body img{width:100%;height:auto;display:block}
	.site-main .swiper .swiper-slide .slide-content h1{font-size:2rem}
	.site-main .swiper .swiper-slide .slide-content p{font-size:1rem}
	.notification-widget{left:50%;bottom:20px;width:calc(100% - 40px);max-width:300px;transform:translate(-50%,100px)}
	.notification-widget.show{transform:translate(-50%,0);opacity:1}
}
@media (max-width: 480px){
	.site-header .navbar .overlay .menu nav{gap:1.2rem}
	.site-header .navbar .overlay .menu a{font-size:1.5rem}
	.site-header .navbar{padding:2rem 1.2rem}
}