/* SKYNSHORE inner pages
   Extends the homepage theme so every frontend page uses the same visual system. */

.inner-page h1,.inner-page h2,.inner-page h3,.inner-page h4{font-family:"Playfair Display",serif;color:var(--navy2)}
.inner-page h1,.inner-page h2,.inner-page h3,.inner-page h4,.inner-page p{margin-top:0}
.inner-page .site-header{position:sticky;top:0}

/* Page title / detail hero */
.inner-hero,.detail-hero{position:relative;isolation:isolate;overflow:hidden;padding:108px 0 92px;background:linear-gradient(135deg,#eef9fd 0%,#fff7f2 58%,#f5fbfd 100%)}
.inner-hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-110px;top:-210px;background:radial-gradient(circle,rgba(207,234,246,.95),rgba(207,234,246,0) 69%);z-index:-1}
.inner-hero:after{content:"";position:absolute;left:-4%;right:-4%;bottom:-52px;height:105px;background:#fff;clip-path:ellipse(56% 45% at 50% 100%);z-index:-1}
.inner-hero .container,.detail-hero .container{position:relative;z-index:2}
.inner-hero .eyebrow,.detail-hero .eyebrow{display:block;margin-bottom:12px;font-size:.74rem;letter-spacing:.2em;font-weight:800;color:var(--coral)}
.inner-hero h1,.detail-hero h1{font-size:clamp(2.8rem,5.6vw,5.35rem);line-height:.98;letter-spacing:-.035em;margin:0 0 18px;max-width:900px}
.inner-hero p,.detail-hero p{max-width:720px;color:var(--muted);font-size:1.04rem;margin:0;line-height:1.75}
.detail-hero{min-height:440px;display:flex;align-items:flex-end;padding:115px 0 74px;background-size:cover;background-position:center;color:#fff}
.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,42,63,.9),rgba(8,42,63,.35) 58%,rgba(8,42,63,.15));z-index:0}
.detail-hero h1{color:#fff}
.detail-hero p{color:rgba(255,255,255,.86)}
.detail-hero .eyebrow{color:#ffc0ae}

/* Destination listing */
.inner-page .destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.inner-page .destination-card{height:340px;border-radius:22px;box-shadow:0 16px 38px rgba(18,60,87,.12)}
.inner-page .destination-card img,.inner-page .destination-card .placeholder-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.placeholder-image{display:grid;place-items:center;background:linear-gradient(135deg,var(--sky),#f7d9c9);color:var(--navy);font-family:"Playfair Display",serif;font-size:4rem;font-weight:800}
.inner-page .destination-card .overlay{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(8,42,63,.02) 25%,rgba(8,42,63,.88) 100%)}
.inner-page .destination-card .card-copy{position:absolute!important;left:22px!important;right:22px!important;bottom:19px!important;color:#fff;z-index:3}
.inner-page .destination-card .card-copy h3{font-size:1.75rem;color:#fff;margin:0 0 2px}
.inner-page .destination-card .card-copy p{font-size:.82rem;margin:0;color:rgba(255,255,255,.85)}

/* Package listing */
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.package-card{background:#fff;border:1px solid #e8eef1;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(18,60,87,.08);transition:.35s ease}
.package-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(18,60,87,.15)}
.package-card>a{display:block;height:100%}
.package-image{height:245px;position:relative;overflow:hidden;background:#edf7fb}
.package-image img{width:100%;height:100%;object-fit:cover;transition:.55s ease}
.package-card:hover .package-image img{transform:scale(1.06)}
.duration{position:absolute;right:14px;top:14px;background:#fff;padding:7px 12px;border-radius:999px;font-size:.72rem;font-weight:800;color:var(--navy);box-shadow:0 6px 18px rgba(0,0,0,.1)}
.package-body{padding:20px 21px 23px}
.package-body .eyebrow{display:block;margin-bottom:8px;color:var(--coral);letter-spacing:.12em;font-weight:800}
.package-body h3{font-size:1.45rem;line-height:1.18;margin:0 0 8px}
.package-body p{color:var(--muted);font-size:.88rem;line-height:1.65;min-height:58px;margin:0 0 15px}
.package-body strong{color:var(--coral);font-size:1.03rem}

/* Blog listing */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{background:#fff;border:1px solid #e8eef1;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(18,60,87,.08);transition:.35s ease}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(18,60,87,.14)}
.blog-card img,.blog-placeholder{height:235px;width:100%;object-fit:cover}
.blog-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#dff3fb,#fae2d8);font:700 1.6rem "Playfair Display",serif;color:var(--navy)}
.blog-body{padding:22px}
.blog-body>span{font-size:.7rem;color:var(--coral);font-weight:800;letter-spacing:.08em}
.blog-body h3{font-size:1.45rem;line-height:1.22;margin:8px 0 10px}
.blog-body p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0 0 14px}
.blog-body a{font-weight:800;color:var(--navy);font-size:.88rem}

/* Standard content / article */
.prose{max-width:900px;font-size:1.03rem;color:#455d6e;line-height:1.85}
.prose h2{font-size:clamp(1.9rem,3vw,2.65rem);margin:0 0 14px}
.prose h3{font-size:1.55rem;margin-top:28px}
.article-image{width:100%;max-height:560px;object-fit:cover;border-radius:25px;margin:0 0 32px;box-shadow:var(--shadow)}
.center-cta{text-align:center;margin-top:36px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.contact-grid>div:first-child{padding:30px;border-radius:24px;background:linear-gradient(135deg,#eef9fd,#fff7f2);border:1px solid #e7eff2}
.contact-grid>div:first-child h2{font-size:2.4rem;margin-bottom:16px}
.contact-grid>div:first-child p{color:#526a79;margin:9px 0}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;padding:28px;border-radius:24px;border:1px solid #e8eef1;box-shadow:0 16px 40px rgba(18,60,87,.08)}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #dbe5ea;border-radius:13px;padding:13px 15px;background:#fff;color:var(--ink);outline:0;font:inherit;transition:.2s}
.contact-form input:focus,.contact-form textarea:focus{border-color:#9bcde0;box-shadow:0 0 0 4px rgba(169,215,232,.18)}
.contact-form textarea,.contact-form .alert-success,.contact-form .enquiry-error,.contact-form button,.contact-form .website-field{grid-column:1/-1}
.alert-success{padding:13px 15px;background:#edf9f3;border:1px solid #c4ead5;border-radius:12px;color:#226a47}
.enquiry-error{padding:13px 15px;background:#fff2f0;border:1px solid #f0cbc5;border-radius:12px;color:#9b4036}
.website-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}

/* Package details + enquiry CRM form */
.package-detail-hero{min-height:520px;padding-bottom:80px}
.package-detail-hero:before{background:linear-gradient(90deg,rgba(8,42,63,.93),rgba(8,42,63,.36) 68%,rgba(8,42,63,.18))}
.package-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.package-hero-meta span{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(7px);font-weight:700;font-size:.84rem;color:#fff}
.package-detail-section{background:linear-gradient(180deg,#fff,#fbfdfe)}
.package-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:54px;align-items:start}
.package-prose{max-width:none}
.package-summary-card{padding:0 0 35px;border-bottom:1px solid #e9eef1}
.package-lead{font-size:1.12rem;color:#415768}
.package-content-block{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:35px 0;border-bottom:1px solid #e9eef1}
.package-block-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf7f3;color:#23845f;font-weight:800;font-size:1.15rem}
.package-block-icon-muted{background:#fff0ed;color:var(--coral)}
.package-content-block h2{font-size:1.7rem;margin-bottom:8px}
.package-content-block p{margin:0;white-space:normal}
.package-help-strip{margin-top:36px;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#eef7fb,#fff5ef);display:flex;gap:24px;align-items:center;justify-content:space-between}
.package-help-strip h3{font-size:1.45rem;margin-bottom:7px}.package-help-strip p{margin:0;color:var(--muted)}
.package-enquiry-card{position:sticky;top:112px;background:#fff;border:1px solid rgba(231,118,93,.48);border-radius:26px;padding:30px;box-shadow:0 24px 60px rgba(19,56,80,.12);overflow:hidden}
.package-enquiry-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--coral),var(--sand),var(--sky))}
.enquiry-topline{font-size:.72rem;letter-spacing:.17em;font-weight:800;color:var(--coral);margin-bottom:14px}
.enquiry-price{padding-bottom:22px;border-bottom:1px solid #e6ebee;margin-bottom:22px}
.enquiry-price span,.enquiry-price small{display:block;color:#73818b}
.enquiry-price strong{display:block;font-family:"Playfair Display",serif;color:var(--navy2);font-size:2.55rem;line-height:1.12;margin:3px 0}
.enquiry-price small{font-size:.9rem}
.package-enquiry-form{display:grid;gap:15px}
.package-enquiry-form label{display:grid;gap:7px;font-weight:700;font-size:.88rem;color:#334756}
.package-enquiry-form label b{color:#d94d3e}
.package-enquiry-form input,.package-enquiry-form select,.package-enquiry-form textarea{width:100%;border:1px solid #dbe3e8;border-radius:13px;padding:12px 14px;background:#fff;font:inherit;color:var(--ink);outline:none;transition:.2s}
.package-enquiry-form input,.package-enquiry-form select{min-height:49px}.package-enquiry-form textarea{resize:vertical}
.package-enquiry-form input:focus,.package-enquiry-form select:focus,.package-enquiry-form textarea:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(169,196,211,.17)}
.enquiry-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.enquiry-primary,.enquiry-secondary,.enquiry-whatsapp{min-height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;font:700 .95rem Manrope,sans-serif;cursor:pointer;transition:.2s}
.enquiry-primary{border:0;background:linear-gradient(135deg,var(--coral),var(--coral2));color:#fff}
.enquiry-secondary{border:1px solid #d7dfe4;background:#fff;color:#334756}.enquiry-whatsapp{border:0;background:#22c968;color:#fff}
.enquiry-primary:hover,.enquiry-secondary:hover,.enquiry-whatsapp:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,50,70,.1)}
.enquiry-success,.enquiry-error{padding:13px 14px;border-radius:13px;margin-bottom:18px;font-size:.86rem}.enquiry-success{background:#edf9f3;border:1px solid #c6ead7;color:#236946}.enquiry-success strong,.enquiry-success span{display:block}
.enquiry-privacy{font-size:.72rem;color:#8a979f;text-align:center;margin:13px 0 0;line-height:1.45}

/* Make the new global footer/header consistent on all inner pages. */
.inner-page .footer{margin-top:0}
.inner-page .footer-wave{background:#fff}

@media (max-width:1000px){
  .inner-page .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-grid,.package-detail-layout{grid-template-columns:1fr}
  .package-enquiry-card{position:relative;top:auto;max-width:650px;margin:0 auto;width:100%}
  .package-help-strip{align-items:flex-start;flex-direction:column}
  .package-detail-hero{min-height:430px}
}

@media (max-width:640px){
  .inner-hero{padding:72px 0 68px}.inner-hero:after{height:72px;bottom:-38px}
  .inner-hero h1,.detail-hero h1{font-size:clamp(2.5rem,12vw,3.6rem)}
  .detail-hero{min-height:350px;padding:80px 0 50px}
  .inner-page .destination-grid{display:grid;grid-template-columns:1fr;overflow:visible}
  .inner-page .destination-card{height:310px;min-width:0}
  .package-grid,.blog-grid{grid-template-columns:1fr}
  .package-image,.blog-card img,.blog-placeholder{height:225px}
  .contact-grid{gap:28px}.contact-form{grid-template-columns:1fr;padding:20px}.contact-form>*{grid-column:1!important}
  .package-detail-hero{min-height:380px;padding-bottom:52px}
  .package-hero-meta{gap:7px}.package-hero-meta span{font-size:.75rem;padding:7px 10px}
  .package-enquiry-card{padding:23px 18px;border-radius:20px}.enquiry-price strong{font-size:2.15rem}
  .enquiry-two-col{grid-template-columns:1fr 1fr}
  .package-content-block{grid-template-columns:38px 1fr;gap:14px}.package-block-icon{width:36px;height:36px}.package-help-strip{padding:22px}
}