/* Snaps T Travel: integrated approved reference homepage. Scoped to homepage components. */
body{overflow-x:hidden}
body .hero{position:relative!important;min-height:490px!important;height:clamp(490px,35vw,600px)!important;padding:0!important;display:block!important;overflow:visible!important;background:linear-gradient(90deg,rgba(2,19,46,.62),rgba(2,25,55,.04) 65%),url('/assets/banners/cape-town.jpg') center 48%/cover no-repeat!important}
body .hero .hero-slideshow{position:absolute!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;z-index:0!important}
body .hero .hero-slide{opacity:0!important;animation:none!important;display:none!important}
body .hero .hero-copy,body .hero .stt-premium-hero-copy{position:absolute!important;top:45%!important;left:max(5%,calc((100vw - 1360px)/2))!important;transform:translateY(-50%)!important;width:min(34%,510px)!important;max-width:510px!important;margin:0!important;padding:0!important;text-align:left!important;z-index:3!important;color:#fff!important}
body .hero .hero-copy .eyebrow{color:#ffbd45!important;letter-spacing:4px!important;font-size:11px!important;font-weight:800!important}
body .hero .hero-copy h1{color:#fff!important;font:700 clamp(47px,5vw,78px)/.88 Georgia,serif!important;letter-spacing:-2px!important;margin:12px 0 20px!important;text-shadow:0 2px 15px #0018!important}
body .hero .hero-copy h1 em{display:block!important;color:#ffac17!important;font:italic 400 clamp(45px,4.7vw,75px)/1.02 Georgia,serif!important;letter-spacing:-2px!important;white-space:nowrap!important}
body .hero .hero-copy p{color:#fff!important;font:400 15px/1.6 Arial,sans-serif!important;max-width:370px!important;text-shadow:0 2px 10px #0017!important}
body .hero .stt-hero-location{position:absolute!important;right:6%!important;top:12%!important;z-index:3!important;color:#fff!important;text-align:right!important;font-weight:800!important}
body .hero .stt-hero-location small{display:block!important;font-size:11px!important}
body .hero .stt-hero-booking{position:absolute!important;z-index:9!important;left:34%!important;right:5%!important;bottom:-3px!important;width:auto!important;max-width:none!important;margin:0!important;transform:none!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:block!important}
body .hero .stt-hero-tabs{display:flex!important;align-items:stretch!important;gap:3px!important;min-height:42px!important;width:max-content!important;max-width:100%!important;overflow:auto!important;margin:0 0 0 12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body .hero .stt-hero-tabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;white-space:nowrap!important;background:rgba(4,33,65,.92)!important;color:#fff!important;border:0!important;border-radius:13px 13px 0 0!important;padding:12px 18px!important;font:700 12px Arial,sans-serif!important;cursor:pointer!important}
body .hero .stt-hero-tabs button.active{background:#ff7518!important;color:#fff!important}
body .hero .stt-hero-form{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto!important;gap:9px!important;align-items:end!important;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:17px!important;box-shadow:0 12px 28px #0015!important;padding:15px!important;margin:0!important;max-width:none!important;width:100%!important;min-height:91px!important}
body .hero .stt-hero-form label{display:flex!important;flex-direction:column!important;min-width:0!important;gap:5px!important;color:#142a49!important;font:600 11px Arial,sans-serif!important;margin:0!important}
body .hero .stt-hero-form select,body .hero .stt-hero-form input{display:block!important;min-width:0!important;width:100%!important;height:41px!important;padding:0 9px!important;border:1px solid #d0dce9!important;border-radius:9px!important;background:#fff!important;color:#142a49!important;font:500 12px Arial,sans-serif!important;box-shadow:none!important}
body .hero .stt-hero-form button[type=submit]{height:43px!important;min-height:43px!important;border:0!important;border-radius:25px!important;background:#ff7518!important;color:#fff!important;padding:0 19px!important;font:800 12px Arial,sans-serif!important;white-space:nowrap!important;cursor:pointer!important}
body .hero .stt-premium-error{color:#fff!important;background:#a22!important;border-radius:5px!important;font-size:12px!important;margin:3px 0!important}
body .trust{display:none!important}
.stt-reference-destinations{padding:34px max(5%,calc((100vw - 1380px)/2)) 18px!important;background:#fff!important}
.stt-reference-section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:13px}
.stt-reference-section-heading small,.stt-ref-service-intro small{color:#f36b0b;font-size:11px;font-weight:900;letter-spacing:3px}
.stt-reference-section-heading h2,.stt-ref-service-intro h2{font:700 clamp(26px,2.5vw,35px)/1.12 Georgia,serif;color:#082d60;margin:7px 0 0}
.stt-reference-section-heading>a{border:1px solid #123c70;border-radius:25px;color:#123c70;font-size:12px;font-weight:800;padding:11px 16px;white-space:nowrap}
.stt-reference-destination-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.stt-ref-destination{position:relative;display:block;min-width:0;height:152px;overflow:hidden;border-radius:9px;color:#fff!important;background:#183d60}
.stt-ref-destination:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#001a2df0);pointer-events:none}
.stt-ref-destination img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.stt-ref-destination:hover img{transform:scale(1.06)}
.stt-ref-destination span{position:absolute;z-index:1;left:13px;right:38px;bottom:10px;display:flex;flex-direction:column;gap:3px}
.stt-ref-destination strong{font-size:15px;line-height:1.15}.stt-ref-destination small{font-size:11px}
.stt-ref-destination>b{position:absolute;z-index:2;right:12px;bottom:14px;border-radius:50%;background:#fff;color:#082d60;width:27px;height:27px;display:grid;place-items:center;font-size:22px}
.stt-reference-services{display:grid;grid-template-columns:1.2fr 2.5fr;gap:30px;align-items:center;background:#eef7ff;padding:22px max(5%,calc((100vw - 1380px)/2))!important}
.stt-ref-service-intro p{font-size:13px;line-height:1.5;color:#43638b;max-width:380px}
.stt-ref-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stt-ref-services-grid a{display:flex;flex-direction:column;gap:8px;min-height:132px;padding:16px 13px;background:#fff;border-radius:12px;color:#0a2b5b;box-shadow:0 2px 12px #0b2c6010}
.stt-ref-services-grid a>span{width:38px;height:38px;border-radius:50%;background:#d9efff;color:#0575bf;display:grid;place-items:center;font-size:21px}
.stt-ref-services-grid a:nth-child(2)>span{background:#ffdfc9;color:#f4771b}.stt-ref-services-grid a:nth-child(4)>span{background:#f7d9f2;color:#b2368f}
.stt-ref-services-grid strong{font-size:13px}.stt-ref-services-grid small{font-size:12px;line-height:1.4;color:#526b88}
body .stt-home-packages{padding-top:35px!important}
@media(max-width:1200px){body .hero .stt-hero-booking{left:31%!important;right:3%!important}body .hero .stt-hero-tabs button{padding:11px!important;font-size:11px!important}body .hero .stt-hero-form{grid-template-columns:repeat(4,minmax(0,1fr))!important}body .hero .stt-hero-form button[type=submit]{grid-column:1/-1!important}.stt-reference-destination-grid{grid-template-columns:repeat(3,1fr)}.stt-reference-services{grid-template-columns:1fr}}
@media(max-width:850px){body .hero{height:auto!important;min-height:0!important;padding:60px 5% 28px!important;display:flex!important;flex-direction:column!important;gap:25px!important}body .hero .hero-copy,body .hero .stt-premium-hero-copy{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:600px!important}body .hero .stt-hero-booking{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important}body .hero .stt-hero-location{right:5%!important;top:15px!important}body .hero .stt-hero-tabs{margin-left:0!important}body .hero .stt-hero-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stt-ref-services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){body .hero .hero-copy h1{font-size:52px!important}body .hero .hero-copy h1 em{font-size:45px!important;white-space:normal!important}body .hero .stt-hero-form{grid-template-columns:1fr!important;padding:13px!important}body .hero .stt-hero-form button[type=submit]{grid-column:auto!important}body .hero .stt-hero-tabs button{font-size:11px!important}.stt-reference-section-heading{align-items:start;flex-direction:column}.stt-reference-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stt-ref-destination{height:145px}.stt-ref-services-grid{grid-template-columns:1fr 1fr;gap:8px}.stt-ref-services-grid a{padding:12px 10px}}