/* Snaps T Travel — single homepage layout layer, 26 October 2026 */
:root{--stt-wide:1400px;--stt-ink:#102c4c;--stt-orange:#f58220}
html,body{max-width:100%;overflow-x:clip}body{background:#fff!important;color:var(--stt-ink)!important;font-size:16px!important;line-height:1.55}
.top{height:auto;min-height:38px;font-size:13px;padding:7px max(4%,calc((100% - 1400px)/2))}
.stt-public-header{background:#fff!important;min-height:92px!important;padding:0 4%!important}
.stt-public-header .stt-header-inner{max-width:var(--stt-wide)!important;min-height:92px!important;gap:20px!important}
.stt-public-header .logo{flex-basis:215px!important;max-width:215px!important}
.stt-public-header .logo img{width:215px!important;height:76px!important}
.stt-public-header .nav a:not(.quote){font-size:14px!important}
.hero{min-height:540px!important;max-height:none!important;overflow:hidden!important;padding:0!important;background-position:center!important}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,45,.84),rgba(4,20,45,.20));z-index:1;pointer-events:none}
.hero .hero-copy{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:min(90%,var(--stt-wide))!important;max-width:var(--stt-wide)!important;margin:auto!important;padding:105px 0 110px!important;z-index:5!important}
.hero .hero-copy>*{max-width:670px}.hero .hero-copy h1{font-size:clamp(52px,5vw,76px)!important;line-height:1.02!important}.hero .hero-copy h2{font-size:clamp(23px,2.5vw,32px)!important}.hero .hero-copy p{font-size:18px!important}
.hero .hero-copy .stt-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.hero .province-panel,.hero .sa-map{display:none!important}
.trust{position:relative!important;max-width:var(--stt-wide)!important;margin:0 auto!important;padding:23px 12px!important;border-radius:0 0 16px 16px!important;background:#102448!important;color:#fff!important}
.trust b{font-size:16px!important;color:#fff!important}.trust span{font-size:14px!important;color:#d9e7fa!important}
.stt-province-explorer{padding:68px 5%;background:#eef5fa!important;color:#102c4c!important}
.stt-province-intro{max-width:var(--stt-wide);margin:0 auto 25px}.stt-province-intro small{color:#df721b;letter-spacing:2px;font-weight:800}.stt-province-intro h2{font-size:clamp(32px,3.5vw,44px);margin:5px 0;color:#102c4c}.stt-province-intro p{font-size:17px;color:#51697d}
.stt-province-layout{max-width:var(--stt-wide);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:stretch}
.stt-province-layout .sa-map.proper-map{position:relative!important;display:block!important;left:auto!important;top:auto!important;width:100%!important;height:450px!important;margin:0!important;background:#0d3764;border-radius:18px;overflow:hidden}
.stt-province-layout .proper-map-img{object-fit:contain!important;padding:18px}.stt-province-layout .province{font-size:12px!important}
.stt-province-layout .province-panel{position:relative!important;display:block!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-height:none!important;overflow:auto!important;border-radius:16px!important;background:#fff!important}
.stt-province-layout .province-panel h3{font-size:21px!important;padding:15px 20px!important}.stt-province-layout .province-panel button{padding:8px 15px!important;font-size:14px!important;color:#14375d!important;background:#fff!important}.stt-province-layout .province-panel .stt-province-thumb{width:46px!important;height:32px!important;flex-basis:46px!important}
#provincePop.show{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:10010!important;width:min(450px,calc(100vw - 28px))!important;max-height:90dvh!important;overflow:auto!important;background:#fff!important;color:#163452!important}
#provincePop.show *{color:inherit}#provincePop.show .pop-actions a{color:#fff!important}
.trip-planner-wrap{padding:65px 5%!important;background:#f2f7fb!important;position:relative!important;margin:0!important}
.trip-planner{max-width:var(--stt-wide)!important;padding:32px!important;margin:0 auto!important;transform:none!important;position:relative!important;top:auto!important;left:auto!important;box-shadow:0 14px 38px rgba(5,40,75,.11)!important;background:#fff!important;color:#102c4c!important}
.trip-planner-title h2{font-size:32px!important;color:#102c4c!important}.trip-planner-title p,.trip-helper{font-size:15px!important;color:#5a7086!important}.trip-field label{font-size:14px!important;color:#193e67!important}.trip-field input,.trip-field select{height:54px!important;font-size:16px!important}.trip-search{height:54px!important;font-size:15px!important}.trip-services label{font-size:15px!important}
.stt-discover{padding:70px 5%!important;background:#fff!important;color:#102c4c!important}.stt-discover-inner,.section-head,.cards,.stt-package-heading,.stt-package-grid,.attract-wrap,.footer-grid{max-width:var(--stt-wide)!important}.stt-discover-heading h2{font-size:clamp(34px,3.5vw,46px)!important}.stt-discover-heading p{font-size:17px!important}.stt-discover-grid{gap:22px!important}.stt-discover-card{min-height:210px!important;padding:28px!important}
.stt-discover-search{display:none!important}.stt-home-packages{padding:75px 5%!important}.stt-package-image{height:255px!important}.stt-package-details p{font-size:16px!important}
section.content{padding:75px 5%!important}.section-head h2{font-size:clamp(32px,3.5vw,45px)!important}.section-head p{font-size:17px!important}.cards{gap:24px!important}.card img,.placeholder{height:235px!important}.body p{font-size:16px!important}.body h3{font-size:23px!important}
#live-weather.weather-strip{max-width:var(--stt-wide)!important;margin:20px auto!important}
@media(max-width:1100px){.stt-province-layout{grid-template-columns:minmax(0,1fr) 320px}.stt-public-header .stt-header-inner{min-height:78px!important}.stt-public-header .nav{width:100%!important}.hero .hero-copy{padding:95px 0!important}.stt-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.stt-public-header .logo{flex-basis:175px!important;max-width:175px!important}.stt-public-header .logo img{width:175px!important;height:66px!important}.hero{min-height:0!important}.hero .hero-copy{width:90%!important;padding:75px 0 85px!important}.hero .hero-copy h1{font-size:clamp(42px,10vw,62px)!important}.hero .hero-copy p{font-size:16px!important}.trust{grid-template-columns:1fr 1fr!important}.trust div{padding:13px!important}.stt-province-layout{grid-template-columns:1fr}.stt-province-layout .sa-map.proper-map{height:350px!important}.stt-province-layout .province-panel{max-height:430px!important}.trip-fields{grid-template-columns:1fr 1fr!important}.trip-planner{padding:22px!important}.stt-discover-grid{grid-template-columns:1fr!important}.stt-package-grid,.cards{grid-template-columns:1fr!important}.stt-package-image,.card img{height:245px!important}}
@media(max-width:520px){.stt-province-layout .sa-map.proper-map{height:280px!important}.stt-province-layout .province{font-size:9px!important}.trip-fields{grid-template-columns:1fr!important}.trust{grid-template-columns:1fr!important}.hero .hero-copy h2{font-size:22px!important}.trip-planner-title h2{font-size:26px!important}}