/* Seven Tours Egypt — ad landing page layer (scoped to body.lp).
   Hero conversion block, pill WhatsApp button, 44px touch targets, gallery grid.
   Loaded only by pages that set <body class="lp">. */

/* ---------- Hero conversion block ---------- */
body.lp .hero-lp{margin-top:16px;max-width:680px;}
body.lp .hero-sub{margin:0;font-size:clamp(15px,2.3vw,19px);line-height:1.5;font-weight:400;color:rgba(255,255,255,.94);letter-spacing:.01em;}
body.lp .hero-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;font-size:13px;font-weight:500;color:rgba(255,255,255,.92);}
body.lp .hero-trust li{display:flex;align-items:center;gap:7px;}
body.lp .hero-trust svg{width:16px;height:16px;flex-shrink:0;color:var(--gold2);}
body.lp .hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;min-height:54px;padding:0 30px;border-radius:40px;background:#25D366;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;box-shadow:0 12px 30px rgba(0,0,0,.35);transition:background .25s,transform .25s;}
body.lp .hero-cta:hover{background:#1ebe5a;transform:translateY(-1px);}
body.lp .hero-cta svg{width:22px;height:22px;flex-shrink:0;}
body.lp .thero .herobadge{margin-top:18px;}
@media(max-width:600px){
  body.lp .hero-cta{display:flex;width:100%;}
  body.lp .hero-trust{gap:6px 14px;font-size:12.5px;}
}

/* ---------- Floating WhatsApp pill (replaces the round icon on this page) ---------- */
body.lp .wafloat{width:auto;height:auto;min-height:48px;padding:0 22px;border-radius:999px;gap:8px;right:20px;bottom:20px;z-index:2000;
  background:#25D366;color:#fff;font-family:'Montserrat',sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap;text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.25);animation:none;}
body.lp .wafloat:hover{background:#1ebe5a;}
@media(max-width:600px){
  body.lp .wafloat{right:14px;bottom:14px;padding:0 18px;font-size:14px;}
  /* keep the pill from covering footer text */
  body.lp .ft{padding-bottom:84px;}
  /* stack the cookie bar above the pill instead of beside it */
  body.lp .cookiebar{left:10px;right:10px;bottom:74px;max-width:none;}
}
body.lp .backtotop{width:44px;height:44px;z-index:1900;}
@media(max-width:640px){body.lp .backtotop{width:44px;height:44px;bottom:74px;right:14px;}}

/* ---------- 44px touch targets ---------- */
body.lp .burger{min-width:44px;min-height:44px;padding:14px 9px;box-sizing:border-box;align-items:center;justify-content:center;margin-right:-9px;}
body.lp .burger span{width:26px;}
body.lp .nav-cta{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;}
body.lp .nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;}
@media(max-width:920px){body.lp .nav-cta{display:none;}}
body.lp .thero .crumb a{display:inline-block;padding:13px 6px;margin:-13px -6px;}
body.lp .tier-card .tbtn{min-height:44px;box-sizing:border-box;}
body.lp .cta-body .ctabtn,body.lp .cta-body .ctabtn2{min-height:44px;box-sizing:border-box;}
body.lp .faq summary{min-height:44px;box-sizing:border-box;}
body.lp .fsocial a{width:44px;height:44px;}
body.lp .fsocial a[href^="["]{display:none;}      /* hides the TripAdvisor icon while its URL is still a placeholder */
body.lp .fcols .col a{display:flex;align-items:center;min-height:44px;margin-bottom:0;}
@media(max-width:820px){body.lp .fcols .col a{justify-content:center;}}
body.lp .fbase a{display:inline-block;padding:14px 8px;}
body.lp .tblock .tbtn,body.lp .rec-grid .rc{min-height:44px;}
body.lp .pcalc-tier,body.lp .pcalc-size,body.lp .pcalc-wa,body.lp .pcalc-toggle{min-height:44px;box-sizing:border-box;}
body.lp .pcalc-toggle{display:inline-flex;align-items:center;}
body.lp .cookiebar-btns button{min-height:44px;}
body.lp .lbox-close{min-width:44px;min-height:44px;}
body.lp .lbox-prev,body.lp .lbox-next{width:44px;height:44px;}

/* ---------- Reviews: single column on phones ---------- */
@media(max-width:700px){body.lp .rgrid{grid-template-columns:1fr !important;}}

/* ---------- Gallery: 3 columns desktop / 2 columns mobile, hides itself without photos ---------- */
body.lp .tgal-block[hidden]{display:none;}
body.lp .tgal figure.g{height:auto;aspect-ratio:4/3;margin:0;overflow:hidden;background:#e9e2d4;background-image:none;cursor:zoom-in;}
body.lp .tgal figure.g img{display:block;width:100%;height:100%;object-fit:cover;}

/* ---------- Reviews on the light section: the base .rq style is white-on-dark and was unreadable here ---------- */
body.lp .tblock .rq{background:#fff;border:1px solid rgba(187,139,61,.28);color:var(--ink);}
body.lp .tblock .rq .by{color:#6a5f52;}