/* Theme Name: TravelRun Adventures
Version: 1.0.0
Description: TravelRun adventure tour operator theme inspired by the supplied reference layout.
*/
:root{--g:#12372f;--g2:#1d5a49;--lime:#c9ef45;--bg:#f5f7f0;--ink:#15211e;--muted:#69766f;--line:#dfe7e2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1240px,92%);margin:auto}.head{position:sticky;top:0;z-index:20;background:#f5f7f0ee;border-bottom:1px solid #dfe7e2}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;letter-spacing:2px;color:var(--g);font-size:22px}.logo span{font-weight:500}.menu{display:flex;gap:25px;align-items:center}.menu a{font-size:13px;font-weight:800}.pill{background:var(--g);color:#fff!important;padding:11px 18px;border-radius:99px}.toggle{display:none;background:none;border:0;font-size:25px;color:var(--g)}.hero{background:var(--g);color:#fff}.heroGrid{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.heroCopy{padding:85px 20px 70px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;text-transform:uppercase;color:var(--lime);margin-bottom:15px}.hero h1{font-size:clamp(52px,7vw,92px);line-height:.92;letter-spacing:-5px;margin:0 0 25px}.hero h1 span{color:var(--lime)}.hero p{font-size:17px;color:#d8e4df;max-width:600px}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.btn{padding:13px 20px;border-radius:99px;font-weight:900;font-size:12px;display:inline-block}.lime{background:var(--lime);color:var(--g)}.outline{border:1px solid #a9bdb5;color:#fff}.heroImg{background:url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1300&q=88') center/cover;border-radius:25px 0 0 0}.stats{background:#fff;position:relative;margin:-35px auto 0;padding:22px;border-radius:18px;box-shadow:0 15px 35px #12372f18;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats b{display:block;color:var(--g);font-size:25px}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}section{padding:90px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.sectionHead h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:0;letter-spacing:-2px}.sectionHead p{max-width:520px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{padding:9px 14px;border:1px solid var(--line);background:#fff;border-radius:99px;font-size:12px;font-weight:800}.filter.active,.filter:hover{background:var(--g);color:#fff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #12372f16}.card img{width:100%;height:235px;object-fit:cover}.body{padding:16px}.tag{color:var(--g2);font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.body h3{font-size:18px;line-height:1.2;margin:8px 0}.meta{font-size:12px;color:var(--muted)}.bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.price{font-weight:900;color:var(--g)}.book{background:var(--g);color:#fff;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:900}.band{background:#e8efdf}.regions{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.region{height:150px;border-radius:15px;background-size:cover;background-position:center;display:flex;align-items:end;padding:14px;color:#fff;font-weight:900;position:relative;overflow:hidden}.region:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.region span{position:relative;z-index:1}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{width:100%;height:520px;object-fit:cover;border-radius:24px}.features{display:grid;gap:18px}.feature{display:grid;grid-template-columns:42px 1fr;gap:13px}.num{width:42px;height:42px;border-radius:50%;background:var(--g);color:var(--lime);display:grid;place-items:center;font-weight:900}.feature h3{margin:0}.feature p{margin:3px 0;color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step,.quote,.blog{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.stepNo{font-size:38px;color:var(--g);font-weight:900;opacity:.35}.step h3{margin:5px 0}.step p,.blog p{color:var(--muted);font-size:13px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stars{color:#dc9914}.cta{background:var(--g);color:#fff;border-radius:24px;padding:60px 7%;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:clamp(36px,4vw,60px);line-height:1;margin:0}.blogGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.blog{padding:0;overflow:hidden}.blog img{width:100%;height:165px;object-fit:cover}.blog div{padding:16px}.faq{max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;margin:8px 0}.faq summary{font-weight:900;cursor:pointer}footer{background:#0d211c;color:#cbd7d2;padding:70px 0 25px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.foot h4{color:#fff}.foot a{display:block;margin:7px 0;font-size:13px}.copy{border-top:1px solid #ffffff1c;margin-top:40px;padding-top:20px;font-size:11px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.regions{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.blogGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.menu{display:none;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:20px 4%;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.toggle{display:block}.heroGrid,.split{grid-template-columns:1fr}.heroCopy{padding:65px 0 45px}.heroImg{height:390px}.stats{grid-template-columns:repeat(2,1fr);gap:15px}.sectionHead{display:block}.cards,.quotes{grid-template-columns:1fr 1fr}.cta{display:block}.cta .btn{margin-top:20px}.foot{grid-template-columns:1fr 1fr}}@media(max-width:760px){
  
/* TravelRun mobile trip carousel v2.4 */
@media (max-width: 767px){
  html,body{max-width:100%;overflow-x:hidden}
  #trending .wrap{min-width:0;width:92%;max-width:100%}
  #trending .cards.tr-mobile-trip-scroller,
  #trending .cards{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:2px 18px 20px 2px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-left:2px !important;
    scrollbar-width:none !important;
    touch-action:pan-x !important;
    cursor:grab;
  }
  #trending .cards.tr-mobile-trip-scroller:active{cursor:grabbing}
  #trending .cards.tr-mobile-trip-scroller::-webkit-scrollbar,
  #trending .cards::-webkit-scrollbar{display:none !important;width:0;height:0}
  #trending .cards.tr-mobile-trip-scroller > .card,
  #trending .cards > .card{
    display:block !important;
    flex:0 0 82vw !important;
    width:82vw !important;
    min-width:82vw !important;
    max-width:82vw !important;
    margin:0 !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
    transform:none !important;
  }
  #trending .cards > .card:hover{transform:none !important}
  #trending .cards > .card img{display:block;width:100%;height:220px;object-fit:cover}
  #trending .filters{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x !important;
  }
  #trending .filters::-webkit-scrollbar{display:none}
  #trending .filter{flex:0 0 auto !important;white-space:nowrap !important}
}
@media (max-width:520px){
  #trending .cards.tr-mobile-trip-scroller > .card,
  #trending .cards > .card{flex-basis:84vw !important;width:84vw !important;min-width:84vw !important;max-width:84vw !important}
}