/* Page styles: packages */
/* ── FILTER ── */
.filter-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:38px;}
.filter-btn{padding:9px 24px;border-radius:30px;border:2px solid #e0e0e0;background:#fff;font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:.2s;font-family:inherit;}
.filter-btn.active,.filter-btn:hover{background:#5c1414;color:#fff;border-color:#5c1414;}

/* ── GRID ── */
.pkg-big-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}

/* ── CARD ── */
.pkg-big-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.09);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;}
.pkg-big-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.14);}
.pkg-big-card .img-wrap{position:relative;height:215px;overflow:hidden;}
.pkg-big-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .45s;display:block;}
.pkg-big-card:hover .img-wrap img{transform:scale(1.06);}
.pkg-tag{position:absolute;top:14px;left:14px;color:#fff;font-size:11px;font-weight:700;padding:4px 13px;border-radius:20px;}
.pkg-tag.pilgrimage{background:#8e44ad;}
.pkg-tag.premium{background:#f5a623;}
.pkg-tag.adventure{background:#e74c3c;}
.pkg-tag.group{background:#2980b9;}
.pkg-discount{position:absolute;top:14px;right:14px;background:#2ecc71;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;}

/* body */
.pkg-big-body{padding:18px 20px;flex:1;}
.pkg-big-body h3{font-size:17px;font-weight:800;color:#5c1414;margin-bottom:6px;line-height:1.3;}
.pkg-duration{font-size:12px;color:#f5a623;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:5px;}
.pkg-big-body p{font-size:13px;color:#666;line-height:1.75;margin-bottom:14px;}
.pkg-includes{display:flex;flex-wrap:wrap;gap:7px;}
.pkg-inc-tag{background:#fbf0f0;color:#5c1414;font-size:11px;font-weight:600;padding:4px 11px;border-radius:20px;display:flex;align-items:center;gap:4px;}
.pkg-inc-tag i{color:#f5a623;font-size:11px;}

/* ── CARD FOOTER — two buttons ── */
.pkg-big-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid #f0f0f0;background:#fafafa;gap:10px;}
.pkg-price-col .old{font-size:12px;color:#bbb;text-decoration:line-through;display:block;margin-bottom:1px;}
.pkg-price-col .price{font-size:19px;font-weight:800;color:#5c1414;line-height:1;}
.pkg-price-col .per{font-size:11px;color:#aaa;}
.pkg-btn-col{display:flex;gap:8px;flex-shrink:0;}
.btn-view-det{background:#fff;color:#5c1414;border:2px solid #5c1414;font-size:12px;font-weight:700;padding:8px 13px;border-radius:7px;cursor:pointer;transition:.2s;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.btn-view-det:hover{background:#5c1414;color:#fff;}
.btn-book-now{background:#f5a623;color:#fff;border:2px solid #f5a623;font-size:12px;font-weight:700;padding:8px 13px;border-radius:7px;cursor:pointer;transition:.2s;font-family:inherit;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.btn-book-now:hover{background:#d4891a;border-color:#d4891a;}

/* ── BOOKING MODAL ── */
.pkg-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;align-items:center;justify-content:center;padding:16px;}
.pkg-modal-overlay.open{display:flex;}
.pkg-modal-box{background:#fff;border-radius:18px;width:100%;max-width:580px;max-height:94vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.28);}
.pkg-modal-header{background:linear-gradient(135deg,#5c1414,#6e1c1c);padding:22px 28px 20px;border-radius:18px 18px 0 0;position:relative;}
.pkg-modal-header h2{color:#fff;font-size:20px;font-weight:800;margin-bottom:5px;}
.mh-sub{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.mh-price{color:#f5a623;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;}
.mh-duration{color:rgba(255,255,255,.7);font-size:13px;display:flex;align-items:center;gap:5px;}
.pkg-modal-close{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.15);border:none;color:#fff;width:34px;height:34px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;}
.pkg-modal-close:hover{background:rgba(255,255,255,.3);}
.pkg-modal-includes{display:flex;flex-wrap:wrap;gap:6px;padding:14px 22px;background:#fdf7f7;border-bottom:1px solid #eee;}
.pim-tag{background:#fff;border:1px solid #f7e4e4;color:#5c1414;font-size:11px;font-weight:600;padding:4px 11px;border-radius:14px;display:flex;align-items:center;gap:4px;}
.pim-tag i{color:#f5a623;font-size:11px;}
.pkg-modal-body{padding:22px 24px 6px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.form-group label{font-size:12px;font-weight:700;color:#333;display:flex;align-items:center;gap:5px;}
.form-group label i{color:#f5a623;font-size:11px;}
.form-group input,.form-group select,.form-group textarea{padding:11px 13px;border:1.5px solid #e5e5e5;border-radius:9px;font-size:13px;font-family:inherit;outline:none;transition:border .2s;background:#fafafa;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5c1414;background:#fff;}
.form-group textarea{resize:vertical;min-height:80px;}
.pkg-modal-footer{padding:4px 24px 22px;}
.btn-modal-submit{width:100%;background:#f5a623;color:#fff;border:none;padding:14px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:9px;}
.btn-modal-submit:hover{background:#d4891a;}
.btn-modal-submit:disabled{opacity:.7;cursor:not-allowed;}
.modal-success{display:none;background:#e8f8f0;border:1.5px solid #2ecc71;border-radius:10px;padding:16px;text-align:center;font-size:14px;color:#1a7a42;font-weight:600;margin-top:14px;line-height:1.6;}
.modal-success.show{display:block;}
.modal-trust{text-align:center;margin-top:12px;font-size:11px;color:#bbb;display:flex;align-items:center;justify-content:center;gap:5px;}

/* ── WHY STRIP ── */
.why-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.why-strip-card{background:#fff;border-radius:12px;padding:22px 16px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.07);}
.ws-icon{width:56px;height:56px;background:#fbf0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:22px;color:#5c1414;}
.why-strip-card h4{font-size:14px;font-weight:700;color:#5c1414;margin-bottom:5px;}
.why-strip-card p{font-size:12px;color:#888;line-height:1.6;}

/* ── CTA BANNER ── */
.cta-banner{background:linear-gradient(135deg,#5c1414,#7a2020);border-radius:18px;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.cta-banner h2{color:#fff;font-size:26px;font-weight:800;margin-bottom:8px;}
.cta-banner p{color:#d99a9a;font-size:14px;}
.cta-banner .cta-btns{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.pkg-big-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:680px){
  .pkg-big-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .pkg-btn-col{flex-direction:column;}
  .btn-view-det,.btn-book-now{width:100%;justify-content:center;}
  .why-strip{grid-template-columns:1fr 1fr;}
  .cta-banner{padding:28px 20px;}
}
@media(max-width:400px){.why-strip{grid-template-columns:1fr;}}