/*
Theme Name: Aquatica Fun Plex
Theme URI: https://aquaticafunplex.in
Author: Aquatica Fun Plex Ranchi
Description: Official WordPress theme — Ranchi's premier water park.
Version: 2.0.0
Text Domain: aquatica-funplex
*/

/* =============================================
   DESIGN TOKENS
   ============================================= */
:root {
  --sky:         #1BAADB;
  --sky-light:   #4DC8F0;
  --sky-dark:    #0D8AB8;
  --sky-deep:    #0A6E96;
  --sun:         #FF9500;
  --sun-light:   #FFB840;
  --sun-dark:    #E07800;
  --green:       #3DB82C;
  --green-dark:  #2A9020;
  --white:       #FFFFFF;
  --off-white:   #F0FBFF;
  --pale-sky:    #E8F8FF;
  --pale-sun:    #FFF8EC;
  --dark:        #0A2535;
  --text-dark:   #0D2E42;
  --text-mid:    #2A6080;
  --text-light:  #5A92A8;
  --mid-gray:    #D5EEF8;
  --shadow-sky:  0 12px 40px rgba(27,170,219,0.35);
  --shadow-sun:  0 12px 40px rgba(255,149,0,0.35);
  --shadow-green:0 12px 40px rgba(61,184,44,0.35);
  --shadow-card: 0 4px 24px rgba(0,0,0,0.07);
  --radius-sm:   8px;
  --radius-md:   18px;
  --radius-lg:   28px;
  --radius-xl:   50px;
  --transition:  0.36s cubic-bezier(0.4,0,0.2,1);
  --font-display:'Fredoka One','Nunito',cursive;
  --font-body:   'Poppins',sans-serif;
}

/* =============================================
   RESET
   ============================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{font-family:var(--font-body);color:var(--text-dark);background:var(--white);overflow-x:hidden;line-height:1.6;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}

/* =============================================
   TYPOGRAPHY
   ============================================= */
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2;color:var(--text-dark);}
h1{font-size:clamp(2.4rem,5.5vw,4.8rem);}
h2{font-size:clamp(1.8rem,4vw,3rem);}
h3{font-size:clamp(1.2rem,2.5vw,1.7rem);}
p{font-size:1rem;line-height:1.7;color:var(--text-mid);}
.section-tag{display:inline-block;background:linear-gradient(135deg,var(--sky),var(--sky-light));color:white;font-size:0.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:6px 18px;border-radius:50px;margin-bottom:14px;}
.section-title span{color:var(--sun);}
.section-subtitle{font-size:1.05rem;color:var(--text-light);max-width:580px;}

/* =============================================
   LAYOUT
   ============================================= */
.container{max-width:1260px;margin:0 auto;padding:0 24px;}
.section-pad{padding:96px 0;}
.section-head{text-align:center;margin-bottom:56px;}
.section-head .section-subtitle{margin:0 auto;}

/* =============================================
   BUTTONS
   ============================================= */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-weight:700;font-size:.95rem;font-family:var(--font-body);transition:var(--transition);position:relative;overflow:hidden;}
.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.18);transform:translateX(-100%);transition:transform .4s;}
.btn:hover::after{transform:translateX(0);}
.btn-sky{background:linear-gradient(135deg,var(--sky),var(--sky-dark));color:white;box-shadow:var(--shadow-sky);}
.btn-sky:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(27,170,219,.42);}
.btn-sun{background:linear-gradient(135deg,var(--sun),var(--sun-dark));color:white;box-shadow:var(--shadow-sun);}
.btn-sun:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(255,149,0,.42);}
.btn-outline{background:transparent;color:var(--sky);border:2px solid var(--sky);}
.btn-outline:hover{background:var(--sky);color:white;transform:translateY(-2px);}

/* =============================================
   HEADER
   ============================================= */
#site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.93);backdrop-filter:blur(20px);border-bottom:1px solid rgba(27,170,219,.13);transition:var(--transition);}
#site-header.scrolled{box-shadow:0 4px 32px rgba(27,170,219,.18);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1260px;margin:0 auto;}
.site-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:400;font-size:1.4rem;color:var(--dark);}
.site-logo img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
.site-logo .logo-text{display:flex;flex-direction:column;line-height:1.1;}
.site-logo .logo-main{font-size:1.1rem;color:var(--sky-dark);}
.site-logo .logo-sub{font-size:.65rem;font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--sun-dark);}
.main-nav ul{display:flex;align-items:center;gap:4px;}
.main-nav a{font-weight:600;font-size:.88rem;color:var(--text-mid);padding:8px 14px;border-radius:50px;transition:var(--transition);}
.main-nav a:hover,.main-nav a.active{background:var(--pale-sky);color:var(--sky-dark);}
.header-cta{display:flex;align-items:center;gap:10px;}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px;transition:var(--transition);}

/* =============================================
   HERO
   ============================================= */
#hero{min-height:100vh;background:linear-gradient(155deg,#E4F8FF 0%,#EFF9FF 45%,#FFF8EE 100%);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px;}
.hero-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.hero-bubble{position:absolute;border-radius:50%;animation:bubbleFloat 10s ease-in-out infinite;}
.hero-bubble:nth-child(1){width:500px;height:500px;background:radial-gradient(circle,rgba(27,170,219,.1) 0%,transparent 70%);top:-150px;right:-80px;}
.hero-bubble:nth-child(2){width:350px;height:350px;background:radial-gradient(circle,rgba(255,149,0,.09) 0%,transparent 70%);bottom:-100px;left:-80px;animation-delay:3s;}
.hero-bubble:nth-child(3){width:180px;height:180px;background:radial-gradient(circle,rgba(91,184,48,.1) 0%,transparent 70%);top:35%;left:40%;animation-delay:1.5s;}
@keyframes bubbleFloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-28px) scale(1.04);}}
.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;}
.hero-content{padding:30px 0;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:white;border:2px solid rgba(27,170,219,.25);border-radius:50px;padding:8px 18px;font-size:.8rem;font-weight:700;color:var(--sky-dark);margin-bottom:22px;box-shadow:var(--shadow-sky);animation:fadeInUp .6s ease both;}
.hero-title{margin-bottom:18px;animation:fadeInUp .6s .1s ease both;}
.hero-title .line1{color:var(--sky);display:block;}
.hero-title .line2{color:var(--sun);display:block;font-size:.75em;}
.hero-desc{font-size:1.05rem;margin-bottom:32px;animation:fadeInUp .6s .2s ease both;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;animation:fadeInUp .6s .3s ease both;}
.hero-quick-info{display:flex;gap:10px;margin-top:36px;flex-wrap:wrap;animation:fadeInUp .6s .4s ease both;}
.quick-info-item{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--text-mid);background:white;padding:7px 14px;border-radius:50px;border:1.5px solid var(--mid-gray);box-shadow:var(--shadow-card);}
/* hero-visual is now a CSS grid, not absolute-positioned */
.hero-visual{animation:fadeInUp .8s .15s ease both;align-self:center;}
@keyframes chipFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}

/* =============================================
   TICKER — FIXED & BEAUTIFUL
   ============================================= */
#ticker{
  background:linear-gradient(135deg,#0D8AB8,#1BAADB,#4DC8F0);
  padding:0;overflow:hidden;position:relative;
  border-top:3px solid rgba(255,255,255,.2);
  border-bottom:3px solid rgba(255,255,255,.2);
}
#ticker::before,#ticker::after{
  content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
#ticker::before{left:0;background:linear-gradient(to right,#0D8AB8,transparent);}
#ticker::after{right:0;background:linear-gradient(to left,#1BAADB,transparent);}
.ticker-viewport{overflow:hidden;width:100%;}
.ticker-track{
  display:flex;align-items:center;
  animation:tickerRun 35s linear infinite;
  width:max-content;
  padding:0;
}
.ticker-item{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 36px;
  color:white;font-weight:700;font-size:.9rem;
  white-space:nowrap;flex-shrink:0;
  border-right:1px solid rgba(255,255,255,.2);
}
.ticker-item .t-icon{
  width:32px;height:32px;flex-shrink:0;
}
.ticker-sep{
  display:inline-flex;align-items:center;
  padding:0 8px;color:rgba(255,255,255,.35);font-size:1.2rem;
}
@keyframes tickerRun{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* =============================================
   ACTIVITIES
   ============================================= */
#activities{background:var(--off-white);position:relative;overflow:hidden;}
#activities::before{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(27,170,219,.07) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;}
.activity-card{background:white;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition);border:1.5px solid transparent;}
.activity-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(27,170,219,.18);border-color:var(--sky);}
.activity-img{height:200px;display:flex;align-items:center;justify-content:center;font-size:5rem;transition:transform .5s;position:relative;overflow:hidden;padding:0;}
.activity-card:hover .activity-img img{transform:scale(1.08);}
.activity-img img{transition:transform .5s ease;}
.activity-badge{position:absolute;top:12px;right:12px;background:var(--sun);color:white;font-size:.68rem;font-weight:800;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 3px 12px rgba(255,149,0,.4);}
.activity-body{padding:18px 22px 22px;}
.activity-name{font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:6px;}
.activity-desc{font-size:.84rem;color:var(--text-light);line-height:1.55;}

/* =============================================
   WATER CANVAS
   ============================================= */
#wave-section{position:relative;background:linear-gradient(180deg,#CBF0FF 0%,#90DCFF 60%,#60CBFF 100%);padding:90px 0 0;overflow:hidden;text-align:center;}
#wave-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.wave-content{position:relative;z-index:2;padding-bottom:70px;}
.wave-pills{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:40px;}
.wave-pill{display:flex;align-items:center;gap:10px;background:white;border-radius:50px;padding:12px 22px;font-weight:700;font-size:.88rem;color:var(--dark);box-shadow:0 4px 20px rgba(0,0,0,.12);transition:var(--transition);cursor:default;}
.wave-pill:hover{background:var(--sky);color:white;transform:translateY(-5px) scale(1.04);box-shadow:var(--shadow-sky);}
.wave-pill .pi{font-size:1.2rem;}
.wave-bottom svg{display:block;}

/* =============================================
   GALLERY
   ============================================= */
#gallery{background:white;padding:96px 0;}
.gallery-img-wrap{overflow:hidden;position:relative;cursor:pointer;transition:transform .4s;}
.gallery-img-wrap:hover{transform:scale(1.02);}
.gallery-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.gallery-img-wrap:hover img{transform:scale(1.06);}
.gallery-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(10,37,53,.75),transparent);padding:20px 14px 10px;font-size:.76rem;font-weight:700;color:white;}
/* Gallery responsive grid classes */
.gallery-row1{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px;gap:12px;}
.gallery-row2{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px;}
.gallery-row3{display:grid;grid-template-columns:3fr 1fr;gap:12px;margin-top:12px;}

/* =============================================
   PRICING — PREMIUM 3D CARDS
   ============================================= */
#pricing{background:linear-gradient(160deg,#EAF7FF 0%,#F5FBFF 100%);padding:96px 0;}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  align-items:start;
}

/* Base card */
.price-card-v2{
  position:relative;
  border-radius:28px;
  padding:40px 32px 36px;
  text-align:center;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s;
  overflow:hidden;
  cursor:default;
}
.price-card-v2:hover{transform:translateY(-12px) scale(1.02);}

/* 3D shine overlay */
.price-card-v2::before{
  content:'';position:absolute;top:0;left:-60%;width:50%;height:100%;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);
  transform:skewX(-15deg);
  transition:left .6s ease;
  pointer-events:none;
}
.price-card-v2:hover::before{left:130%;}

/* Bottom orb glow */
.price-card-v2::after{
  content:'';position:absolute;bottom:-60px;right:-60px;
  width:200px;height:200px;border-radius:50%;
  background:rgba(255,255,255,.12);
  pointer-events:none;
}

/* Sky / Standard */
.price-card-v2.plan-sky{
  background:linear-gradient(145deg,#1BAADB 0%,#0A6E96 100%);
  box-shadow:0 20px 60px rgba(27,170,219,.45),0 0 0 1px rgba(255,255,255,.15) inset;
}
.price-card-v2.plan-sky:hover{box-shadow:0 32px 80px rgba(27,170,219,.55),0 0 0 1px rgba(255,255,255,.2) inset;}

/* Orange / Best Value — taller featured */
.price-card-v2.plan-orange{
  background:linear-gradient(145deg,#FF9500 0%,#E07800 100%);
  box-shadow:0 24px 70px rgba(255,149,0,.5),0 0 0 1px rgba(255,255,255,.18) inset;
  padding-top:52px;
  margin-top:-14px;
  z-index:2;
}
.price-card-v2.plan-orange:hover{box-shadow:0 36px 90px rgba(255,149,0,.6),0 0 0 1px rgba(255,255,255,.22) inset;}

/* Green / Group */
.price-card-v2.plan-green{
  background:linear-gradient(145deg,#3DB82C 0%,#1E8012 100%);
  box-shadow:0 20px 60px rgba(61,184,44,.45),0 0 0 1px rgba(255,255,255,.15) inset;
}
.price-card-v2.plan-green:hover{box-shadow:0 32px 80px rgba(61,184,44,.55),0 0 0 1px rgba(255,255,255,.2) inset;}

/* Badge top */
.plan-badge{
  position:absolute;top:16px;right:16px;
  background:rgba(255,255,255,.25);
  backdrop-filter:blur(8px);
  color:white;font-size:.68rem;font-weight:800;
  padding:4px 14px;border-radius:50px;
  letter-spacing:.1em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.35);
}
.plan-orange .plan-badge{background:rgba(255,255,255,.3);font-size:.72rem;}

/* 3D Icon container */
.plan-icon-wrap{
  width:88px;height:88px;
  margin:0 auto 20px;
  position:relative;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));
  animation:iconBob 3s ease-in-out infinite;
}
.plan-orange .plan-icon-wrap{width:100px;height:100px;animation-delay:.4s;}
@keyframes iconBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

.plan-name{
  font-family:var(--font-display);
  font-size:1.4rem;color:white;
  margin-bottom:14px;
  text-shadow:0 2px 8px rgba(0,0,0,.15);
}
.plan-orange .plan-name{font-size:1.55rem;}

.plan-price{
  font-family:var(--font-display);
  font-size:3.8rem;color:white;
  line-height:1;
  margin-bottom:4px;
  text-shadow:0 4px 16px rgba(0,0,0,.2);
}
.plan-orange .plan-price{font-size:4.4rem;}

.plan-note{
  font-size:.8rem;color:rgba(255,255,255,.8);
  margin-bottom:28px;font-weight:500;
}

.plan-features{
  text-align:left;
  margin-bottom:28px;
  border-top:1px solid rgba(255,255,255,.2);
  padding-top:20px;
}
.plan-features li{
  font-size:.86rem;color:rgba(255,255,255,.95);
  padding:7px 0;
  display:flex;align-items:center;gap:10px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.plan-features li:last-child{border-bottom:none;}
.plan-check{
  width:20px;height:20px;flex-shrink:0;
  background:rgba(255,255,255,.25);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.7rem;font-weight:900;color:white;
}

.plan-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;padding:14px;border-radius:50px;
  background:rgba(255,255,255,.22);color:white;
  font-weight:800;font-size:.95rem;
  border:2px solid rgba(255,255,255,.5);
  transition:var(--transition);
  backdrop-filter:blur(4px);
  font-family:var(--font-body);
  cursor:pointer;
}
.plan-btn:hover{
  background:white;
  color:var(--sky-dark);
  transform:scale(1.03);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.plan-orange .plan-btn:hover{color:var(--sun-dark);}
.plan-green  .plan-btn:hover{color:var(--green-dark);}

/* Rental boxes */
.rental-box{background:var(--pale-sky);border:2px solid var(--sky);border-radius:var(--radius-md);padding:20px 28px;display:flex;align-items:center;gap:16px;margin-top:28px;}
.rental-icon{font-size:2rem;flex-shrink:0;}
.rental-text h4{font-family:var(--font-display);color:var(--sky-dark);font-size:1rem;margin-bottom:4px;}
.rental-text p{font-size:.85rem;color:var(--text-mid);}

/* =============================================
   BOOKING
   ============================================= */
#booking{background:linear-gradient(135deg,var(--sky),var(--sky-dark));position:relative;overflow:hidden;}
#booking::before{content:'';position:absolute;top:-100px;right:-100px;width:450px;height:450px;background:rgba(255,255,255,.07);border-radius:50%;}
#booking::after{content:'';position:absolute;bottom:-80px;left:-80px;width:320px;height:320px;background:rgba(0,0,0,.05);border-radius:50%;}
.booking-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:72px;align-items:center;position:relative;z-index:2;}
.booking-left .section-title{color:white;}
.booking-left p{color:rgba(255,255,255,.8);}
.booking-perks{display:flex;flex-direction:column;gap:14px;margin-top:28px;}
.booking-perk{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9);font-weight:600;font-size:.92rem;}
.perk-icon{width:38px;height:38px;background:rgba(255,255,255,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.booking-form-box{background:white;border-radius:var(--radius-lg);padding:40px;box-shadow:0 28px 72px rgba(0,0,0,.14);}
.booking-form-box h3{font-family:var(--font-display);font-size:1.5rem;color:var(--dark);margin-bottom:26px;}
.form-group{margin-bottom:18px;}
.form-label{display:block;font-size:.8rem;font-weight:700;color:var(--text-mid);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.form-control{width:100%;padding:13px 18px;border:2px solid var(--mid-gray);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.93rem;color:var(--dark);background:var(--off-white);transition:var(--transition);}
.form-control:focus{outline:none;border-color:var(--sky);background:white;box-shadow:0 0 0 4px rgba(27,170,219,.12);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.price-preview{background:var(--pale-sky);border-radius:var(--radius-sm);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.price-preview-lbl{font-weight:600;color:var(--text-mid);font-size:.9rem;}
.price-preview-val{font-family:var(--font-display);font-size:1.5rem;color:var(--sun-dark);}
#booking-msg{display:none;padding:12px 16px;border-radius:8px;margin-bottom:14px;font-weight:600;font-size:.9rem;}

/* =============================================
   INFO SECTION
   ============================================= */
#info-section{background:white;}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.info-cards{display:grid;gap:16px;}
.info-card{display:flex;align-items:flex-start;gap:16px;background:var(--off-white);border-radius:var(--radius-md);padding:20px 22px;border:1.5px solid var(--mid-gray);transition:var(--transition);}
.info-card:hover{border-color:var(--sky);transform:translateX(6px);}
.info-card-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--pale-sky);}
.info-card-title{font-weight:800;font-size:.9rem;color:var(--dark);margin-bottom:3px;}
.info-card-text{font-size:.85rem;color:var(--text-mid);line-height:1.5;}
.map-embed{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:3px solid var(--mid-gray);height:380px;background:var(--pale-sky);}

/* =============================================
   TESTIMONIALS
   ============================================= */
#testimonials{background:var(--off-white);overflow:hidden;}
.testi-slider{display:flex;gap:22px;overflow:hidden;}
.testi-track{display:flex;gap:22px;animation:slideLeft 24s linear infinite;}
.testi-track:hover{animation-play-state:paused;}
@keyframes slideLeft{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.testi-card{min-width:320px;background:white;border-radius:var(--radius-md);padding:26px;box-shadow:var(--shadow-card);border:1.5px solid rgba(27,170,219,.1);}
.testi-stars{color:#FFB800;font-size:.95rem;margin-bottom:10px;letter-spacing:2px;}
.testi-text{font-size:.9rem;color:var(--text-mid);line-height:1.65;margin-bottom:18px;}
.testi-author{display:flex;align-items:center;gap:10px;}
.testi-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--sky),var(--sun));display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:1rem;flex-shrink:0;}
.testi-name{font-weight:700;font-size:.88rem;color:var(--dark);}
.testi-loc{font-size:.76rem;color:var(--text-light);}

/* =============================================
   NEWSLETTER
   ============================================= */
#newsletter{background:linear-gradient(160deg,var(--pale-sky),var(--mid-gray));padding:80px 0;}
.newsletter-wrap{text-align:center;max-width:520px;margin:0 auto;}
.nl-form{display:flex;gap:10px;margin-top:26px;}
.nl-input{flex:1;padding:14px 22px;border:2px solid var(--mid-gray);border-radius:50px;font-family:var(--font-body);font-size:.93rem;background:white;transition:var(--transition);}
.nl-input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(27,170,219,.12);}

/* =============================================
   FOOTER
   ============================================= */
#site-footer{background:var(--dark);color:rgba(255,255,255,.75);padding-top:72px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-logo{color:white;font-family:var(--font-display);font-size:1.3rem;display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.footer-logo img{width:46px;height:46px;border-radius:50%;object-fit:contain;border:2px solid rgba(255,255,255,.2);}
.footer-desc{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.7;max-width:260px;}
.footer-social{display:flex;gap:10px;margin-top:20px;}
.social-btn{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:var(--transition);}
.social-btn:hover{background:var(--sky);transform:translateY(-3px);}
.footer-col h4{font-size:.82rem;font-weight:800;font-family:var(--font-body);color:white;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px;}
.footer-links li{margin-bottom:9px;}
.footer-links a{font-size:.86rem;color:rgba(255,255,255,.5);transition:var(--transition);}
.footer-links a:hover{color:var(--sky-light);padding-left:4px;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:.8rem;color:rgba(255,255,255,.35);flex-wrap:wrap;gap:12px;}

/* =============================================
   MOBILE MENU
   ============================================= */
.mobile-menu{display:none;position:fixed;inset:0;background:rgba(10,37,53,.97);backdrop-filter:blur(20px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:26px;}
.mobile-menu.open{display:flex;}
.mobile-menu a{color:white;font-size:1.3rem;font-family:var(--font-display);transition:var(--transition);}
.mobile-menu a:hover{color:var(--sky-light);}
.mobile-menu-close{position:absolute;top:22px;right:22px;color:white;font-size:1.5rem;cursor:pointer;padding:8px;}

/* =============================================
   SCROLL REVEAL
   ============================================= */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-l{opacity:0;transform:translateX(-36px);transition:opacity .7s ease,transform .7s ease;}
.reveal-l.visible{opacity:1;transform:translateX(0);}
.reveal-r{opacity:0;transform:translateX(36px);transition:opacity .7s ease,transform .7s ease;}
.reveal-r.visible{opacity:1;transform:translateX(0);}

/* =============================================
   SPLASH CURSOR KEYFRAMES
   ============================================= */
@keyframes dropFly{0%{transform:translate(-50%,-50%) scale(1);opacity:.9;}100%{transform:translate(calc(-50% + var(--tx,0px)),calc(-50% + var(--ty,0px))) scale(0);opacity:0;}}
@keyframes rippleOut{0%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(-50%,-50%) scale(5);opacity:0;}}
@keyframes miniDrop{0%{opacity:.7;transform:translate(-50%,-50%) scale(1);}100%{opacity:0;transform:translate(-50%,calc(-50% - 22px)) scale(0);}}

/* =============================================
   SCROLLBAR
   ============================================= */
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:#F0FBFF;}
::-webkit-scrollbar-thumb{background:var(--sky);border-radius:3px;}

/* =============================================
   RESPONSIVE
   ============================================= */
/* =============================================
   RESPONSIVE — FULLY MOBILE FRIENDLY
   ============================================= */

/* ── LARGE DESKTOP ── */
@media(max-width:1200px){
  .container{padding:0 20px;}
  .pricing-grid{gap:20px;}
}

/* ── TABLET LANDSCAPE ── */
@media(max-width:1024px){
  .section-pad{padding:76px 0;}
  .hero-inner{grid-template-columns:1fr 1fr;gap:32px;}
  .pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto;}
  .price-card-v2.plan-orange{margin-top:0;}
  .booking-wrap{grid-template-columns:1fr;gap:36px;}
  .info-grid{grid-template-columns:1fr;gap:32px;}
}

/* ── TABLET PORTRAIT ── */
@media(max-width:768px){
  .section-pad{padding:60px 0;}
  .container{padding:0 16px;}

  /* Header */
  .main-nav{display:none!important;}
  .hdr-call{display:none!important;}
  .hamburger{display:flex!important;}
  .header-inner{padding:10px 16px!important;}

  /* Hero */
  .hero-inner{grid-template-columns:1fr!important;gap:0!important;}
  .hero-visual{display:none!important;}
  .hero-content{padding:16px 0 24px!important;}
  .hero-title{font-size:clamp(2rem,8vw,3.2rem)!important;}
  .hero-quick-info{gap:8px!important;margin-top:24px!important;}
  .quick-info-item{font-size:0.75rem!important;padding:6px 11px!important;}
  .hero-actions{flex-direction:column!important;gap:10px!important;}
  .hero-actions .btn{justify-content:center!important;}
  .hero-eyebrow{font-size:0.74rem!important;padding:6px 14px!important;}

  /* Ticker */
  .ticker-item{padding:12px 20px!important;font-size:0.8rem!important;}
  .t-icon{width:26px!important;height:26px!important;}

  /* Activities */
  .activities-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important;}
  .activity-img{height:155px!important;}
  .activity-name{font-size:0.95rem!important;}
  .activity-desc{font-size:0.8rem!important;}

  /* Gallery */
  .gallery-row1{grid-template-columns:1fr!important;grid-template-rows:auto!important;}
  .gallery-row1>div{height:220px!important;}
  .gallery-row2{grid-template-columns:repeat(2,1fr)!important;}
  .gallery-row2>div{height:155px!important;}
  .gallery-row3{grid-template-columns:1fr!important;}
  .gallery-row3>div{height:165px!important;}

  /* Wave pills */
  .wave-pills{gap:8px!important;}
  .wave-pill{padding:9px 15px!important;font-size:0.8rem!important;}

  /* Pricing */
  .pricing-grid{max-width:100%!important;}
  .plan-price{font-size:3rem!important;}
  .plan-orange .plan-price{font-size:3.4rem!important;}
  .plan-name{font-size:1.25rem!important;}

  /* Booking */
  .form-row{grid-template-columns:1fr!important;}
  .booking-wrap{gap:28px!important;}

  /* Newsletter */
  .nl-form{flex-direction:column!important;}
  .nl-form .btn{width:100%!important;justify-content:center!important;}

  /* Footer */
  .footer-bottom-bar{flex-direction:column!important;gap:10px!important;text-align:center!important;}

  /* Section head */
  .section-head{margin-bottom:36px!important;}

  /* Rental boxes */
  .rental-box{padding:16px 18px!important;}

  /* Map */
  .map-embed{height:280px!important;}
}

/* ── MOBILE SMALL (≤480px) ── */
@media(max-width:480px){
  .section-pad{padding:48px 0!important;}
  .container{padding:0 14px!important;}

  /* Activities: 1 col */
  .activities-grid{grid-template-columns:1fr!important;}
  .activity-img{height:180px!important;}

  /* Hero */
  .hero-title{font-size:1.9rem!important;}
  .hero-desc{font-size:0.93rem!important;}

  /* Pricing cards */
  .price-card-v2{padding:28px 20px!important;}
  .plan-price{font-size:2.8rem!important;}
  .plan-icon-wrap{width:70px!important;height:70px!important;}

  /* Rental */
  .rental-box{flex-direction:column!important;text-align:center!important;gap:8px!important;}
  .rental-text h4{font-size:0.9rem!important;}

  /* Buttons */
  .btn{padding:12px 22px!important;font-size:0.88rem!important;}
  .hdr-book{padding:9px 15px!important;font-size:0.8rem!important;}
  .section-tag{font-size:0.68rem!important;padding:5px 13px!important;}
  h2{font-size:clamp(1.5rem,7vw,2.2rem)!important;}
}

/* ── VERY SMALL (≤360px) ── */
@media(max-width:360px){
  .container{padding:0 12px!important;}
  .hero-title{font-size:1.7rem!important;}
  .logo-name{font-size:0.9rem!important;}
  .logo-tagline{display:none!important;}
}