:root{
  --bg:#F5EFE0;
  --surface:#FFFFFF;
  --gold:#F5A623;
  --gold-dark:#E8910A;
  --navy:#1C4A37;
  --green-dark:#133527;
  --charcoal:#1A1A1A;
  --brown:#7B5530;
  --footer:#2B2B2B;
  --text:#28251D;
  --success:#437A22;
  --muted:#6f665c;
  --line:rgba(40,37,29,.12);
  --shadow:0 24px 80px rgba(40,37,29,.14);
  --radius:22px;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}
body.nav-open{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:12px;background:var(--charcoal);color:#fff;padding:10px 14px;z-index:99}
.skip-link:focus{left:12px}

.site-header{position:sticky;top:0;z-index:50;height:74px;background:rgba(245,239,224,.94);backdrop-filter:blur(16px);display:flex;align-items:center;gap:24px;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:46px;height:46px;background:var(--charcoal);color:var(--gold);display:grid;place-items:center;font-family:Anton,sans-serif;letter-spacing:.04em}
.brand strong{display:block;font-weight:900;line-height:1}
.brand small{display:block;color:var(--muted);font-size:12px}
.primary-nav{display:flex;gap:20px;align-items:center;margin-inline:auto;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.primary-nav a:hover,.primary-nav a:focus{color:var(--gold-dark)}
.header-contact{display:flex;align-items:center;gap:8px;min-width:max-content}
.header-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;padding:11px 14px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:12px}
.header-cta:hover,.header-cta:focus{background:var(--green-dark)}
.header-contact-link{border:1px solid rgba(40,37,29,.18);background:rgba(255,255,255,.6);color:var(--text);padding:9px 10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.header-contact-link:hover,.header-contact-link:focus{color:#fff}
.header-contact-link.whatsapp-link:hover,.header-contact-link.whatsapp-link:focus{background:#1faa59;border-color:#1faa59}
.header-contact-link.zalo-link:hover,.header-contact-link.zalo-link:focus{background:#0068ff;border-color:#0068ff}
.header-contact-link.wechat-link:hover,.header-contact-link.wechat-link:focus{background:#07c160;border-color:#07c160}
.menu-toggle{display:none;background:var(--charcoal);color:#fff;border:0;padding:10px 14px;font-weight:900}

.eyebrow{margin:0 0 10px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:13px}
h1,.section h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;line-height:.94;margin:0}
.section h2{font-size:clamp(38px,6vw,78px);color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;min-height:48px;padding:12px 20px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover,.btn-primary:focus{background:var(--green-dark)}
.btn-ghost{border-color:rgba(255,255,255,.72);color:#fff}
.btn-ghost:hover,.btn-ghost:focus{background:#fff;color:var(--charcoal)}

.section{padding:74px 0}
.section-head{margin-bottom:26px}
.section-head p{max-width:720px;color:var(--muted);font-size:17px}
.split{display:flex;align-items:end;justify-content:space-between;gap:34px}
.center{text-align:center;max-width:850px;margin-inline:auto}
.center p{margin-inline:auto}

.pricing-section{background:#fff4dc}
.pricing-video-section{position:relative;overflow:hidden;isolation:isolate;background:var(--charcoal);color:#fff}
.pricing-hero{min-height:calc(100vh - 74px);display:grid;align-items:center;padding:64px 0}
.pricing-video-bg,.pricing-video-overlay{position:absolute;inset:0}
.pricing-video-bg{z-index:-2;overflow:hidden;background:var(--charcoal)}
.pricing-video-bg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.pricing-video-overlay{z-index:-1;background:linear-gradient(90deg,rgba(19,53,39,.40),rgba(0,0,0,.34),rgba(0,0,0,.22))}
.pricing-content{position:relative;z-index:1}
.pricing-head{margin-bottom:24px}
.pricing-head h1{font-size:clamp(46px,7.5vw,102px);color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.5)}
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.tier-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 35px rgba(40,37,29,.06)}
.pricing-video-section .tier-card{background:rgba(255,255,255,.94);color:var(--text);backdrop-filter:blur(10px)}
.tier-card.featured{border:3px solid var(--gold);transform:translateY(-6px)}
.tier-card span{font-weight:900;color:var(--brown);text-transform:uppercase;letter-spacing:.1em}
.tier-card h3{font-size:44px;line-height:1;margin:12px 0;color:var(--gold)}
.tier-card small{font-size:15px;color:var(--muted)}
.tier-card p{margin:0;color:var(--muted)}
.tier-card ul{padding:0;margin:16px 0 0;list-style:none}
.tier-card li{position:relative;padding-left:24px;margin:8px 0}
.tier-card li:before,.check-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}
.pricing-section-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:4px}

.feature-strip{background:var(--charcoal);color:#fff;padding:22px 0}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14)}
.feature-grid article{background:var(--charcoal);padding:20px}
.feature-grid span{color:var(--gold);font-weight:900}
.feature-grid h3{margin:8px 0 6px;text-transform:uppercase;line-height:1.1}
.feature-grid p{margin:0;color:rgba(255,255,255,.76)}

.filters{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.filters label{font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.filters select{display:block;margin-top:8px;min-width:220px;padding:12px;border:1px solid var(--line);background:#fff;color:var(--text);font:inherit}
.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tour-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px rgba(40,37,29,.08);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.tour-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.tour-card img{height:220px;width:100%;object-fit:cover}
.tour-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.tag-row{display:flex;gap:8px;flex-wrap:wrap}
.tag{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:#F7E6C0;color:#573914;padding:6px 8px}
.tour-card h3{font-size:24px;line-height:1.08;margin:0;text-transform:uppercase}
.tour-card p{margin:0;color:var(--muted)}
.meta{font-weight:800;color:var(--brown);font-size:14px}
.price{margin-top:auto;font-size:28px;color:var(--gold);font-weight:900}
.card-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.card-actions button,.card-actions a{padding:14px 12px;border:0;background:#fff;text-align:center;font-weight:900;text-transform:uppercase;cursor:pointer}
.card-actions a{background:var(--charcoal);color:#fff}
.card-actions button:hover{background:#f5f0e6}
.card-actions a:hover,.card-actions a:focus{background:var(--navy)}

.destination-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.destination-grid article,.blog-grid article{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px rgba(40,37,29,.07)}
.destination-grid img,.blog-grid img{height:190px;width:100%;object-fit:cover}
.destination-grid h3,.destination-grid p,.blog-grid h3,.blog-grid p{margin-inline:20px}
.destination-grid h3,.blog-grid h3{text-transform:uppercase;line-height:1.1}
.destination-grid p,.blog-grid p{color:var(--muted);margin-bottom:22px}

.about-section{background:var(--charcoal);color:#fff}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.about-grid h2{font-size:clamp(38px,5vw,70px);color:var(--gold)}
.about-grid p{color:rgba(255,255,255,.78)}
.about-grid img{border-radius:var(--radius);box-shadow:var(--shadow);height:480px;width:100%;object-fit:cover}
.bike-lineup{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bike-group{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:var(--radius);padding:22px}
.bike-category{margin:0 0 8px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.bike-group h3{margin:0 0 16px;text-transform:uppercase;color:#fff;line-height:1.1}
.bike-list{display:grid;gap:12px}
.bike-card{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12);padding:16px}
.bike-card h4{margin:0 0 8px;color:var(--gold);text-transform:uppercase}
.bike-card p{margin:0;color:rgba(255,255,255,.78)}

.faq-list{max-width:900px;margin:auto;display:grid;gap:12px}
.faq-list details{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 8px 24px rgba(40,37,29,.06)}
.faq-list details[open]{border-left:5px solid var(--gold)}
.faq-list summary{cursor:pointer;font-weight:900;text-transform:uppercase;line-height:1.25}
.faq-list p{color:var(--muted);margin-bottom:0}
.blog-strip{background:#fff}

.contact-section{background:#efe4d1}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:start}
.contact-grid h2{font-size:clamp(38px,5vw,72px);color:var(--gold)}
.contact-card,.map-placeholder,.booking-form{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:0 10px 35px rgba(40,37,29,.07)}
.contact-card h3{margin:0 0 12px;text-transform:uppercase}
.contact-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.contact-option{display:flex;align-items:center;justify-content:center;min-height:46px;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.phone-option{background:var(--navy)}
.phone-option:hover,.phone-option:focus{background:var(--green-dark)}
.whatsapp-option{background:#1faa59}
.zalo-option{background:#0068ff}
.wechat-option{background:#07c160}
.whatsapp-option:hover,.zalo-option:hover,.wechat-option:hover,.whatsapp-option:focus,.zalo-option:focus,.wechat-option:focus{filter:brightness(.9)}
.map-placeholder{margin-top:18px;min-height:160px;display:grid;place-items:center;border:2px dashed rgba(123,85,48,.28);color:var(--brown);font-weight:900}
.booking-form{display:grid;gap:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:8px;font-weight:800}
input,select,textarea{width:100%;border:1px solid rgba(40,37,29,.18);padding:13px 14px;font:inherit;background:#fff;color:var(--text)}
input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid rgba(245,166,35,.45);outline-offset:2px}
.form-status{margin:0;color:var(--brown);font-weight:800}

.site-footer{background:var(--footer);color:#fff;padding:50px 0 24px}
.footer-grid{display:grid;grid-template-columns:1fr 380px;gap:34px}
.site-footer h2{font-family:Anton,sans-serif;color:var(--gold);font-size:52px;line-height:1;text-transform:uppercase;margin:0 0 12px}
.site-footer p{color:rgba(255,255,255,.72)}
.quick-form{background:var(--gold);padding:24px;display:grid;gap:10px;color:var(--charcoal)}
.quick-form h3{text-transform:uppercase;margin:0}
.quick-form button{background:var(--charcoal);color:#fff;border:0;padding:13px;font-weight:900;text-transform:uppercase}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-bottom nav{display:flex;gap:16px;flex-wrap:wrap;color:rgba(255,255,255,.68);font-size:13px}

.chat-stack{position:fixed;right:22px;bottom:22px;z-index:80;display:grid;gap:10px}
.chat-bubble{position:relative;width:56px;height:56px;border-radius:999px;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.26)}
.chat-bubble span{font-size:13px;letter-spacing:.04em}
.chat-bubble em{position:absolute;right:68px;top:50%;transform:translateY(-50%) translateX(8px);opacity:0;pointer-events:none;background:var(--charcoal);color:#fff;font-style:normal;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:8px 10px;border-radius:999px;transition:opacity .18s ease,transform .18s ease}
.chat-bubble:hover em,.chat-bubble:focus em{opacity:1;transform:translateY(-50%) translateX(0)}
.chat-whatsapp{background:#1faa59}
.chat-zalo{background:#0068ff}
.chat-wechat{background:#07c160}

.tour-dialog{width:min(1040px,calc(100% - 28px));border:0;border-radius:22px;padding:0;box-shadow:0 30px 120px rgba(0,0,0,.45);max-height:88vh;overflow:auto}
.tour-dialog::backdrop{background:rgba(0,0,0,.62)}
.dialog-close{position:sticky;top:14px;margin-left:auto;display:block;z-index:5;width:42px;height:42px;border:0;background:var(--charcoal);color:#fff;font-size:28px;cursor:pointer}
.dialog-hero{min-height:320px;background-size:cover;background-position:center;display:grid;align-items:end;color:#fff;padding:120px 32px 30px;position:relative}
.dialog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.dialog-hero>*{position:relative}
.dialog-hero h2{font-family:Anton,sans-serif;font-size:clamp(36px,5vw,64px);line-height:.95;margin:0;text-transform:uppercase;color:#fff}
.dialog-body{padding:26px 32px 34px}
.dialog-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.dialog-prices div{border:1px solid var(--line);padding:16px;background:#fff8eb}
.dialog-prices span{display:block;font-weight:900;color:var(--brown);text-transform:uppercase}
.dialog-prices strong{font-size:26px;color:var(--gold)}
.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{position:relative;padding-left:24px;margin:10px 0;color:var(--muted)}
.table-wrap{overflow:auto}
table{border-collapse:collapse;width:100%;background:#fff}
th,td{text-align:left;border:1px solid var(--line);padding:12px 14px;vertical-align:top}
th{background:var(--charcoal);color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
td:first-child{font-weight:800}

@media (max-width:1000px){
  .tour-grid,.tier-grid,.destination-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .split,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr;display:grid}
  .bike-lineup{grid-template-columns:1fr}
  .primary-nav{position:fixed;inset:74px 0 auto 0;background:var(--charcoal);color:#fff;display:none;grid-template-columns:1fr;padding:22px}
  .nav-open .primary-nav{display:grid}
  .menu-toggle{display:block;margin-left:auto}
  .header-contact{display:none}
  .site-header{gap:14px}
}

@media (max-width:680px){
  .container{width:min(100% - 26px,var(--max))}
  .site-header{height:68px;padding-inline:14px}
  .brand small{display:none}
  .brand strong{font-size:14px}
  .brand-mark{width:40px;height:40px}
  .pricing-hero{min-height:calc(100vh - 68px);padding:48px 0}
  .pricing-video-bg iframe{width:177.78vh;height:100vh}
  .section{padding:58px 0}
  .tour-grid,.tier-grid,.destination-grid,.blog-grid,.feature-grid,.dialog-prices,.included-grid,.form-row,.contact-actions{grid-template-columns:1fr}
  .feature-grid{display:grid}
  .tier-card.featured{transform:none}
  .tour-card img{height:190px}
  .about-grid img{height:340px}
  .footer-bottom{display:grid}
  .dialog-body{padding:20px}
  .dialog-hero{padding-inline:20px}
  .footer-grid{grid-template-columns:1fr}
  .quick-form{width:100%}
  .chat-stack{right:14px;bottom:14px;gap:8px}
  .chat-bubble{width:50px;height:50px}
  .chat-bubble em{display:none}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Final contact/logo tightening */
.pricing-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:calc(100% - 28px);
  margin-inline:auto;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(0,0,0,.38);
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
  letter-spacing:.12em;
  line-height:1.25;
}

.header-icon-link{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  box-shadow:0 8px 20px rgba(0,0,0,.14);
  transition:transform .18s ease,filter .18s ease;
}

.header-icon-link img{
  width:18px;
  height:18px;
  display:block;
}

.header-icon-link.whatsapp-link{background:#1faa59}
.header-icon-link.zalo-link{background:#0068ff}
.header-icon-link.wechat-link{background:#07c160}

.header-icon-link:hover,
.header-icon-link:focus{
  transform:translateY(-1px);
  filter:brightness(.94);
}

.contact-card{
  padding:22px 22px 24px;
}

.contact-card p{
  margin:8px 0;
}

.contact-actions{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:16px;
}

.contact-option{
  min-height:42px;
  padding:9px 10px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
  transition:transform .18s ease,filter .18s ease,background .18s ease;
}

.contact-option img{
  width:18px;
  height:18px;
  display:block;
}

.phone-option{background:var(--navy)}
.phone-option:hover,
.phone-option:focus{background:var(--green-dark)}

.whatsapp-option{background:#1faa59}
.zalo-option{background:#0068ff}
.wechat-option{background:#07c160}

.whatsapp-option:hover,
.zalo-option:hover,
.wechat-option:hover,
.whatsapp-option:focus,
.zalo-option:focus,
.wechat-option:focus{
  filter:brightness(.92);
  transform:translateY(-1px);
}

.chat-stack{
  right:18px;
  bottom:18px;
  gap:9px;
}

.chat-bubble{
  width:52px;
  height:52px;
  border-radius:999px;
  display:grid;
  place-items:center;
  box-shadow:0 14px 32px rgba(0,0,0,.22);
  transition:transform .18s ease,filter .18s ease;
}

.chat-bubble img{
  width:25px;
  height:25px;
  display:block;
}

.chat-bubble:hover,
.chat-bubble:focus{
  transform:translateY(-2px);
  filter:brightness(.94);
}

.chat-bubble em{
  right:62px;
  padding:7px 10px;
  font-size:11px;
}

@media (max-width:680px){
  .pricing-eyebrow{
    font-size:10px;
    letter-spacing:.08em;
    padding:7px 10px;
    max-width:92%;
  }

  .contact-actions{
    grid-template-columns:repeat(2,1fr);
  }

  .contact-option{
    min-height:40px;
    font-size:12px;
  }

  .chat-stack{
    right:12px;
    bottom:12px;
    gap:7px;
  }

  .chat-bubble{
    width:46px;
    height:46px;
  }

  .chat-bubble img{
    width:22px;
    height:22px;
  }
}

/* Premium SEO travel guide cards */
.blog-strip{
  background:linear-gradient(180deg,#fff 0%,#fbf7ef 100%);
}

.blog-strip .section-head{
  align-items:center;
}

.blog-strip .section-head p:last-child{
  max-width:560px;
  font-size:18px;
  color:var(--brown);
}

.blog-strip .section h2,
.blog-strip h2{
  max-width:760px;
}

.guide-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  border:1px solid rgba(40,37,29,.08);
  transition:transform .2s ease,box-shadow .2s ease;
}

.guide-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 48px rgba(40,37,29,.12);
}

.guide-card img{
  height:210px;
}

.guide-card-body{
  padding:22px 22px 24px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}

.guide-meta{
  color:var(--gold-dark);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.blog-grid .guide-card-body h3{
  margin:0;
  font-size:22px;
  line-height:1.13;
  color:var(--charcoal);
}

.blog-grid .guide-card-body p{
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.65;
}

@media (max-width:680px){
  .guide-card img{
    height:185px;
  }

  .guide-card-body{
    padding:18px;
  }

  .blog-grid .guide-card-body h3{
    font-size:20px;
  }
}

/* Final polish: real map, cleaner contact card/buttons, full-width guide intro */
.blog-strip .guide-head{
  display:block;
  max-width:none;
  margin-bottom:30px;
}

.blog-strip .guide-head h2{
  max-width:1120px;
}

.blog-strip .guide-intro{
  max-width:1040px !important;
  margin:18px 0 0;
  color:var(--brown);
  font-size:18px;
  line-height:1.75;
}

.contact-section{
  overflow:hidden;
}

.contact-grid{
  gap:32px;
}

.contact-card,
.booking-form,
.contact-map{
  border:1px solid rgba(40,37,29,.08);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(40,37,29,.10);
}

.contact-card{
  padding:24px;
}

.contact-card h3{
  margin-bottom:14px;
  letter-spacing:.02em;
}

.contact-card p{
  margin:9px 0;
}

.contact-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}

.contact-option{
  min-width:0;
  min-height:46px;
  padding:11px 12px;
  border-radius:14px;
  overflow:hidden;
  white-space:nowrap;
  line-height:1;
}

.contact-option img{
  flex:0 0 auto;
}

.contact-option span{
  overflow:hidden;
  text-overflow:ellipsis;
}

.booking-form{
  padding:24px;
}

.booking-form .btn,
.booking-form button[type="submit"]{
  width:100%;
  border-radius:14px;
}

input,
select,
textarea{
  border-radius:0;
  box-shadow:none;
}

.contact-map{
  margin:18px 0 0;
  background:#fff;
  padding:0;
}

.contact-map iframe{
  display:block;
  width:100%;
  height:260px;
  border:0;
  filter:saturate(.92) contrast(.98);
}

.contact-map figcaption{
  margin:0;
  padding:12px 16px 14px;
  background:#fff;
  color:var(--brown);
  font-weight:800;
  font-size:14px;
  line-height:1.45;
}

.btn,
.card-actions button,
.card-actions a,
.quick-form button{
  border-radius:12px;
}

.card-actions{
  gap:10px;
  padding:12px;
  border-top:1px solid var(--line);
  background:#fff;
}

.card-actions button,
.card-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
}

@media (max-width:1000px){
  .blog-strip .guide-head h2{
    max-width:900px;
  }

  .blog-strip .guide-intro{
    max-width:100% !important;
  }
}

@media (max-width:680px){
  .blog-strip .guide-intro{
    font-size:16px;
    line-height:1.65;
  }

  .contact-card,
  .booking-form{
    padding:20px;
  }

  .contact-actions{
    grid-template-columns:1fr;
  }

  .contact-map iframe{
    height:220px;
  }
}

/* Actual Vietnam Adventure Bike landscape logo placement */
.brand-landscape{
  flex:0 0 auto;
  align-self:stretch;
  display:flex;
  align-items:center;
}

.brand-logo-landscape{
  display:block;
  height:74px;
  width:auto;
  max-width:260px;
  object-fit:contain;
}

.footer-brand-top{
  display:flex;
  align-items:flex-start;
  margin-bottom:20px;
}

.footer-logo-landscape{
  display:block;
  width:min(520px,100%);
  height:auto;
  object-fit:contain;
}

@media (max-width:1000px){
  .brand-logo-landscape{
    height:68px;
    max-width:220px;
  }

  .footer-logo-landscape{
    width:min(440px,100%);
  }
}

@media (max-width:680px){
  .brand-logo-landscape{
    height:56px;
    max-width:168px;
  }

  .footer-brand-top{
    margin-bottom:16px;
  }

  .footer-logo-landscape{
    width:min(320px,100%);
  }
}