.search-drawer{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px)}
.search-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.detail-content{min-width:0}
.price-table-wrap{max-width:100%}
.nav-dropdown>a{gap:8px}
.nav-dropdown>a>img{width:18px;height:18px}
.btn>img{flex:0 0 auto}
.btn-primary>img,.btn-ghost-light>img{filter:brightness(0) invert(1)}
.package-location span,.detail-rating span{display:inline-flex;align-items:center;gap:4px}
.package-whatsapp{min-height:44px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#126b42;font-size:var(--font-size-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md)}
.package-whatsapp:hover{background:#eef9f3}
.category-grid a>span img{filter:brightness(0) invert(1);opacity:.9}
.stars{display:flex;align-items:center;gap:3px;letter-spacing:0}
.stars img{filter:sepia(1) saturate(7) hue-rotate(358deg) brightness(.9)}
.detail-rating img{filter:sepia(1) saturate(7) hue-rotate(358deg) brightness(.9)}
.accordion-item button b{display:grid;place-items:center}
.success-icon img{filter:sepia(1) saturate(4) hue-rotate(95deg) brightness(.72)}
.social-row a{width:44px;height:44px}
.social-row img{filter:brightness(0) invert(1)}
.newsletter button{display:grid;place-items:center}
.whatsapp-float{right:24px;bottom:24px;width:52px;height:52px;max-width:52px;padding:0;justify-content:center;overflow:hidden}
.whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.mobile-filter-row,.filter-sheet-head{display:none}

@media(max-width:560px){
  .container{width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .sticky-booking-mobile{padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .whatsapp-float{right:18px;bottom:18px;width:48px;height:48px;max-width:48px}
  .page-package-detail .whatsapp-float{bottom:84px}
  body.filter-open{overflow:hidden}
  .mobile-filter-row{display:flex;justify-content:flex-end}
  .mobile-filter-toggle{min-height:44px}
  .filter-sheet-overlay:not([hidden]){display:block;position:fixed;z-index:1030;inset:0;background:rgba(14,26,33,.5);backdrop-filter:blur(2px)}
  #package-filter.filter-bar{position:fixed;z-index:1040;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr;gap:16px;padding:20px max(16px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#fff;border:0;border-radius:20px 20px 0 0;box-shadow:0 -18px 50px rgba(12,32,42,.18);transform:translateY(105%);visibility:hidden;transition:transform 280ms cubic-bezier(.22,1,.36,1),visibility 280ms}
  #package-filter.filter-bar.open{transform:none;visibility:visible}
  .filter-sheet-head{display:flex;align-items:center;justify-content:space-between}
  .filter-sheet-head strong{font-size:var(--font-size-xl);color:var(--color-heading)}
  .filter-close{background:var(--color-surface-soft)}
}
@media(min-width:391px) and (max-width:560px){
  .container{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  #package-filter.filter-bar{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
}