/* Katalog perjalanan: foto editorial, harga ringkas, target sentuh tetap besar. */
#paket{background:radial-gradient(ellipse at 100% 10%,#eaf0dd66,transparent 50%)}
#paket .section-head{align-items:center}#paket .section-head h2{max-width:480px}
#paket .filters{padding:5px;border:1px solid #dee4d5;background:#fff;border-radius:14px;gap:3px}
#paket .filters button{border:0;border-radius:10px;min-height:40px;padding:10px 15px;font-weight:600;font-size:11px}
#paket .filters button.active{box-shadow:0 3px 8px #164d3c24}
:is(#trips,#cars){gap:22px;align-items:stretch}
:is(#trips,#cars) .travel-card{border:1px solid #e1e6d9;border-radius:18px;box-shadow:0 4px 18px #233d2910;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
:is(#trips,#cars) .card-photo{height:180px;margin:7px 7px 0;border-radius:12px;isolation:isolate}
:is(#trips,#cars) .card-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#082c2bbd,transparent 65%);z-index:0;pointer-events:none}
:is(#trips,#cars) .card-photo img{height:100%;object-fit:cover}
:is(#trips,#cars) .badge{left:11px;top:11px;background:#fffffff2;border:1px solid #fff9;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;color:#174c3b;z-index:1;box-shadow:0 2px 10px #0001}
:is(#trips,#cars) .badge span{font-weight:400;color:#58645a}
.photo-caption{position:absolute;z-index:1;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:white}
.photo-caption>span{font-size:9px;letter-spacing:2px;font-weight:600}.photo-caption b{font-size:10px;font-weight:500;border:1px solid #ffffff70;border-radius:20px;padding:5px 9px;background:#ffffff15}
:is(#trips,#cars) .card-body{padding:17px;display:flex;flex-direction:column;flex:1}
:is(#trips,#cars) .card h3{font-size:18px;letter-spacing:-.6px;line-height:1.4;margin:0 0 6px}
:is(#trips,#cars) .card-body>p:not(.package-price-note){font-size:11px;color:#778176;line-height:1.5;margin-bottom:9px}
:is(#trips,#cars) .card-review{font-size:10px;color:#617366;min-height:16px;margin:0 0 13px}
:is(#trips,#cars) .package-prices{border-top:0;padding:0;gap:0;background:#f3f6ed;border:1px solid #e5eadc;border-radius:11px;overflow:hidden;margin-top:auto}
:is(#trips,#cars) .package-price{background:transparent;border:0;border-radius:0;padding:11px 9px;gap:5px}
:is(#trips,#cars) .solo-price{border-right:1px solid #dfe7d3}
:is(#trips,#cars) .group-price{background:#e9efde}
:is(#trips,#cars) .package-price small{font-size:8px;font-weight:700;letter-spacing:.25px;color:#58704a}
:is(#trips,#cars) .package-price strong{font-size:17px;color:#164d3c;font-weight:800;line-height:1.4;letter-spacing:-.7px}
:is(#trips,#cars) .package-price em{display:block;font-size:9px;line-height:1.1;letter-spacing:0;color:#64725a}
:is(#trips,#cars) .package-price span{font-size:9px;line-height:1.5;color:#6b765f}
:is(#trips,#cars) .package-price-note{font-size:9px;color:#7c8476;line-height:1.5;margin:9px 0 13px}
:is(#trips,#cars) .package-book-button{border-radius:9px;min-height:46px;background:#174f3c;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;font-size:12px;box-shadow:0 3px 6px #174f3c15}
:is(#trips,#cars) .package-book-button>span{font-size:19px;font-weight:400;line-height:1}
:is(#trips,#cars) .package-review-link{border-radius:9px;background:white;border:1px solid #dce5d1;font-size:11px;color:#5c7254;min-height:44px;margin-top:7px;padding:10px}
@media(hover:hover){:is(#trips,#cars) .travel-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #233d291c}:is(#trips,#cars) .package-review-link:hover{background:#f2f6eb}}
@media(max-width:800px){#paket .filters{width:fit-content;max-width:100%}#paket .filters button{padding:10px 12px}:is(#trips,#cars){gap:18px}:is(#trips,#cars) .card-photo{height:165px}:is(#trips,#cars) .card-body{padding:15px 17px}:is(#trips,#cars) .package-price strong{font-size:20px}:is(#trips,#cars) .package-price em{display:inline;font-size:9px}:is(#trips,#cars) .package-price{padding:10px}:is(#trips,#cars) .card h3{font-size:19px}}
@media(max-width:370px){:is(#trips,#cars) .package-price strong{font-size:16px}:is(#trips,#cars) .package-price em{display:block}#paket .filters button{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){:is(#trips,#cars) .travel-card,:is(#trips,#cars) .card-photo img{transition:none}:is(#trips,#cars) .travel-card:hover{transform:none}}

#cars .card-photo{height:185px;background:#def1ee}#cars .card-photo img{object-fit:cover;object-position:center 55%}#cars .card-body>p{font-size:11px;margin:0 0 10px;color:#778176}#cars .card-photo .badge{font-size:9px}.rental-price{display:grid;gap:5px;border:1px solid #e1e8d6;background:#edf3e4;padding:12px;border-radius:10px}.rental-price small{font-size:9px;color:#647954}.rental-price strong{font-size:23px;color:#164d3c}.rental-price span{font-size:10px;color:#64705e}#cars .rental-price{margin-top:auto}.rental-detail-photos{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.rental-detail-photos img{max-width:100%;max-height:480px;object-fit:contain;border-radius:10px}#rentalDetail{max-width:760px}#rentalDetail p{font-size:13px}#cars .empty-catalog{grid-column:1/-1}