/* Komponen dasar memakai home.css dan paket-liburan.css; identitas dari /brand. */
.trip-intro{grid-template-columns:1.22fr .78fr}
.trip-intro h1{font-size:clamp(41px,4.4vw,57px)}
.proposal-shortcut{display:flex;flex-direction:column;align-items:start;gap:4px;font-size:12px;line-height:1.8;color:var(--md-muted);margin-top:20px}
.proposal-shortcut strong{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600;color:var(--md-text)}
.proposal-shortcut strong>span{color:var(--md-accent);font-size:21px}
.proposal-shortcut:hover strong{color:var(--md-accent)}
.trip-filters{grid-template-columns:1.05fr 1fr 1fr auto}
.trip-filters input[type=date]{width:100%;min-width:0;max-width:100%;appearance:none;-webkit-appearance:none;color:var(--md-text);font-size:14px}
.trip-filters select{color:var(--md-text)}
.date-filter-hint{margin-top:10px;font-size:11px;line-height:1.8;color:#8c9e91}
.trip-card .package-body h3{font-size:22px}
.trip-card .package-description{min-height:42px}
.trip-card .package-duration{margin-top:8px;font-size:11px;color:#94a798}
.trip-departure{display:flex;gap:9px;align-items:center;background:var(--md-bg);border:1px solid #34463a;border-radius:9px;padding:11px 12px;margin-top:17px}
.trip-departure>.icon{width:17px;height:17px;color:#e9976e}
.trip-departure small{display:block;font-size:10px;line-height:1.4;color:#8da28f;margin-bottom:3px}
.trip-departure strong{display:block;font-size:13px;line-height:1.4;font-weight:500;color:var(--md-text)}
.trip-card .package-bottom{margin-top:18px}
.empty-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.empty-actions .button{font-size:13px}
.trip-proposal{gap:90px}
.trip-proposal .consult-copy h2{font-size:37px;line-height:1.23}
.trip-proposal .form-heading h3{font-size:19px;line-height:1.4;max-width:330px}
.trip-proposal input[type=number],.interest-dialog input[type=number]{appearance:textfield;-moz-appearance:textfield}
.trip-proposal input[type=number]::-webkit-inner-spin-button,.trip-proposal input[type=number]::-webkit-outer-spin-button,.interest-dialog input[type=number]::-webkit-inner-spin-button,.interest-dialog input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.currency-input{position:relative}
.currency-input>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:13px;color:#93a698;pointer-events:none}
.currency-input>input{padding-left:37px}
.selected-trip{background:var(--md-surface);border:1px solid var(--md-border);border-radius:12px;padding:14px;margin-block:24px;display:flex;align-items:center;gap:14px}
.selected-trip img{width:67px;height:67px;object-fit:cover;border-radius:7px;flex:none}
.selected-trip h3{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.selected-trip p{font-size:12px;line-height:1.8;color:var(--md-muted);margin-top:3px}
.selected-trip strong{color:var(--md-text);font-weight:500}
.trip-dialog-kicker{color:#b1c0b1}
.trip-meeting{border-top:1px solid var(--md-border);padding-block:18px 2px;font-size:13px;color:var(--md-muted);line-height:1.85}
.trip-meeting strong{color:var(--md-text);font-weight:500}
.trip-detail-alternative{display:block;border:0;background:transparent;color:var(--md-muted);font-size:12px;text-align:center;margin:17px auto 0;padding:6px;min-height:36px}
.trip-detail-alternative:hover{color:var(--md-text)}
@media(max-width:1050px){
  .trip-intro{grid-template-columns:1.2fr .8fr;gap:30px}
  .trip-intro h1{font-size:50px}
  .trip-proposal{gap:50px}
  .trip-proposal .consult-copy h2{font-size:35px}
  .trip-proposal .form-heading h3{font-size:19px}
  .trip-card .package-body h3{font-size:20px}
  .trip-departure{padding:10px;gap:8px}
  .trip-departure strong{font-size:12px}
}
@media(max-width:820px){
  .trip-intro h1{font-size:41px}
  .trip-intro{gap:25px}
  .proposal-shortcut strong{font-size:13px;gap:17px}
  .proposal-shortcut{font-size:11px;margin-top:15px}
  .trip-filters{grid-template-columns:1fr 1fr 1fr}
  .trip-filters input[type=date]{font-size:13px}
  .trip-proposal{gap:30px}
  .trip-proposal .consult-copy h2{font-size:30px}
  .trip-proposal .form-heading h3{font-size:18px}
  .trip-card .package-body h3{font-size:22px}
  .trip-departure strong{font-size:13px}
}
@media(max-width:620px){
  .trip-intro{display:block}
  .trip-intro h1{font-size:clamp(36px,10.5vw,42px)}
  .proposal-shortcut{font-size:12px;margin-top:16px}
  .proposal-shortcut strong{font-size:14px;gap:23px}
  .trip-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:16px}
  .trip-filters .filter-field:nth-child(2){padding:0 12px 0 0}
  .trip-filters .filter-field:nth-child(3){padding:0 0 0 15px}
  .trip-filters input[type=date]{font-size:14px;min-height:29px}
  .date-filter-hint{font-size:11px;margin-top:10px;max-width:330px}
  .trip-card .package-body h3{font-size:25px}
  .trip-card .package-description{min-height:0}
  .trip-card .package-duration{font-size:12px;margin-top:9px}
  .trip-departure{padding:12px;gap:11px;margin-top:17px}
  .trip-departure>.icon{width:18px;height:18px}
  .trip-departure small{font-size:11px}
  .trip-departure strong{font-size:14px}
  .trip-proposal{gap:28px}
  .trip-proposal .consult-copy h2{font-size:35px}
  .trip-proposal .form-heading h3{font-size:19px;max-width:265px}
  .currency-input>span{font-size:14px}
  .empty-actions{gap:10px}
  .empty-actions .button{width:100%;font-size:13px;min-height:44px}
  .selected-trip{gap:12px;padding:12px}
  .selected-trip img{width:60px;height:60px}
  .selected-trip h3{font-size:17px}
  .selected-trip p{font-size:12px}
}
@media(max-width:365px){
  .trip-intro h1{font-size:clamp(32px,10vw,36px)}
  .trip-filters .filter-field:nth-child(3){padding-left:9px}
  .trip-filters .filter-field:nth-child(2){padding-right:9px}
  .trip-filters input[type=date]{font-size:12px}
  .trip-proposal .consult-copy h2{font-size:31px}
  .trip-proposal .form-heading h3{font-size:18px}
  .trip-card .package-body h3{font-size:23px}
  .trip-departure strong{font-size:13px}
}
