.travel-page{--green:#ff790b;--dark:#101820;--ink:#101820;--muted:#6f7d8c;--border:#e6e8ec;--soft:#f7f8fa;--mint:#fff1e4}
.travel-page, .travel-page *{box-sizing:border-box}
.travel-page{margin:0;background:#fff;color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.travel-page a{color:inherit;text-decoration:none}
.travel-page button,.travel-page input,.travel-page select{font:inherit}
.travel-page button,.travel-page a,.travel-page input,.travel-page select{touch-action:manipulation}
.travel-page a:focus-visible,.travel-page button:focus-visible,.travel-page input:focus-visible,.travel-page select:focus-visible,.travel-page summary:focus-visible{outline:3px solid #ffad64;outline-offset:3px}
.travel-page .container{width:min(1180px,calc(100% - 36px));margin:auto}
.travel-page .text-link:hover{color:var(--green)}
.travel-page .hero{background:radial-gradient(ellipse at 77% 49%,#27313c 0,transparent 46%),linear-gradient(115deg,#172331,#101820 67%,#202a35);color:#fff;overflow:hidden}
.travel-page .hero-layout{display:grid;grid-template-columns:1.15fr .85fr;min-height:370px;align-items:center;gap:30px;padding:54px 0 88px}
.travel-page .eyebrow{color:#ffb369;font-size:11px;font-weight:850;letter-spacing:.15em}
.travel-page .eyebrow.green{color:var(--green)}
.travel-page .hero h1{font-size:clamp(37px,5.2vw,63px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 15px}
.travel-page .hero h1 span{color:#ff790b}
.travel-page .hero p{max-width:550px;color:#e0e4eb;font-size:16px}
.travel-page .hero-benefits{display:flex;gap:18px;flex-wrap:wrap;color:#f0e5db;font-size:12px;margin-top:25px}
.travel-page .hero-mark{position:relative;height:300px;display:flex;align-items:center;justify-content:center}
.travel-page .orbit{border-radius:50%;border:1px solid #ffad6435;position:absolute;aspect-ratio:1}
.travel-page .orbit-a{width:250px}
.travel-page .orbit-b{width:335px}
.travel-page .pin{font-size:180px;color:#ff790b;text-shadow:0 20px 60px #ff790b55;line-height:1}
.travel-page .vehicle-icons{position:absolute;bottom:25px;font-size:34px;filter:drop-shadow(0 12px 17px #0008)}
.travel-page .search-card{position:relative;z-index:2;background:#fff;border:1px solid var(--border);border-radius:21px;padding:28px 32px;box-shadow:0 18px 50px #16293719;margin-top:-52px}
.travel-page .search-head,.travel-page .section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.travel-page .search-head h2,.travel-page .section-heading h2,.travel-page .faq h2{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.03em;margin:7px 0}
.travel-page .search-head p,.travel-page .section-heading p{color:var(--muted);margin:0}
.travel-page .text-link{color:var(--green);font-weight:750;font-size:13px}
.travel-page .trip-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.travel-page .trip-tabs>*{border:1px solid var(--border);border-radius:999px;padding:9px 16px;font-weight:700;font-size:13px}
.travel-page .trip-tabs .active{border-color:#ff790b;color:#d65d00;background:var(--mint)}
.travel-page .trip-tabs a:hover{border-color:var(--green);color:var(--green)}
.travel-page .form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.travel-page .travel-form label,.travel-page .details-form label{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.travel-page .travel-form input,.travel-page .travel-form select,.travel-page .details-form input{margin-top:7px;display:block;width:100%;min-width:0;border-radius:10px;border:1px solid #d1dce3;background:#f8fafb;padding:14px 12px;color:var(--dark);font-size:14px}
.travel-page .travel-form input:focus,.travel-page .travel-form select:focus,.travel-page .details-form input:focus{outline:2px solid #ffb66b;border-color:var(--green);background:#fff}
.travel-page .form-bottom{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-top:19px}
.travel-page .inline-field{min-width:185px}
.travel-page .inline-field input,.travel-page .inline-field select{margin-top:5px}
.travel-page .btn{border:0;border-radius:11px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 23px;cursor:pointer;font-weight:800}
.travel-page .btn.primary{background:var(--green);color:white}
.travel-page .btn.primary:hover{background:#df6300}
.travel-page .btn.outline{border:1px solid var(--green);color:var(--green);background:transparent}
.travel-page .fineprint{font-size:12px;color:var(--muted);margin:14px 0 0}
.travel-page .alert{border:1px solid #ffb7b7;background:#fff2f2;border-radius:12px;color:#9c2430;padding:13px 18px;margin-bottom:18px}
.travel-page .alert ul{margin:6px 0 0}
.travel-page .services,.travel-page .results,.travel-page .faq{padding-top:66px;padding-bottom:60px}
.travel-page .category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.travel-page .category-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #182c3809;background:#fff;transition:transform .2s,box-shadow .2s}
.travel-page .category-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #182c3816}
.travel-page .category-art{height:130px;background:radial-gradient(ellipse at 50% 140%,#ffe0c5,#fff4ea 70%);display:grid;place-items:center;font-size:66px}
.travel-page .category-body{padding:17px}
.travel-page .category-body h3{font-size:16px;margin:0 0 5px}
.travel-page .category-body p{font-size:13px;color:var(--muted);margin:0 0 14px}
.travel-page .category-body a{color:#d55b00;font-size:13px;font-weight:800;background:var(--mint);padding:8px 11px;border-radius:8px;display:inline-block}
.travel-page .how-band{background:var(--soft);padding:62px 0}
.travel-page .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.travel-page .steps article{background:#fff;border:1px solid var(--border);border-radius:16px;padding:21px}
.travel-page .steps article>span{font-weight:900;color:var(--green);font-size:25px}
.travel-page .steps h3{margin:9px 0 5px;font-size:17px}
.travel-page .steps p{margin:0;color:var(--muted);font-size:13px}
.travel-page .faq{display:grid;grid-template-columns:1fr 1.6fr;gap:40px}
.travel-page .faq-items details{padding:17px 0;border-bottom:1px solid var(--border)}
.travel-page .faq-items summary{font-weight:750;cursor:pointer}
.travel-page .faq-items p{color:var(--muted);margin:10px 0 0}
.travel-page .vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.travel-page .vehicle-option{cursor:pointer;position:relative}
.travel-page .vehicle-option>input{position:absolute;width:18px;height:18px;top:15px;right:16px;accent-color:var(--green)}
.travel-page .vehicle-content{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--border);border-radius:14px;min-height:215px}
.travel-page .vehicle-option input:checked+.vehicle-content{border:2px solid var(--green);padding:17px;background:#fff6ef}
.travel-page .vehicle-symbol{font-size:42px}
.travel-page .vehicle-content strong{font-size:16px}
.travel-page .vehicle-content small{color:var(--muted)}
.travel-page .choose{display:inline-block;color:var(--green);font-size:12px;font-weight:850;margin-top:7px}
.travel-page .details-form{border:1px solid var(--border);border-radius:17px;background:#fcfdfd;margin-top:26px;padding:24px}
.travel-page .details-title{display:flex;gap:13px;align-items:start;margin-bottom:20px}
.travel-page .details-title>span{background:var(--mint);color:var(--green);font-weight:900;padding:9px;border-radius:10px}
.travel-page .details-title h3{margin:0}
.travel-page .details-title p,.travel-page .details-footer p{font-size:13px;color:var(--muted);margin:5px 0}
.travel-page .details-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}
.travel-page .details-footer p{max-width:550px}
.travel-page .empty-state{text-align:center;padding:35px;border:1px dashed #f0bd98;border-radius:16px;background:#fffaf6}
.travel-page .empty-state>span{font-size:54px}
.travel-page .empty-state p{color:var(--muted)}
.travel-page .honeypot{position:absolute;left:-99999px}
.travel-page [hidden]{display:none!important}
@media(max-width:960px){.travel-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.travel-page .category-grid,.travel-page .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.travel-page .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.travel-page .hero-mark{height:250px}}
@media(max-width:720px){.travel-page .hero-layout{grid-template-columns:1fr;padding:42px 0 89px;min-height:0}
.travel-page .hero-mark{display:none}
.travel-page .hero h1{font-size:42px}
.travel-page .search-card{padding:22px 18px}
.travel-page .search-head{align-items:start;flex-direction:column}
.travel-page .faq{grid-template-columns:1fr;gap:15px}
.travel-page .details-footer{align-items:stretch;flex-direction:column}
.travel-page .details-footer .btn{width:100%}}
@media(max-width:510px){.travel-page .container{width:calc(100% - 24px)}
.travel-page .form-grid,.travel-page .category-grid,.travel-page .vehicle-grid,.travel-page .steps{grid-template-columns:1fr}
.travel-page .form-bottom,.travel-page .form-bottom .inline-field,.travel-page .form-bottom .btn{width:100%}
.travel-page .services,.travel-page .results,.travel-page .faq{padding-top:45px;padding-bottom:35px}
.travel-page .category-art{height:105px}
.travel-page .hero h1{font-size:36px}
.travel-page .hero-benefits{gap:9px}
.travel-page .trip-tabs{gap:6px}
.travel-page .trip-tabs>*{padding:8px 11px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.travel-page, .travel-page *,.travel-page *::before,.travel-page *::after{transition:none!important}}
.travel-page {display:block;min-height:60vh;background:#fff;color:#18283a;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;}
.travel-page h1,.travel-page h2,.travel-page h3{font-family:inherit;}
.travel-page .btn.primary{background:#059b79;color:#fff;border-color:#059b79;}
.travel-page .hero h1{font-size:clamp(37px,5.2vw,63px);line-height:1.08;}
@media(max-width:510px){.travel-page .hero h1{font-size:36px}}

/* TRUNKO global orange palette: scoped to Travel page only. */
.travel-page .btn.primary,.travel-page .trip-tabs .active{transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.travel-page .btn.primary:active{background:#c95500}
.travel-page .category-body a:hover{background:#ffe1c8;color:#a84600}
.travel-page .vehicle-option input:focus-visible+.vehicle-content{outline:3px solid #ffad64;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.travel-page .category-card,.travel-page .btn.primary{transition:none}}
