/* r12 listings + detail hero */
body.listing main{--pad:32px}
body.listing main .wrap{padding-left:var(--pad)!important;padding-right:var(--pad)!important;max-width:1280px}
.lhero{position:relative;min-height:min(72svh,680px);display:flex;align-items:flex-end;overflow:hidden;background:#141414;color:#fff}
.lh-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0!important}
.lhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 35%,rgba(10,10,10,.78) 100%)}
.lh-in{position:relative;z-index:1;width:100%;padding-top:180px!important;padding-bottom:80px!important}
.lhero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6.4vw,92px);line-height:1;margin:0 0 20px;color:#fff;text-align:left;letter-spacing:-.01em}
.lhero p{max-width:600px;font-size:19px;line-height:1.6;margin:0;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45)}
body.listing .crumbs{padding-top:28px}
.ltabs{margin-top:8px}
.ltabs-in{display:flex;gap:36px;border-bottom:1px solid rgba(20,20,20,.14);overflow-x:auto;scrollbar-width:none}
.ltabs-in::-webkit-scrollbar{display:none}
.ltabs-in a{white-space:nowrap;padding:18px 0 16px;color:#3a332d;text-decoration:none;font-size:15px;letter-spacing:.02em;border-bottom:2px solid transparent;margin-bottom:-1px}
.ltabs-in a:hover{color:#141414}
.ltabs-in a.on{color:#141414;border-bottom-color:#F39A2B;font-weight:500}
.lsec{padding-top:80px!important}
.lsec:last-of-type{padding-bottom:var(--sp)!important}
.lsec .shead{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 40px}
.lsec .shead h2{font-size:var(--fs-h2);margin:0}
.lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
.lcard{display:flex;flex-direction:column;color:#141414;text-decoration:none}
.lc-img{aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#F3ECE1}
.lc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1);border-radius:0!important}
.lcard:hover .lc-img img{transform:scale(1.04)}
.lc-body{padding-top:22px;display:flex;flex-direction:column;flex:1}
.lc-body h3{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.15;margin:0 0 10px;color:#141414}
.lc-dur{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#5a5047;font-size:15px}
.lc-ic{width:16px;height:16px;flex:none}
.lc-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(20,20,20,.12)}
.lc-price{font-size:14px;color:#5a5047}
.lc-price b{font-family:var(--serif);font-size:24px;font-weight:500;color:#141414;margin-left:4px}
.lc-link{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8F4A00;font-weight:500;display:inline-flex;gap:8px;align-items:center}
.lc-link span{transition:transform .3s}
.lcard:hover .lc-link span{transform:translateX(4px)}
.lcard:focus-visible{outline:2px solid #F39A2B;outline-offset:6px}
body.listing .phead,body.listing .chips{display:none}
/* detail hero bigger */
body.tour .tx-hero{min-height:92svh!important;padding:200px 0 96px!important}
body.tour .tx-hero h1{font-size:clamp(48px,6.4vw,96px)!important;line-height:1!important;font-weight:400!important;margin-bottom:20px!important}
.tx-meta{color:#fff;font-size:15px;letter-spacing:.04em;margin:0 0 14px;opacity:.95}
.tx-meta span{margin:0 8px;color:#F39A2B}
body.tour .tx-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.1) 35%,rgba(10,10,10,.82) 100%)!important}
.tx-overview{padding-top:72px!important;gap:96px!important;grid-template-columns:minmax(0,1fr) 400px!important}
.tx-ov-txt p{font-size:18px!important;line-height:1.8!important}
.tx-facts{padding:32px!important}
.tstrip .tcar>*{flex-basis:calc((100% - 16px)/3)!important;aspect-ratio:3/2!important}
.tx-body{padding-top:32px}
.tx-sec{padding-bottom:72px!important;margin-bottom:72px!important}
@media (max-width:1000px){.lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.tx-overview{grid-template-columns:1fr!important;gap:40px!important}}
@media (max-width:700px){
 body.listing main{--pad:20px}
 .lhero{min-height:62svh}.lh-in{padding-top:140px!important;padding-bottom:48px!important}
 .lhero p{font-size:17px}
 .ltabs-in{gap:24px;margin:0 calc(-1*var(--pad));padding:0 var(--pad)}
 .lsec{padding-top:56px!important}
 .lgrid{grid-template-columns:1fr;gap:44px}
 .lc-body h3{font-size:26px}
 body.tour .tx-hero{min-height:70svh!important;padding:150px 0 48px!important}
 body.tour .tx-hero h1{font-size:clamp(40px,11vw,56px)!important}
 .tx-meta{font-size:14px}
 .tx-overview{padding-top:48px!important}
 .tstrip .tcar>*{flex-basis:85%!important}
 .tx-sec{padding-bottom:56px!important;margin-bottom:56px!important}
}