/* ============================================================
   HEALTH CULTURE — Inner Pages Shared CSS
   ============================================================ */

/* ── Page Hero ── */
.pg-hero {
  min-height: 420px;
  background: var(--teal-dk);
  position: relative;
  display: flex;
  align-items: flex-end;
  padding-top: 100px;
  overflow: hidden;
}
.pg-hero-bg { position: absolute; inset: 0; }
.pg-hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .22; filter: saturate(1.4); }
.pg-hero-ov { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(14,59,72,.97) 0%, rgba(14,59,72,.75) 60%, rgba(42,127,143,.3) 100%); }
.pg-hero-orb { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(61,170,191,.12) 0%, transparent 70%); top: -100px; right: -60px; pointer-events: none; animation: orbf 8s ease-in-out infinite; }
@keyframes orbf { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(20px,-30px) scale(1.08)} }
.pg-hero-content { position: relative; z-index: 5; max-width: 1440px; margin: 0 auto; padding: 3rem 4% 3.5rem; width: 100%; }
.pg-breadcrumb { display: flex; align-items: center; gap: .5rem; font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: 1.1rem; }
.pg-breadcrumb a { color: rgba(255,255,255,.45); transition: color .3s; }
.pg-breadcrumb a:hover { color: var(--teal-lt); }
.pg-breadcrumb span { color: var(--teal-lt); }
.pg-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.85); font-size: .66rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; padding: 6px 16px; border-radius: var(--r-pill); margin-bottom: 1rem; }
.pg-eyebrow .edot { width: 5px; height: 5px; background: var(--teal-lt); border-radius: 50%; animation: pulsd 2s infinite; }
@keyframes pulsd{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.3}}
.pg-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.2rem, 4vw, 3.8rem); font-weight: 600; color: white; line-height: 1.1; margin-bottom: 1rem; }
.pg-title em { font-style: italic; color: var(--teal-lt); }
.pg-sub { font-size: .95rem; color: rgba(255,255,255,.6); max-width: 560px; line-height: 1.85; font-weight: 300; }
.hero-wave { position: absolute; bottom: -2px; left: 0; right: 0; line-height: 0; }
.hero-wave svg { width: 100%; height: 60px; }

/* ── Reveal ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--smooth),transform .7s var(--smooth)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-l{opacity:0;transform:translateX(-32px);transition:opacity .7s var(--smooth),transform .7s var(--smooth)}.reveal-l.in{opacity:1;transform:translateX(0)}.reveal-r{opacity:0;transform:translateX(32px);transition:opacity .7s var(--smooth),transform .7s var(--smooth)}.reveal-r.in{opacity:1;transform:translateX(0)}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}

/* ── Sec commons ── */
.sec-tag{display:inline-flex;align-items:center;gap:8px;font-size:.67rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:.9rem}
/*.sec-tag::before{content:'';width:22px;height:1.5px;background:var(--teal)}.sec-h{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:600;color:var(--teal-dk);line-height:1.15}*/
.sec-h em{font-style:italic;color:var(--teal)}.sec-sub{font-size:.9rem;color:var(--muted);line-height:1.9;font-weight:300}

/* ── HC Card ── */
.hc-card{background:white;border:1px solid var(--border-lt);border-radius:var(--r-lg);overflow:hidden;transition:transform .4s var(--spring),border-color .3s,box-shadow .4s}.hc-card:hover{transform:translateY(-6px);border-color:var(--border);box-shadow:var(--shadow-lg)}.hc-card-img{position:relative;overflow:hidden}.hc-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--smooth),filter .4s;filter:brightness(.88)}.hc-card:hover .hc-card-img img{transform:scale(1.06);filter:brightness(.96)}

/* ── Filter Tabs ── */
.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.ftab{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 18px;border-radius:var(--r-pill);border:1.5px solid var(--border);color:var(--muted);background:white;cursor:pointer;transition:all .3s var(--spring)}.ftab:hover{border-color:var(--teal);color:var(--teal)}.ftab.active{background:var(--teal-dk);color:white;border-color:var(--teal-dk)}

/* ── Pagination ── */
.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem}.pag-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;border:1.5px solid var(--border);color:var(--muted);background:white;cursor:pointer;transition:all .3s var(--spring)}.pag-btn:hover,.pag-btn.active{background:var(--teal-dk);color:white;border-color:var(--teal-dk)}.pag-btn.wide{width:auto;padding:0 18px;border-radius:var(--r-pill);font-size:.7rem}

/* ── Buttons ── */
.btn-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--teal-dk);color:white;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 26px;border-radius:var(--r-pill);border:1.5px solid var(--teal-dk);transition:all .35s var(--spring)}.btn-primary:hover{background:var(--teal);border-color:var(--teal);transform:translateY(-3px);box-shadow:0 12px 32px var(--teal-glow);color:white}.btn-outline{display:inline-flex;align-items:center;gap:.6rem;background:transparent;color:var(--teal);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 26px;border-radius:var(--r-pill);border:1.5px solid var(--teal);transition:all .35s var(--spring);position:relative;overflow:hidden}.btn-outline::before{content:'';position:absolute;inset:0;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--spring);z-index:-1}.btn-outline:hover{color:white;transform:translateY(-3px)}.btn-outline:hover::before{transform:scaleX(1)}

/* ── Swiper/Slider ── */
.rel-swiper-wrap{position:relative}.swiper{overflow:hidden}.swiper-wrapper{display:flex}.swiper-slide{flex-shrink:0}
.swiper-prev,.swiper-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:white;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:.85rem;z-index:10;cursor:pointer;transition:all .3s var(--spring);box-shadow:var(--shadow-sm)}.swiper-prev{left:-20px}.swiper-next{right:-20px}.swiper-prev:hover,.swiper-next:hover{background:var(--teal-dk);color:white;border-color:var(--teal-dk);box-shadow:var(--shadow-md)}

/* ── Mini Cards ── */
.mini-card{background:white;border:1px solid var(--border-lt);border-radius:var(--r-lg);overflow:hidden;transition:transform .4s var(--spring),box-shadow .4s;height:100%}.mini-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.mini-card-img{height:180px;overflow:hidden;position:relative}.mini-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--smooth);filter:brightness(.88)}.mini-card:hover .mini-card-img img{transform:scale(1.06);filter:brightness(.96)}.mini-card-cat{position:absolute;top:10px;left:10px;background:var(--teal);color:white;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-pill)}.mini-card-body{padding:1rem 1.1rem}.mini-card-title{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;color:var(--teal-dk);line-height:1.3;margin-bottom:.4rem}.mini-card-meta{font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:.6rem}

/* ── Nutrition Table ── */
.nutr-table{width:100%;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border-lt)}.nutr-table th{background:var(--teal-dk);color:white;padding:12px 16px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:left}.nutr-table td{padding:11px 16px;font-size:.85rem;color:var(--text);border-bottom:1px solid var(--border-lt)}.nutr-table tr:last-child td{border-bottom:none}.nutr-table tr:nth-child(even) td{background:var(--bg-3)}.nutr-row-highlight td{font-weight:700;background:var(--teal-pale)!important;color:var(--teal-dk)}.nutr-bar{height:5px;background:var(--border-lt);border-radius:3px;margin-top:4px;overflow:hidden}.nutr-bar-fill{height:100%;border-radius:3px;background:var(--teal);transition:width 1.2s var(--smooth)}

/* ── Recipe Steps ── */
.recipe-steps{display:flex;flex-direction:column;gap:1.2rem}.step-item{display:flex;gap:1.2rem;align-items:flex-start;padding:1.25rem 1.4rem;background:white;border:1px solid var(--border-lt);border-radius:var(--r-lg);transition:border-color .3s,box-shadow .3s}.step-item:hover{border-color:var(--teal);box-shadow:var(--shadow-sm)}.step-num{width:36px;height:36px;border-radius:50%;background:var(--teal-dk);color:white;font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content{flex:1}.step-title{font-size:.82rem;font-weight:700;color:var(--teal-dk);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.08em}.step-text{font-size:.9rem;color:var(--text);line-height:1.8;font-weight:300}

/* ── Ingredients ── */
.ingr-list{display:flex;flex-direction:column;gap:.55rem}.ingr-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:white;border:1px solid var(--border-lt);border-radius:var(--r-sm);transition:border-color .3s}.ingr-item:hover{border-color:var(--teal)}.ingr-name{font-size:.86rem;font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px}.ingr-name::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0}.ingr-qty{font-size:.78rem;font-weight:700;color:var(--teal);white-space:nowrap}

/* ── Forms ── */
.hc-form-group{margin-bottom:1.3rem}.hc-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-dk);margin-bottom:.5rem}.hc-input,.hc-select,.hc-textarea{width:100%;padding:12px 16px;background:white;border:1.5px solid var(--border);border-radius:var(--r-md);font-family:'DM Sans',sans-serif;font-size:.88rem;color:var(--text);transition:border-color .3s,box-shadow .3s;outline:none;-webkit-appearance:none}.hc-input:focus,.hc-select:focus,.hc-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(42,127,143,.12)}.hc-textarea{resize:vertical;min-height:130px}

/* ── Sidebar ── */
.inner-sidebar{position:sticky;top:120px;display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:white;border:1px solid var(--border-lt);border-radius:var(--r-lg);padding:1.5rem}.sidebar-card-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:var(--teal-dk);margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--border-lt)}

/* ── Reading Progress ── */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border-lt);z-index:9999}.reading-progress-bar{height:100%;background:linear-gradient(to right,var(--teal-dk),var(--teal-lt));width:0%;transition:width .1s linear}

/* ── Timeline ── */
.timeline{position:relative;padding-left:2rem}.timeline::before{content:'';position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--teal-dk),var(--teal-lt),transparent)}.tl-item{position:relative;margin-bottom:2rem;padding-left:1.5rem}.tl-item::before{content:'';position:absolute;left:-1.55rem;top:6px;width:12px;height:12px;border-radius:50%;background:var(--teal);border:3px solid white;box-shadow:0 0 0 2px var(--teal)}.tl-year{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:.3rem}.tl-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:var(--teal-dk);margin-bottom:.35rem}.tl-text{font-size:.86rem;color:var(--muted);line-height:1.7;font-weight:300}

/* ── Stats ── */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.stat-box{background:white;border:1px solid var(--border-lt);border-radius:var(--r-lg);padding:1.5rem 1.25rem;text-align:center;transition:transform .3s var(--spring),box-shadow .3s;position:relative;overflow:hidden}.stat-box::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--spring)}.stat-box:hover::after{transform:scaleX(1)}.stat-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-num{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--teal);line-height:1}.stat-label{font-size:.72rem;font-weight:600;color:var(--muted);margin-top:.3rem;text-transform:uppercase;letter-spacing:.1em}

/* ── Share Bar ── */
.share-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.share-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.share-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;border:1.5px solid var(--border);color:var(--muted);background:white;cursor:pointer;transition:all .3s var(--spring)}.share-btn:hover{background:var(--teal-dk);color:white;border-color:var(--teal-dk);transform:translateY(-3px)}

/* ── Gallery / Lightbox ── */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.gallery-item{border-radius:var(--r-md);overflow:hidden;cursor:pointer;position:relative}.gallery-item img{width:100%;height:180px;object-fit:cover;transition:transform .5s var(--smooth),filter .4s;filter:brightness(.85)}.gallery-item:hover img{transform:scale(1.06);filter:brightness(.96)}.gallery-item::after{content:'\f00e';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:white;opacity:0;background:rgba(14,59,72,.5);transition:opacity .3s}.gallery-item:hover::after{opacity:1}
#lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:none;align-items:center;justify-content:center}#lightbox.active{display:flex}#lightbox img{max-width:90vw;max-height:90vh;border-radius:var(--r-lg)}#lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);color:white;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}#lightbox-close:hover{background:var(--teal);border-color:var(--teal)}

/* ── Booking Card ── */
.booking-card{background:var(--teal-dk);border-radius:var(--r-xl);padding:2rem;color:white;position:sticky;top:120px}.booking-price{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:white;line-height:1}.booking-price span{font-size:1rem;font-weight:400;opacity:.6}.booking-features{display:flex;flex-direction:column;gap:.6rem;margin:1.4rem 0}.booking-feat{display:flex;align-items:center;gap:9px;font-size:.86rem;color:rgba(255,255,255,.8)}.booking-feat i{color:var(--teal-lt);font-size:.8rem}.btn-book{display:flex;align-items:center;justify-content:center;gap:.6rem;background:white;color:var(--teal-dk);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:14px;border-radius:var(--r-pill);border:none;width:100%;cursor:pointer;transition:all .35s var(--spring)}.btn-book:hover{background:var(--teal-lt);color:white;transform:scale(1.02)}.btn-book-wa{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#25D366;color:white;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:14px;border-radius:var(--r-pill);width:100%;cursor:pointer;transition:all .35s var(--spring);margin-top:.75rem}.btn-book-wa:hover{background:#1ebe5d;transform:scale(1.02);color:white}

/* ── CTA Banner ── */
.cta-banner{background:var(--teal-dk);padding:80px 4%;text-align:center;position:relative;overflow:hidden}.cta-banner::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,170,191,.15) 0%,transparent 70%);top:-150px;right:-100px;pointer-events:none}.cta-banner-in{max-width:700px;margin:0 auto;position:relative;z-index:2}.cta-banner h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:600;color:white;line-height:1.2;margin-bottom:1rem}.cta-banner h2 em{font-style:italic;color:var(--teal-lt)}.cta-banner p{font-size:.95rem;color:rgba(255,255,255,.65);margin-bottom:2rem;font-weight:300}

/* ── Inner Layout ── */
.inner-layout{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;max-width:1440px;margin:0 auto;padding:60px 4%}.inner-layout.full{grid-template-columns:1fr}
@media(max-width:1100px){.inner-layout{grid-template-columns:1fr}.inner-sidebar{position:static}.booking-card{position:static}}
@media(max-width:768px){.about-stats{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.filter-tabs{gap:.35rem}.ftab{font-size:.63rem;padding:7px 14px}}
@media(max-width:540px){.pg-hero{min-height:320px}.about-stats{grid-template-columns:1fr 1fr}}