.preview-card{flex-direction:column;display:flex}.preview-body{flex-direction:column;flex:auto;display:flex}.preview-body .preview-btn{margin-top:auto}.page-beranda{--orange:#10b981;--orange-2:#34d399;--orange-glow:#10b9812e;--dark:#0d0d0d;--dark-2:#141414;--border:#ffffff12;--border-hover:#10b98166;--text-dim:#ffffff73;--text-mid:#ffffffa6;--white:#fff;--font-cond:"Barlow Condensed", sans-serif;--radius:6px}.page-beranda .pkg-card,.page-beranda .preview-card{background:var(--dark-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-beranda .pkg-footer{border-top:1px solid var(--border);gap:.75rem;margin-top:auto;padding:1rem 1.75rem 1.25rem;display:flex}.page-beranda .btn-outline{color:#ffffffd9;border:1px solid #ffffff1f;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.65rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.page-beranda .btn-outline:hover{color:var(--white);background:#ffffff08;border-color:#fff3}.page-beranda .btn-book{background:var(--orange);color:var(--white);letter-spacing:.06em;border-radius:6px;flex:1.2;justify-content:center;align-items:center;gap:8px;padding:.65rem 1rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.page-beranda .pkg-desc{color:var(--text-mid);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:.5rem 0 0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.page-beranda .pkg-small-price{margin-bottom:8px}.page-beranda .pkg-name{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.75rem;padding-right:0;font-size:1.55rem;font-weight:800;line-height:1.1}.page-beranda .pkg-card:before{content:"";background:linear-gradient(to right, var(--orange), var(--orange-2));opacity:0;height:3px;transition:opacity .3s;display:block}.page-beranda .pkg-card:hover:before,.page-beranda .pkg-card.bestseller:before{opacity:1}.page-beranda .pkg-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #00000080,0 0 0 1px #10b98126}.page-beranda .pkg-card.bestseller{border-color:#10b98140}.page-beranda .bestseller-badge{background:var(--orange);color:var(--white);letter-spacing:.12em;text-transform:uppercase;z-index:2;border-radius:100px;padding:.3rem .7rem;font-size:.62rem;font-weight:800;position:absolute;top:1.1rem;right:1.1rem}.page-beranda .pkg-thumb{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-bottom:1px solid var(--border);width:100%;height:300px;transition:transform .5s;display:block}.page-beranda .pkg-card:hover .pkg-thumb{transform:scale(1.04)}.page-beranda .pkg-thumb-wrap{flex-shrink:0;overflow:hidden}.page-beranda .pkg-header{padding:1.75rem 1.75rem 1.25rem}.page-beranda .pkg-card-anim{opacity:0;will-change:opacity, transform;transition:opacity .5s,transform .5s;transform:translateY(32px)}.page-beranda .pkg-card-anim.is-visible{opacity:1;transform:translateY(0)}.page-beranda .pkg-card-anim:hover{transition:transform .3s ease-out,box-shadow .3s ease-out;transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.page-beranda .pkg-body{flex-direction:column;flex:1;gap:1.1rem;padding:0 1.75rem 1.25rem;display:flex}@media (max-width:640px){.page-beranda .packages-preview-grid.extras-preview-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.page-beranda .packages-preview-grid.extras-preview-grid .pkg-card{border-radius:6px;width:100%;max-width:none}.page-beranda .packages-preview-grid:not(.extras-preview-grid) .pkg-thumb{-o-object-fit:cover;object-fit:cover;height:220px!important}.page-beranda .packages-preview-grid.extras-preview-grid .pkg-thumb{-o-object-fit:cover;object-fit:cover;height:140px!important}}
