/* ══════════════════════════════════════════════════════════════
   FACILITIES.CSS
   ══════════════════════════════════════════════════════════════ */

/* ACCREDITATION BAR */
.accred-bar{background:#fff;border-bottom:1px solid #E4E0D8;padding:16px 0}
.accred-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.accred-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1A1A1A}
.accred-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.accred-icon-green{background:#D8F3DC}
.accred-icon-orange{background:#FEF3E8}
.accred-divider{width:1px;height:28px;background:#E4E0D8}

/* HERO FACILITY FEATURE */
.hero-facility{background:#F9F5F0;padding:56px 0}
.hf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:20px;overflow:hidden;border:1px solid #E4E0D8;box-shadow:0 8px 40px rgba(0,0,0,.08)}
.hf-img{background:linear-gradient(160deg,#1A3D2B,#2D6A4F);min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:rgba(255,255,255,.4);font-size:12px;overflow:hidden;position:relative}
.hf-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hf-img-caption{position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px}
.hf-content{background:#fff;padding:40px}
.hf-content h2{margin-bottom:14px}
.hf-content p{font-size:14px;margin-bottom:20px;line-height:1.78}
.hf-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.hf-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#3D3D2A;line-height:1.55}
.hf-features li::before{content:'✓';width:20px;height:20px;flex-shrink:0;background:#F0FAF3;border:1.5px solid #52B788;border-radius:50%;font-size:11px;font-weight:700;color:#2D6A4F;line-height:18px;text-align:center}

/* FACILITIES GRID */
.fac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fac-card{background:#fff;border:1px solid #E4E0D8;border-radius:16px;overflow:hidden;transition:box-shadow .2s,transform .18s}
.fac-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-3px)}
.fac-img{height:200px;background:linear-gradient(160deg,#1A3D2B,#2D6A4F);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.fac-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fac-img-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.4);font-size:12px;width:100%;height:100%}
.fac-num{position:absolute;top:14px;right:14px;width:32px;height:32px;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:14px;font-weight:700;color:#fff}
.fac-body{padding:22px}
.fac-icon{font-size:24px;margin-bottom:10px}
.fac-title{font-size:16px;font-weight:600;color:#1A1A1A;margin-bottom:8px;font-family:'Playfair Display',serif}
.fac-desc{font-size:13px;color:#6B6B6B;line-height:1.7;margin-bottom:14px}
.fac-tags{display:flex;flex-wrap:wrap;gap:5px}
.fac-tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;background:#F0FAF3;border:1px solid #B7E4C7;color:#2D6A4F}

/* PHOTO GALLERY */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:12px}
.gallery-item{border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#1A3D2B,#2D6A4F);cursor:pointer;position:relative}
.gallery-item.tall{grid-row:span 2}
.gallery-item.wide{grid-column:span 2}
.gallery-img{width:100%;height:100%;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:rgba(255,255,255,.4);font-size:11px;overflow:hidden;position:relative}
.gallery-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .2s;display:flex;align-items:center;justify-content:center}
.gallery-item:hover .gallery-overlay{background:rgba(0,0,0,.3)}
.gallery-label{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;opacity:0;transition:opacity .2s}
.gallery-item:hover .gallery-label{opacity:1}

/* EQUIPMENT SECTION */
.equip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.equip-card{background:#fff;border:1px solid #E4E0D8;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow .2s}
.equip-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.equip-icon{width:48px;height:48px;background:#FEF3E8;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.equip-name{font-size:14px;font-weight:600;color:#1A1A1A;margin-bottom:4px;font-family:'DM Sans',sans-serif}
.equip-desc{font-size:12px;color:#6B6B6B;line-height:1.6}
.equip-badge{display:inline-flex;align-items:center;gap:4px;background:#F0FAF3;border:1px solid #B7E4C7;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600;color:#2D6A4F;margin-top:6px}

/* VIRTUAL TOUR CTA */
.tour-band{background:linear-gradient(135deg,#1A3D2B,#2D6A4F);padding:56px 0;position:relative;overflow:hidden}
.tour-band::before{content:'';position:absolute;right:-100px;bottom:-100px;width:500px;height:500px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.tour-inner{max-width:900px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.tour-content h2{color:#fff;margin-bottom:10px}
.tour-content p{color:rgba(255,255,255,.75);font-size:15px;max-width:520px}
.tour-btns{display:flex;flex-direction:column;gap:10px;flex-shrink:0}

/* RESPONSIVE */
@media(max-width:1000px){.fac-grid{grid-template-columns:repeat(2,1fr)}.equip-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item.tall{grid-row:span 1}.gallery-item.wide{grid-column:span 1}}
@media(max-width:900px){.hf-grid{grid-template-columns:1fr}.tour-inner{grid-template-columns:1fr}.tour-btns{flex-direction:row}}
@media(max-width:600px){.fac-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.accred-inner{gap:16px}.accred-divider{display:none}}