/* ============================================
   SWATEXPLORER — attraction.css
   Shared + ALL page-specific section styles
   ============================================ */

section { padding: 90px 40px; }

/* ── HERO ── */
.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:zoom 22s ease-in-out infinite alternate;}
@keyframes zoom{from{transform:scale(1);}to{transform:scale(1.07);}}
.hero-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,15,10,0.97) 0%,rgba(5,15,10,0.3) 55%,rgba(5,15,10,0.1) 100%);}
.hero-grad2{position:absolute;inset:0;}
.hero-content{position:relative;z-index:2;padding:0 60px 60px;max-width:900px;}
.hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:0.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:16px;animation:fadeUp .8s ease both;}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,6vw,5rem);color:#fff;line-height:1.1;margin-bottom:8px;animation:fadeUp .8s .15s ease both;}
.hero-sub-title{font-size:1.1rem;color:rgba(255,255,255,0.55);font-style:italic;margin-bottom:20px;animation:fadeUp .8s .25s ease both;}
.hero-meta{display:flex;flex-wrap:wrap;gap:20px;animation:fadeUp .8s .35s ease both;}
.meta-item{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,0.72);font-size:0.83rem;}
.meta-item span{color:#fff;font-weight:600;}
.scroll-line{position:absolute;right:40px;bottom:40px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,0.35);font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;}
.scroll-line::before{content:'';width:1px;height:50px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.35));display:block;animation:lineGrow 1.6s ease infinite;}
@keyframes lineGrow{0%{height:0;opacity:0;}100%{height:50px;opacity:1;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}

/* ── FACTS BAR ── */
.facts-bar{background:#050f0a;}
.facts-inner{max-width:1100px;margin:0 auto;display:flex;border-top:1px solid rgba(255,255,255,0.07);}
.fact{flex:1;padding:22px 16px;text-align:center;border-right:1px solid rgba(255,255,255,0.07);transition:.2s;}
.fact:last-child{border-right:none;}
.fact:hover{background:rgba(255,255,255,0.04);}
.fact .fval{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:800;color:var(--orange);display:block;}
.fact .flbl{font-size:0.7rem;color:rgba(255,255,255,0.45);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;display:block;}

/* ── SECTION SHARED ── */
.sec-label{color:var(--orange);font-size:0.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;}
.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--green);margin-bottom:20px;line-height:1.2;}
.sec-sub{color:#666;font-size:0.95rem;line-height:1.8;max-width:600px;}

/* ── OVERVIEW ── */
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:50px;}
.overview-text p{color:#555;line-height:1.85;font-size:0.95rem;margin-bottom:16px;}
.highlight-box{border-radius:20px;padding:28px;color:#fff;margin-top:24px;}
.highlight-box h4{font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:12px;}
.highlight-box ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.highlight-box li{display:flex;align-items:center;gap:10px;font-size:0.85rem;color:rgba(255,255,255,0.85);}
.highlight-box li::before{font-weight:700;min-width:16px;}
.overview-imgs{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.overview-imgs img{width:100%;border-radius:14px;object-fit:cover;transition:transform .4s;}
.overview-imgs img:hover{transform:scale(1.02);}
.overview-imgs img:first-child{grid-column:1/-1;height:260px;}
.overview-imgs img:not(:first-child){height:170px;}

/* ── ROYAL / ANCIENT QUOTE ── */
.royal-quote,.ancient-quote{border-left:3px solid var(--orange);padding:16px 22px;margin:20px 0;background:rgba(245,166,35,0.05);border-radius:0 12px 12px 0;}
.royal-quote p,.ancient-quote p{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-style:italic;line-height:1.7;color:#5a3a08;}

/* ── GALLERY ── */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;}
.g-item{border-radius:16px;overflow:hidden;cursor:pointer;position:relative;}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.g-item:hover img{transform:scale(1.07);}
.g-item::after{content:'🔍';position:absolute;inset:0;background:rgba(0,0,0,0.38);display:flex;align-items:center;justify-content:center;font-size:1.8rem;opacity:0;transition:.3s;}
.g-item:hover::after{opacity:1;}
.g-item:nth-child(1){grid-column:span 2;height:310px;}
.g-item:nth-child(2){height:310px;}
.g-item:nth-child(3),.g-item:nth-child(4),.g-item:nth-child(5){height:210px;}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:999;display:none;align-items:center;justify-content:center;padding:20px;}
.lightbox.open{display:flex;}
.lightbox img{max-width:90vw;max-height:85vh;border-radius:12px;object-fit:contain;}
.lightbox-close{position:absolute;top:20px;right:24px;color:#fff;font-size:2rem;cursor:pointer;}

/* ── ACTIVITIES ── */
.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:40px;}
.act-card{background:#fff;border-radius:16px;padding:24px;text-align:center;transition:.25s;border:1px solid #eee;}
.act-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,0.1);}
.act-icon{font-size:2.2rem;margin-bottom:12px;display:block;}
.act-card h4{font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:6px;}
.act-card p{color:#777;font-size:0.8rem;line-height:1.6;}
.act-badge{display:inline-block;font-size:0.65rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:10px;letter-spacing:.5px;}

/* ── SEASONS (Kalam, Ushu) ── */
.seasons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;}
.season-card{border-radius:18px;overflow:hidden;position:relative;height:280px;cursor:default;}
.season-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.season-card:hover img{transform:scale(1.07);}
.season-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,20,8,0.9) 0%,rgba(5,20,8,0.1) 60%);}
.season-body{position:absolute;bottom:0;left:0;right:0;padding:20px;}
.season-badge{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:8px;}
.s-spring .season-badge{background:rgba(100,200,100,0.25);color:#7dd87d;}
.s-summer .season-badge{background:rgba(45,90,39,0.3);color:#8dd88a;}
.s-autumn .season-badge{background:rgba(245,166,35,0.25);color:var(--orange);}
.s-winter .season-badge{background:rgba(200,220,255,0.25);color:#c8dcff;}
.season-body h4{color:#fff;font-family:'Playfair Display',serif;font-size:1.05rem;margin-bottom:4px;}
.season-body p{color:rgba(255,255,255,0.7);font-size:0.75rem;line-height:1.5;}

/* ── LAKE INFO CARDS (Mahodand) ── */
.lakeinfo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:40px;}
.li-card{background:#fff;border-radius:18px;padding:26px;text-align:center;box-shadow:0 4px 20px rgba(46,127,193,0.1);border-top:3px solid var(--blue);transition:.25s;}
.li-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(46,127,193,0.15);}
.li-icon{font-size:2.2rem;margin-bottom:12px;display:block;}
.li-card h4{font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:8px;}
.li-card p{color:#666;font-size:0.82rem;line-height:1.65;}

/* ── JOURNEY TIMELINE (Mahodand) ── */
.timeline{margin-top:44px;position:relative;padding-left:28px;}
.timeline::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--blue),var(--green));}
.tl-item{position:relative;margin-bottom:32px;padding-left:28px;}
.tl-dot{position:absolute;left:-28px;top:4px;width:20px;height:20px;background:var(--blue);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--blue);}
.tl-item h4{font-weight:600;font-size:0.95rem;margin-bottom:5px;}
.tl-item p{color:#666;font-size:0.83rem;line-height:1.65;}
.tl-dist{display:inline-block;background:#e8f4ff;color:var(--blue);font-size:0.7rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:8px;}

/* ── RIVER CARDS (Bahrain) ── */
.river-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:40px;}
.river-card{background:rgba(255,255,255,0.07);border:1px solid rgba(42,157,143,0.2);border-radius:18px;padding:26px;text-align:center;transition:.25s;}
.river-card:hover{background:rgba(42,157,143,0.1);border-color:rgba(42,157,143,0.5);transform:translateY(-4px);}
.river-card .ri{font-size:2.2rem;margin-bottom:12px;display:block;}
.river-card h4{color:#fff;font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:8px;}
.river-card p{color:rgba(255,255,255,0.6);font-size:0.8rem;line-height:1.65;}

/* ── FOOD CARDS (Bahrain) ── */
.food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:40px;}
.food-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,0.07);transition:.25s;}
.food-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,0.12);}
.food-img{height:180px;overflow:hidden;}
.food-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.food-card:hover .food-img img{transform:scale(1.06);}
.food-body{padding:18px;}
.food-body h4{font-family:'Playfair Display',serif;color:var(--green);font-size:1.05rem;margin-bottom:6px;}
.food-body p{color:#777;font-size:0.82rem;line-height:1.6;}
.food-tag{display:inline-block;background:#fff3e0;color:var(--orange);font-size:0.68rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:10px;}

/* ── BAZAAR (Bahrain) ── */
.bazaar-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:44px;}
.bazaar-img{border-radius:20px;overflow:hidden;height:420px;}
.bazaar-img img{width:100%;height:100%;object-fit:cover;}
.bazaar-items{display:flex;flex-direction:column;gap:16px;}
.bitem{display:flex;gap:16px;align-items:flex-start;padding:18px;background:#f9f6f0;border-radius:14px;transition:.2s;}
.bitem:hover{background:#f0f7f4;transform:translateX(4px);}
.bitem-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--green),#2d7a60);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.bitem h4{font-weight:600;color:var(--green);font-size:0.9rem;margin-bottom:3px;}
.bitem p{color:#777;font-size:0.8rem;line-height:1.55;}

/* ── HISTORY TIMELINE (Butkara, White Palace) ── */
.hist-timeline{margin-top:50px;position:relative;}
.hist-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--orange),transparent);transform:translateX(-50%);}
.hist-item{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;margin-bottom:48px;align-items:center;}
.hist-item:nth-child(odd) .hi-content{grid-column:1;text-align:right;padding-right:36px;}
.hist-item:nth-child(odd) .hi-empty{grid-column:3;}
.hist-item:nth-child(even) .hi-content{grid-column:3;text-align:left;padding-left:36px;}
.hist-item:nth-child(even) .hi-empty{grid-column:1;}
.hi-dot{grid-column:2;display:flex;align-items:center;justify-content:center;}
.hi-dot-inner{width:44px;height:44px;background:linear-gradient(135deg,#2a1e06,#7a5520);border:2px solid var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;z-index:1;position:relative;}
.hi-year{font-family:'Playfair Display',serif;font-size:0.8rem;color:var(--orange);font-weight:700;margin-bottom:5px;display:block;}
.hi-content h4{font-family:'Playfair Display',serif;font-size:1.05rem;margin-bottom:6px;}
.hi-content p{color:rgba(255,255,255,0.55);font-size:0.82rem;line-height:1.65;}

/* ── GANDHARA ART CARDS (Butkara) ── */
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin-top:44px;}
.art-card{background:#fff;border:1px solid rgba(139,105,20,0.18);border-radius:18px;overflow:hidden;transition:.25s;box-shadow:0 4px 18px rgba(139,105,20,0.08);}
.art-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(139,105,20,0.15);border-color:#8B6914;}
.art-img{height:180px;overflow:hidden;}
.art-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.art-card:hover .art-img img{transform:scale(1.06);}
.art-body{padding:18px;}
.art-body h4{font-family:'Playfair Display',serif;font-size:1.05rem;margin-bottom:6px;}
.art-body p{color:#777;font-size:0.82rem;line-height:1.6;}
.art-tag{display:inline-block;background:#fdf4e0;color:#8B6914;font-size:0.68rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:10px;}

/* ── NEARBY CARDS (Butkara, Kalam) ── */
.nearby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:40px;}
.nearby-card,.nb-card{background:rgba(255,255,255,0.06);border:1px solid rgba(139,105,20,0.2);border-radius:16px;padding:22px;display:flex;gap:16px;align-items:flex-start;transition:.2s;}
.nearby-card:hover,.nb-card:hover{background:rgba(139,105,20,0.1);border-color:rgba(139,105,20,0.45);transform:translateY(-3px);}
.nearby-icon,.nb-icon{width:44px;height:44px;background:linear-gradient(135deg,#2a1e06,#6a4a14);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.nearby-info h4,.nb-info h4{font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:4px;}
.nearby-info p,.nb-info p{color:rgba(255,255,255,0.6);font-size:0.8rem;line-height:1.5;}
.nearby-dist,.nb-dist{display:inline-block;background:rgba(139,105,20,0.2);color:#e8c86a;font-size:0.68rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:8px;}

/* ── ARCHITECTURE CARDS (White Palace) ── */
.arch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:44px;}
.arch-card{background:#fff;border:1px solid rgba(201,168,76,0.2);border-radius:18px;overflow:hidden;transition:.25s;box-shadow:0 4px 18px rgba(201,168,76,0.08);}
.arch-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(201,168,76,0.15);border-color:#c9a84c;}
.arch-img{height:180px;overflow:hidden;}
.arch-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.arch-card:hover .arch-img img{transform:scale(1.06);}
.arch-body{padding:18px;}
.arch-body h4{font-family:'Playfair Display',serif;font-size:1.05rem;margin-bottom:6px;}
.arch-body p{color:#777;font-size:0.82rem;line-height:1.6;}
.arch-tag{display:inline-block;background:#fdf4e0;color:#a07820;font-size:0.68rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:10px;}

/* ── MARGHAZAR FEATURES (White Palace) ── */
.marg-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:44px;}
.marg-img{border-radius:20px;overflow:hidden;height:460px;position:relative;}
.marg-img img{width:100%;height:100%;object-fit:cover;}
.marg-img-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(26,18,8,0.8),transparent);padding:24px;border-radius:0 0 20px 20px;}
.marg-img-overlay p{color:rgba(255,255,255,0.8);font-size:0.8rem;font-style:italic;}
.marg-features{display:flex;flex-direction:column;gap:16px;}
.mf{display:flex;gap:16px;align-items:flex-start;padding:18px;background:#faf6ee;border-radius:14px;transition:.2s;border-left:3px solid transparent;}
.mf:hover{background:#fdf4e0;border-left-color:#c9a84c;transform:translateX(4px);}
.mf-icon{width:42px;height:42px;background:linear-gradient(135deg,#3a2a08,#7a5520);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.mf h4{font-weight:600;font-size:0.9rem;margin-bottom:3px;}
.mf p{color:#777;font-size:0.8rem;line-height:1.55;}

/* ── PARK ZONES (Fizagat) ── */
.zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:40px;}
.zone-card{background:#fff;border-radius:18px;padding:26px;border-top:4px solid #3a8c4a;box-shadow:0 4px 18px rgba(58,140,74,0.08);transition:.25s;}
.zone-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(58,140,74,0.14);}
.zone-icon{font-size:2rem;margin-bottom:12px;display:block;}
.zone-card h4{font-family:'Playfair Display',serif;color:var(--green);font-size:1.05rem;margin-bottom:8px;}
.zone-card p{color:#666;font-size:0.82rem;line-height:1.65;}

/* ── FAMILY SECTION (Fizagat) ── */
.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:40px;}
.fam-card{background:rgba(255,255,255,0.07);border:1px solid rgba(58,140,74,0.2);border-radius:18px;padding:26px;text-align:center;transition:.25s;}
.fam-card:hover{background:rgba(58,140,74,0.1);border-color:rgba(58,140,74,0.5);transform:translateY(-4px);}
.fam-icon{font-size:2.2rem;margin-bottom:12px;display:block;}
.fam-card h4{color:#fff;font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:8px;}
.fam-card p{color:rgba(255,255,255,0.6);font-size:0.8rem;line-height:1.65;}

/* ── FOREST CARDS (Ushu) ── */
.forest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:40px;}
.forest-card{background:rgba(255,255,255,0.06);border:1px solid rgba(45,90,39,0.25);border-radius:18px;padding:26px;transition:.25s;}
.forest-card:hover{background:rgba(45,90,39,0.12);border-color:rgba(45,90,39,0.5);transform:translateY(-4px);}
.forest-icon{font-size:2rem;margin-bottom:12px;display:block;}
.forest-card h4{color:#fff;font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:8px;}
.forest-card p{color:rgba(255,255,255,0.6);font-size:0.82rem;line-height:1.65;}
.forest-tag{display:inline-block;background:rgba(45,90,39,0.25);color:#8dd88a;font-size:0.7rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:10px;}

/* ── WILDLIFE (Ushu) ── */
.wildlife-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:40px;}
.wl-card{background:#fff;border-radius:16px;padding:22px;text-align:center;box-shadow:0 4px 18px rgba(45,90,39,0.08);border-top:3px solid #2d5a27;transition:.25s;}
.wl-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(45,90,39,0.14);}
.wl-icon{font-size:2.4rem;margin-bottom:10px;display:block;}
.wl-card h4{font-family:'Playfair Display',serif;color:var(--green);font-size:0.95rem;margin-bottom:6px;}
.wl-card p{color:#777;font-size:0.78rem;line-height:1.6;}

/* ── WATERFALL SCIENCE (Jarogo) ── */
.science-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:40px;}
.sci-card{background:rgba(255,255,255,0.06);border:1px solid rgba(26,127,168,0.2);border-radius:18px;padding:26px;transition:.25s;}
.sci-card:hover{background:rgba(26,127,168,0.1);border-color:rgba(26,127,168,0.45);transform:translateY(-4px);}
.sci-icon{font-size:2rem;margin-bottom:12px;display:block;}
.sci-card h4{color:#fff;font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:8px;}
.sci-card p{color:rgba(255,255,255,0.6);font-size:0.82rem;line-height:1.65;}
.sci-val{display:inline-block;background:rgba(26,127,168,0.2);color:#7dd4f5;font-size:0.72rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:10px;}

/* ── TREK STEPS (Jarogo) ── */
.trek-steps{display:flex;flex-direction:column;gap:0;margin-top:44px;position:relative;}
.trek-steps::before{content:'';position:absolute;left:28px;top:28px;bottom:28px;width:2px;background:linear-gradient(to bottom,#1a7fa8,var(--green));}
.trek-step{display:flex;gap:24px;align-items:flex-start;padding:24px 24px 24px 0;border-bottom:1px solid rgba(26,127,168,0.1);position:relative;}
.trek-step:last-child{border-bottom:none;}
.step-num{min-width:56px;height:56px;background:linear-gradient(135deg,#1a7fa8,#0d5a78);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 14px rgba(26,127,168,0.3);position:relative;z-index:1;}
.step-body h4{font-weight:600;font-size:0.95rem;margin-bottom:5px;color:#0d3a4a;}
.step-body p{color:#666;font-size:0.85rem;line-height:1.65;}
.step-tag{display:inline-flex;align-items:center;gap:5px;background:#e0f4fc;color:#1a7fa8;font-size:0.72rem;font-weight:600;padding:4px 12px;border-radius:20px;margin-top:8px;}

/* ── BOOKING ── */
#booking{background:linear-gradient(160deg,#050f0a,#0d3326);}
#booking .sec-title{color:#fff;}
#booking .sec-label{color:var(--orange);}
#booking .sec-sub{color:rgba(255,255,255,0.6);}
.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;align-items:start;}
.booking-packages{display:flex;flex-direction:column;gap:16px;}
.pkg{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:22px;cursor:pointer;transition:.2s;position:relative;}
.pkg:hover,.pkg.active{border-color:var(--orange);background:rgba(245,166,35,0.08);}
.pkg.popular::before{content:'Most Popular';position:absolute;top:-10px;right:16px;background:var(--orange);color:#fff;font-size:0.65rem;font-weight:700;padding:3px 12px;border-radius:20px;}
.pkg-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.pkg h4{color:#fff;font-weight:600;font-size:0.95rem;}
.pkg-price{color:var(--orange);font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:800;}
.pkg-price small{color:rgba(255,255,255,0.4);font-family:'Inter',sans-serif;font-size:0.72rem;font-weight:400;}
.pkg p{color:rgba(255,255,255,0.5);font-size:0.78rem;line-height:1.6;}
.pkg-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;}
.pkg-features span{background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.65);font-size:0.7rem;padding:3px 10px;border-radius:20px;}
.booking-form{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px;}
.booking-form h3{font-family:'Playfair Display',serif;color:#fff;font-size:1.3rem;margin-bottom:22px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.form-group label{color:rgba(255,255,255,0.6);font-size:0.78rem;font-weight:500;}
.form-group input,
.form-group select,
.form-group textarea{background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.13);border-radius:10px;padding:11px 14px;color:#fff;font-size:0.88rem;outline:none;transition:.2s;font-family:'Inter',sans-serif;appearance:none;-webkit-appearance:none;}
.form-group input::placeholder,
.form-group textarea::placeholder{color:rgba(255,255,255,0.3);}
.form-group input:focus,
.form-group select:focus{border-color:var(--orange);}
.form-group select option{background:#0d3326;color:#fff;}
.form-group textarea{resize:vertical;min-height:100px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.btn-book{width:100%;background:linear-gradient(135deg,var(--orange),#e09410);color:#fff;font-weight:700;font-size:1rem;padding:14px;border-radius:12px;border:none;cursor:pointer;transition:.2s;margin-top:6px;font-family:'Inter',sans-serif;}
.btn-book:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,166,35,0.4);}
.btn-wa2{width:100%;background:#25D366;color:#fff;font-weight:600;font-size:0.88rem;padding:11px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-family:'Inter',sans-serif;text-decoration:none;transition:.2s;}
.btn-wa2:hover{background:#1ebe5d;}

/* ── HOW TO REACH ── */
.reach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:40px;}
.reach-card{background:var(--green);color:#fff;border-radius:16px;padding:24px;}
.reach-card .r-icon{font-size:1.8rem;margin-bottom:12px;}
.reach-card h4{font-weight:600;margin-bottom:8px;}
.reach-card p{font-size:0.82rem;color:rgba(255,255,255,0.75);line-height:1.7;}

/* ── TIPS ── */
.tips-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:36px;}
.tip{display:flex;gap:14px;background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.tip-icon{font-size:1.5rem;min-width:36px;}
.tip p{font-size:0.85rem;color:#555;line-height:1.65;}
.tip p strong{display:block;margin-bottom:3px;}

/* ── MORE ATTRACTIONS ── */
.more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin-top:40px;}
.more-card{border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,0.08);text-decoration:none;display:block;transition:.25s;}
.more-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,0.14);}
.more-card img{width:100%;height:180px;object-fit:cover;}
.more-card-body{padding:16px;}
.more-card-body h4{font-family:'Playfair Display',serif;color:var(--green);font-size:1.05rem;margin-bottom:5px;}
.more-card-body p{color:#888;font-size:0.8rem;}

/* ── FOOTER (attraction pages) ── */
footer{background:#050f0a;color:rgba(255,255,255,0.45);text-align:center;padding:24px;font-size:0.8rem;}
footer a{color:var(--orange);text-decoration:none;}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .hist-timeline::before{left:20px;}
  .hist-item{grid-template-columns:40px 1fr;}
  .hist-item:nth-child(odd) .hi-content,
  .hist-item:nth-child(even) .hi-content{grid-column:2;text-align:left;padding-left:20px;padding-right:0;}
  .hist-item:nth-child(odd) .hi-empty,
  .hist-item:nth-child(even) .hi-empty{display:none;}
  .hi-dot{grid-column:1;grid-row:1;}
  .trek-steps::before{left:24px;}
}
@media(max-width:768px){
  section{padding:60px 20px;}
  .hero-content{padding:0 24px 48px;}
  .overview-grid,.booking-grid,.bazaar-grid,.marg-grid{grid-template-columns:1fr;}
  .seasons-grid{grid-template-columns:1fr 1fr;}
  .gallery-grid{grid-template-columns:1fr 1fr;}
  .g-item:nth-child(1){grid-column:span 2;height:200px;}
  .facts-inner{flex-wrap:wrap;}
  .fact{flex:1 1 45%;border-bottom:1px solid rgba(255,255,255,0.07);}
  .form-row{grid-template-columns:1fr;}
}

/* ── SECTION BACKGROUNDS ── */

/* Bahrain - River section */
#river { background: linear-gradient(135deg, #0a1a18, #0d3028); }

/* White Palace - History section */
#history { background: linear-gradient(160deg, #1a1208, #2a1a06); }
#history .sec-title { color: #f5ead0; }
#history .sec-sub   { color: rgba(255,255,255,0.5); }

/* Fizagat - Family section */
#family { background: linear-gradient(135deg, #0a180c, #0d2e12); }
#family .sec-title { color: #fff; }
#family .sec-label { color: var(--orange); }

/* Ushu - Forest section */
#forest { background: linear-gradient(160deg, #080f08, #0d2010); }
#forest .sec-title { color: #fff; }
#forest .sec-label { color: var(--orange); }

/* Butkara - History & Nearby sections */
#history-butkara, #nearby { background: linear-gradient(160deg, #120e08, #2a1a06); }
#nearby .sec-title { color: #f5ead0; }
#nearby .sec-label { color: var(--orange); }

/* Jarogo - Science & Trek sections */
#science { background: linear-gradient(160deg, #050f14, #0d2a38); }
#science .sec-title { color: #fff; }
#trek { background: #f0f8fc; }
#trek .sec-title { color: var(--green); }
#trek .step-body h4 { color: #0d3a4a; }

/* Mahodand - Lake info section */
#lakeinfo { background: linear-gradient(135deg, #f0f7ff, #e8f4f8); }
#lakeinfo .sec-title { color: var(--green); }

/* Kalam - Nearby section */
#nearby { background: #f9f6f0; }
#nearby .sec-title { color: var(--green); }
#nearby .nearby-info h4 { color: var(--green); }
#nearby .nearby-info p  { color: #777; }
#nearby .nearby-dist    { background: #e8f4f0; color: var(--green); }
#nearby .nearby-card    { background: #fff; border-color: #eee; }
#nearby .nb-card        { background: #fff; border-color: #eee; }
#nearby .nb-info h4     { color: var(--green); }
#nearby .nb-info p      { color: #777; }