/* MOBILE RESPONSIVE */
/* small device ----------- */
@media only screen 
and (max-width: 768px) {
		.tagMobile { display:block; }
		.desktopOnly { display:none !important; }
		.mobileOnly { display:inline-block !important; }

		.header-nav { display: none; }
		.cards-grid, .stagger-row, .parallax-split, .docs-grid { grid-template-columns: 1fr; }

		/* Header adjustments */
		#site-header{padding:2.3rem 0;}
		#site-header.header--expanded{height:60px;}
		#site-header.header--compact {padding:.4rem 0;}
		#site-header.header--compact .header-logo { height:40px; width:85%;}
		a.logo { font-size:1.3rem; text-decoration:none; text-align:left; color:var(--pdv-black); font-weight:var(--font-weight-bold); }
		.webLogo { min-height:0;display:flex;align-items:center; }
		#site-header.header--compact .header-logo img { height:40px; }

		.headerWrap {}
		.headerLf { width:60%;min-width:0; }
		.headerRg { width:35%;min-width:0; }
		/* Hide desktop nav & CTA, show hamburger */
		.header-nav  {display:none !important;}
		.header-cta  {display:none !important;}
		.nav-toggle  {display:flex;}

		/* ════════════════════════════════════════════════════════════════
		MOBILE NAV DRAWER
		Full-height panel slides in from the right.
		Contains an accordion version of the navigation.
		════════════════════════════════════════════════════════════════ */
		.mobile-nav.open{transform:translateX(0);}
		/* Mobile nav backdrop */
		.mobile-nav-backdrop{
			position:fixed;inset:0;z-index:1090;
			background:rgba(14,13,11,.5);
			opacity:0;pointer-events:none;
			transition:opacity .35s;
		}
		.mobile-nav-backdrop.open{opacity:1;pointer-events:auto;}

		/* Header row inside drawer */
		.mobile-nav-head{
			display:flex;align-items:center;justify-content:space-between;
			padding:1rem 1.2rem 1rem;
			height:var(--header-h);
			border-bottom:1px solid var(--pdv-border);
			flex-shrink:0;
		}
		.mobile-nav-close{
			width:36px;height:36px;
			border:1px solid var(--pdv-border);background:none;
			cursor:pointer;font-size:1rem;color:var(--muted);
			display:flex;align-items:center;justify-content:center;
			transition:background .2s,color .2s,border-color .2s;
		}
		.mobile-nav-close:hover{background:var(--pdv-ink);color:var(--white);border-color:var(--pdv-ink);}

		/* Scrollable link area */
		.mobile-nav-body{
			flex:1;overflow-y:auto;padding:.5rem 0 2rem;
			overscroll-behavior:contain;text-align:left;
		}
		.mobile-nav-body::-webkit-scrollbar{width:2px;}
		.mobile-nav-body::-webkit-scrollbar-thumb{background:var(--pdv-gold);}
		.mobile-nav-footer {position:relative;padding:1rem 1.5rem;text-align:left;}

		/* ── Mobile accordion items ───────────────────────────────── */

		/* Plain link (no children) */
		.mn-link{
			display:block;
			padding:.85rem 1.4rem;
			font-size:1rem;letter-spacing:.12em;text-transform:uppercase;
			color:var(--pdv-ink) !important;border-bottom:1px solid var(--pdv-border);
			transition:color .15s,background .15s;
		}
		.mn-link:hover,.mn-link:active{color:var(--pdv-gold);background:rgba(201,168,76,.04);}
		.mn-link.active{color:var(--pdv-gold);}
		.mn-acc-menu {padding-bottom:.7rem;}
		.mn-acc-menu .mn-link { padding-left:2.3rem;border-bottom:0;border-top:1px solid var(--pdv-border); }

		/* Level-1 accordion trigger (has children) */
		.mn-acc{border-bottom:1px solid var(--pdv-border);}
		.mn-acc-trigger{
			display:flex;align-items:center;justify-content:space-between;
			width:100%;padding:.95rem 1.4rem;
			font-size:1rem;letter-spacing:.12em;text-transform:uppercase;
			color:var(--pdv-ink) !important;
			background:none;border:none;cursor:pointer;text-align:left;
			transition:color .15s,background .15s;
		}
		.mn-acc-trigger:hover{color:var(--pdv-gold);background:rgba(201,168,76,.04);}
		.mn-acc.open .mn-acc-trigger{color:var(--pdv-gold);}
		.mn-acc-chevron{
			width:22px;height:22px;border-radius:50%;
			background:rgba(0,0,0,.05);
			display:flex;align-items:center;justify-content:center;flex-shrink:0;
			transition:background .25s,transform .35s cubic-bezier(.4,0,.2,1);
		}
		.mn-acc-chevron svg{width:9px;height:9px;color:var(--muted);transition:color .2s;}
		.mn-acc.open .mn-acc-chevron{background:var(--pdv-gold);transform:rotate(180deg);}
		.mn-acc.open .mn-acc-chevron svg{color:var(--white);}

		/* Level-1 panel */
		.mn-acc-panel{
			max-height:0;overflow:hidden;
			transition:max-height .4s cubic-bezier(.4,0,.2,1);
			background:rgba(0,0,0,.02);
		}
		.mn-acc.open .mn-acc-panel{max-height:600px;}

		/* Level-2 accordion trigger (has children) */
		.mn-sub{border-top:1px solid var(--pdv-border);}
		.mn-sub:first-child{border-top:none;}
		.mn-sub-trigger{
			display:flex;align-items:center;justify-content:space-between;
			width:100%;padding:.75rem 1.4rem .75rem 2rem;
			letter-spacing:.1em;text-transform:uppercase;
			color:var(--slate);
			background:none;border:none;cursor:pointer;text-align:left;
			transition:color .15s,background .15s;
		}
		.mn-sub-trigger:hover{color:var(--pdv-gold);background:rgba(201,168,76,.04);}
		.mn-sub.open .mn-sub-trigger{color:var(--pdv-gold);}
		.mn-sub-chevron{
			width:18px;height:18px;border-radius:50%;
			background:rgba(0,0,0,.05);
			display:flex;align-items:center;justify-content:center;flex-shrink:0;
			transition:background .25s,transform .35s cubic-bezier(.4,0,.2,1);
		}
		.mn-sub-chevron svg{width:8px;height:8px;color:var(--muted);transition:color .2s;}
		.mn-sub.open .mn-sub-chevron{background:rgba(201,168,76,.15);transform:rotate(180deg);}
		.mn-sub.open .mn-sub-chevron svg{color:var(--pdv-gold);}

		/* Level-2 panel */
		.mn-sub-panel{
			max-height:0;overflow:hidden;
			transition:max-height .35s cubic-bezier(.4,0,.2,1);
			background:rgba(0,0,0,.02);
			border-left:2px solid var(--pdv-gold);
			margin-left:2rem;
		}
		.mn-sub.open .mn-sub-panel{max-height:400px;}

		/* Level-2 link (plain, no more nesting) */
		.mn-sub-link{
			display:block;
			padding:.7rem 1.2rem .7rem 1rem;
			font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
			color:var(--muted);border-bottom:1px solid rgba(0,0,0,.04);
			transition:color .15s,padding-left .15s;
		}
		.mn-sub-link:last-child{border-bottom:none;}
		.mn-sub-link:hover{color:var(--pdv-gold);padding-left:1.4rem;}

		/* Mobile nav divider */
		.mn-divider{height:1px;background:var(--pdv-border);padding:.2rem 0;opacity:.3;}

		/* Mobile nav CTA button */
		.bookBtn { display:inline-block; margin:1.5rem 1.4rem 0; font-size:.9rem !important; font-weight:600; letter-spacing:.16em; }

		/* BOOKING BAR */
		#booking-bar { width:96%; margin:auto; padding:10px 15px; }
		.bb-field {min-width:0;padding: 0 .4rem;}
		.bb-field.checkin {border:0;}
		.bb-submit {
			font-size: .8rem;padding: 10px 15px;
		}

		/* FOOTER */
		#footerSection {padding-bottom:0;}
		.footerWrap { flex-direction:column;padding:1.5rem 0 1.5rem 0;width:94%; }
		.ftColLf { width:100%; }
		.ftColRg { width:100%; }
		.footer-bottom {text-align:left;}

		/* Hero & content padding */
		.hero-content     {padding:0 1.5rem 3rem;}
		.booking-bar-anchor{padding:0 1.2rem;}
		.demo-section     {padding:3.5rem 1.5rem;}

		/* HERO BANNER */
		.hero {height: 90vh;}
		.hero-content {bottom: 14%; left: 2%; width:90%;}
		.hero-arrows {bottom: 15%;}
		/* body banner */
		.cta-content.cols {flex-direction:column;margin-left:0;width:100%;}
		.cta-content.cols .cta-col-text { width:90%;text-align:center; }
		/* ══ HERO TEXT HEADER ═══════════════════════════════════════════════════ */
    	.hero-header { padding:6.5rem 0 3rem 0; min-height:40vh; }
		h1.hero-header-title { font-size:2.6em; line-height:1em; font-weight:var(--font-weight-normal); margin-bottom:1.5rem; }
		.hero-title { line-height: 1em; }
		.hero-header-wrap { flex-direction:column;gap:.5rem; }
		.hero-header-body { width:100%; }
		.hero-header-side { width:100%;margin:0 0 1.5rem; }
		.hero-header-wrap.center .hero-header-body { width:90%;margin:auto; }
		.hero-cols-header { padding:6rem 0 4rem 0; }
		.hero-cols-header-wrap { flex-direction:column; gap:.5rem; }
		.hero-cols-header-text { width:90%; padding-right:0; }
    	.hero-cols-header-pic { width:100%; padding-bottom:1.5rem; }
		.hero-cols-header-pic::after { width:80%; padding-bottom:60%; border-radius:20px; margin-left:10px; }
		.hero-cols-img { padding-bottom:60%; border-radius:15px 0 0 15px; }
		.hero-header-crumb { display:block; }
		.section-title { line-height:1em; }

		/* DISCOVER */
		.discover-grid {display:flex; justify-content:flex-start;flex-direction:column;}
		.disc-card {height:370px;}
		.disc-card--tall, .disc-card--medium { min-height: auto; }

		/* HOTELS */
		.collection-track {}
		.hotel-card {flex: 0 0 100%;}
		.hotel-card-img {width:100%; padding-bottom:60%;}

		/* TESTIMONIALS */
		.testi-card {flex: 0 0 90%;}

		/* OFFERS */
		.offers { padding: 4rem 0 4rem 0; }
		.offers-card {flex: 0 0 100%;}
		
		/* BLOG */
		.blog { padding: 4rem 0 4rem 0; }
		.blog-wrap { gap:1.5rem; }
		.blog-card {flex: 0 0 98%;}
		.blog-card-img {padding-bottom:120%;}

		/* GALLERY */
		#gallery { padding:5rem 0 4rem 0; }

		/* ROOMS */
		.rooms { padding: 4rem 0; }
		.room-card {flex: 0 0 100%;}
		/* ══ ROOMS LIST ════════════════════════════════════════════════════════ */
		.rooms-list { padding:2.5rem 0; }
		.rooms-row { padding:1.5rem 0; column-gap:4rem; flex-direction:column; }
		.rooms-thumbn { width:100%; padding-bottom:60%; margin-bottom:1rem; }
		.rooms-col { width:100%; flex-direction:column; column-gap:.5rem; }
		.rooms-brief { width:100%; }
		.rooms-brief p { margin-bottom:1rem; }
		.rooms-spek { width:100%; padding:1rem 0; }

		/* WELCOME */
		.welcome { padding:5.5rem 0 2.5rem 0; }
		.welcome.meeting { padding:4rem 0 .5rem 0; }
		.welcome-wrap {flex-direction:column;}
		.welcome-wrap.home { padding-bottom:0; }
		.welcome-body {width:100%;}
		.welcome-pic-bx { width:100%;margin-bottom:1rem; }
		.welcome-pic-float { position:relative;left:0;gap:1rem; }
		.second-img { width:50%; padding-bottom:50%; }
    	.third-img { width:50%; padding-bottom:50%; }

		/* BASIC CONTENT */
		.content-body { padding:4rem 0 4rem 0; }
		.hilight-img { width:100%; }
    	.hilight-text { width:100%; padding:1.2rem; }
		.content-body-hilight { flex-direction:column; }
		.page-body { padding:2rem .2rem !important; }

		/* MEETING */
		#meeting { padding: 2.5rem 0 2.5rem 0; }
		.meeting-wrap { padding-top:.5rem; }
		#cardView { margin:0 !important;padding:0 !important;gap:1.2rem 0 !important; }
		.meeting-card { width:100% !important; }

		/* WEDDING */
		#wedding { padding:6.5rem 0 3.5rem 0; }

		/* EXPERIENCE */
		.experience { padding: 4rem 0 2.5rem 0; }
		.experience-card { flex-direction:column; gap:.5rem; width:94%; }
		.experience-card-img { width:100%; padding-bottom:60%; border-radius:10px; }
    	.experience-card-body { width:100%; text-align:left; padding:0 0.7rem; }
		/* even row swap */
		.experience-card:nth-child(even) { flex-direction: column; }
		.experience-card:nth-child(even) .experience-card-img { border-radius:10px; }
		.experience-card:nth-child(even) .experience-card-body { padding:0 0.7rem; }

		/* FAQ */
		.faq { padding: 3rem 0 1.5rem 0; }
		.faq-page { padding: .5rem; }
		.faq-group { margin-bottom: 2rem; }
		.faq-group-header { margin-bottom:.6rem; }
		ul.faq-list>li { padding:3px 0 3px 24px; }

		/* CONTENT DETAIL PAGE */
		.reading-body { padding:5rem 0 3.5rem 0; }
		.content-body-block { padding:0.5rem 0; }
		.content-body-hilight { column-gap:1rem; min-height:0; margin-bottom:1rem; }
		.content-booking-panel { margin:1rem; gap:1.3rem; }
		.bb-link { min-width:auto; text-align:left; }
		.reading-wrap { width:96%; }
		h1.reading-title { font-size:2.2em; margin-bottom:1.0rem; }
		h2.reading-subtitle { font-size:1.6em; line-height:1.2em; margin-bottom:.6rem; }
		h1.section-title { line-height:2.4rem; }
		.webpage-body { padding:3.5rem 0; }

		/* Contact HO */
		.corporate-grid{grid-template-columns:1fr;}
		.corp-block{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding:2rem 1.8rem;}
		.corp-block:last-child{border-bottom:none;}
		.corp-block:nth-child(3){grid-column:span 1;}
		.hcc-top{grid-template-columns:1fr;}
		.hcc-img{height:180px;}
		.hcc-info{padding:1.4rem 1.5rem;}
		.hcc-contacts{grid-template-columns:1fr 1fr;}
		.hcc-contact{padding:1rem 1.2rem;}
		.hcc-contact:nth-child(2){border-right:none;}
		.hcc-contact:nth-child(3){border-top:1px solid rgba(255,255,255,.05);}
		.hcc-contact:nth-child(4){border-top:1px solid rgba(255,255,255,.05);border-right:none;}
		.hotels-header{flex-direction:column;align-items:flex-start;gap:0;}
		.cta-btns{flex-direction:column;align-items:center;}
} 

/* PHONES LANDSCAPE ORIENTATION */
@media only screen 
and (max-width: 1024px)
and (orientation: landscape) {
	.hotel-card { flex: 0 0 calc(50% - 0.65rem); }
	.testi-card { flex: 0 0 calc(100%); }
	.blog-card  { flex: 0 0 calc(50% - 0.65rem); }
	.footer-grid { grid-template-columns: 1fr 1fr; }

	.corporate-grid{grid-template-columns:1fr 1fr;}
	.corp-block:nth-child(2){border-right:none;}
	.corp-block:nth-child(3){border-top:1px solid rgba(255,255,255,.06);grid-column:span 2;}
	.hcc-top{grid-template-columns:220px 1fr;}
	.hcc-contacts{grid-template-columns:1fr 1fr;}
	.hcc-contact:nth-child(2){border-right:none;}
	.hcc-contact:nth-child(3){border-top:1px solid rgba(255,255,255,.05);}
	.hcc-contact:nth-child(4){border-top:1px solid rgba(255,255,255,.05);border-right:none;}
}

/* TABLET LANDSCAPE ORIENTATION */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	 	ul.nvMenu>li { letter-spacing:0.6px; padding:2px 0; margin:0 2.8%; }
	 	ul.offrsLst>li { margin:15px 20px; }
}