.abi-tp-wrap{display:block;box-sizing:border-box;width:min(1200px,calc(100vw - 32px));max-width:none;margin:0 0 2em calc(50% - min(600px,50vw - 16px));padding:0;clear:both;float:none}
.abi-tp-wrap.is-contained{width:100%;max-width:100%;margin:0 0 2em 0}
.abi-tp,.abi-tpm{--abi-b1:#0047BB;--abi-b2:#0773E6;--abi-b3:#00AAFF;--abi-o1:#FFC800;--abi-o2:#FFA010;--abi-o3:#FF6B1A;--abi-ink:#0B2A66;--abi-mute:#5B6F94;--abi-line:#C9DBF5;--abi-chip:#EAF2FE}
.abi-tp{display:block;width:100%;min-width:0;font-family:inherit;font-size:16px;line-height:1.4;color:var(--abi-ink);text-align:left}
.abi-tp *,.abi-tp *::before,.abi-tp *::after{box-sizing:border-box}

/* header */
.abi-tp .abi-tp__head{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 26px;text-align:center}
.abi-tp .abi-tp__ttl{margin:0;padding:0;font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--abi-ink)}
.abi-tp .abi-tp__sub{margin:0;max-width:640px;font-size:15px;line-height:1.55;color:var(--abi-mute)}
.abi-tp .abi-tp__sr{position:relative;width:100%;margin-top:6px}
.abi-tp .abi-tp__sic{position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:var(--abi-mute);stroke-width:2;stroke-linecap:round;pointer-events:none}
.abi-tp input.abi-tp__si{display:block;width:100%;min-height:48px;margin:0;padding:12px 20px 12px 46px;border:1.5px solid var(--abi-line);border-radius:99px;background:#fff;box-shadow:none;font-family:inherit;font-size:15px;line-height:1.3;color:var(--abi-ink);-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.abi-tp input.abi-tp__si:focus{outline:0;border-color:var(--abi-b2);box-shadow:0 0 0 4px rgba(7,115,230,.15)}
.abi-tp input.abi-tp__si::placeholder{color:#8EA0C2}
.abi-tp .abi-tp__fl{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}
.abi-tp .abi-tp__fl[hidden]{display:none}
.abi-tp button.abi-tp__fb{margin:0;padding:9px 18px;border:1.5px solid var(--abi-line)!important;border-radius:99px!important;background:#fff!important;color:var(--abi-ink)!important;font-family:inherit;font-size:13px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none;transition:background .2s,color .2s,border-color .2s}
.abi-tp button.abi-tp__fb:hover{border-color:var(--abi-b2)!important}
.abi-tp button.abi-tp__fb.is-on{background:var(--abi-b2)!important;border-color:var(--abi-b2)!important;color:#fff!important}
.abi-tp .abi-tp__fl2{padding:10px 12px;border-radius:16px;background:var(--abi-chip)}
.abi-tp button.abi-tp__fc{margin:0;padding:8px 16px;border:1.5px solid transparent!important;border-radius:99px!important;background:#fff!important;color:#0647A8!important;font-family:inherit;font-size:13px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none;transition:background .2s,color .2s}
.abi-tp button.abi-tp__fc[hidden]{display:none}
.abi-tp button.abi-tp__fc:hover{border-color:#FF6B1A!important}
.abi-tp button.abi-tp__fc.is-on{background:#FF6B1A!important;color:#fff!important}

/* grid masonry */
.abi-tp .abi-tp__grid{column-count:4;column-gap:18px;width:100%}
.abi-tp[data-cols="1"] .abi-tp__grid{column-count:1}
.abi-tp[data-cols="2"] .abi-tp__grid{column-count:2}
.abi-tp[data-cols="3"] .abi-tp__grid{column-count:3}
.abi-tp[data-cols="5"] .abi-tp__grid{column-count:5}
.abi-tp .abi-tp__card{display:block;position:relative;width:100%;margin:0 0 18px;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;overflow:hidden;background:#fff;border:1px solid #DCE8F9;border-radius:20px;color:var(--abi-ink);cursor:pointer;box-shadow:0 14px 26px -18px rgba(7,71,187,.5);transition:transform .3s ease,box-shadow .3s ease}
.abi-tp .abi-tp__card:hover{transform:translateY(-3px);box-shadow:0 22px 32px -18px rgba(7,71,187,.55)}
.abi-tp .abi-tp__card[hidden]{display:none}
.abi-tp .abi-tp__ph{position:relative;width:100%;overflow:hidden;background:linear-gradient(140deg,var(--abi-b1),var(--abi-b2) 60%,var(--abi-b3))}
.abi-tp .r0 .abi-tp__ph{aspect-ratio:4/5}
.abi-tp .r1 .abi-tp__ph{aspect-ratio:1/1}
.abi-tp .r2 .abi-tp__ph{aspect-ratio:5/6}
.abi-tp .r3 .abi-tp__ph{aspect-ratio:4/3}
.abi-tp .r4 .abi-tp__ph{aspect-ratio:3/4}
.abi-tp .abi-tp__ph img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;object-fit:cover;transition:transform .6s ease}
.abi-tp .abi-tp__card:hover .abi-tp__ph img{transform:scale(1.05)}
.abi-tp .abi-tp__cat{position:absolute;top:12px;left:12px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.95);font-size:11px;font-weight:800;line-height:1.2;color:var(--abi-b1)}
.abi-tp .abi-tp__dur{position:absolute;left:12px;bottom:12px;padding:5px 11px;border-radius:99px;background:rgba(6,30,80,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:700;line-height:1.2;color:#fff}
.abi-tp .abi-tp__bd{padding:14px 16px 16px}
.abi-tp .abi-tp__nm{margin:0 0 6px;padding:0;font-size:clamp(16px,1.5vw,19px);font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--abi-ink)}
.abi-tp .abi-tp__loc{display:flex;gap:5px;align-items:flex-start;margin:0 0 8px;font-size:12px;line-height:1.4;color:var(--abi-mute)}
.abi-tp .abi-tp__loc svg{flex:none;width:14px;height:14px;margin-top:1px;fill:none;stroke:var(--abi-o3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abi-tp .abi-tp__rt{margin:0 0 8px;font-size:12px;color:var(--abi-mute)}
.abi-tp .abi-tp__rt b{padding:2px 7px;margin-right:4px;border-radius:6px;background:#E7F7EC;font-size:12px;font-weight:800;color:#16794A}
.abi-tp .abi-tp__tg{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
.abi-tp .abi-tp__tg span{padding:3px 9px;border-radius:99px;background:var(--abi-chip);font-size:11px;font-weight:700;color:#0647A8}
.abi-tp .abi-tp__pr{margin:0 0 12px}
.abi-tp .abi-tp__pr small{display:block;font-size:11px;color:var(--abi-mute)}
.abi-tp .abi-tp__pr b{font-size:19px;font-weight:800;letter-spacing:-.01em;color:#E8590C}
.abi-tp .abi-tp__pr b.is-ask{font-size:15px;color:var(--abi-ink)}
.abi-tp .abi-tp__pr s{margin-left:6px;font-size:12px;color:var(--abi-mute)}
.abi-tp .abi-tp__pr em{margin-left:3px;font-size:12px;font-style:normal;color:var(--abi-mute)}
.abi-tp .abi-tp__bt{display:flex;gap:8px}
.abi-tp a.abi-tp__b,.abi-tp a.abi-tp__b:visited{flex:1;display:inline-flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:11px 10px;border-radius:99px;font-family:inherit;font-size:13px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none!important;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
.abi-tp a.abi-tp__b.is-book{background:linear-gradient(135deg,#FFC800,#FFA010 60%,#FF8A1F);color:#06285F!important;box-shadow:0 8px 16px -8px rgba(255,107,26,.9)}
.abi-tp a.abi-tp__b.is-det{background:#fff;border:1.5px solid var(--abi-line);color:#0647A8!important}
.abi-tp a.abi-tp__b:hover,.abi-tp a.abi-tp__b:focus-visible{transform:translateY(-2px)}
.abi-tp a.abi-tp__b.is-det:hover{background:var(--abi-chip)}
.abi-tp .abi-tp__empty{margin:20px 0 0;padding:16px;border-radius:14px;background:var(--abi-chip);text-align:center;font-size:14px;color:var(--abi-mute)}
.abi-tp .abi-tp__empty[hidden]{display:none}
.abi-tp .abi-tp__more{display:flex;justify-content:center;margin-top:12px}
.abi-tp button.abi-tp__mb{display:inline-flex;align-items:center;margin:0;padding:12px 26px;border:0!important;border-radius:99px!important;background:var(--abi-chip)!important;color:#0647A8!important;font-family:inherit;font-size:14px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none;transition:background .2s,color .2s,transform .2s}
.abi-tp button.abi-tp__mb[hidden]{display:none}
.abi-tp button.abi-tp__mb:hover{background:#0773E6!important;color:#fff!important;transform:translateY(-2px)}
.abi-tp .abi-tp__foot{margin:16px 2px 0;text-align:center;font-size:12px;font-weight:600;color:var(--abi-mute)}
@media (max-width:980px){
 .abi-tp[data-cols] .abi-tp__grid{column-count:3}
 .abi-tp[data-cols="1"] .abi-tp__grid{column-count:1}
 .abi-tp[data-cols="2"] .abi-tp__grid{column-count:2}
}
@media (max-width:700px){
 .abi-tp[data-cols] .abi-tp__grid{column-count:2;column-gap:12px}
 .abi-tp[data-cols="1"] .abi-tp__grid{column-count:1}
 .abi-tp .abi-tp__card{margin-bottom:12px;border-radius:16px}
 .abi-tp .abi-tp__bd{padding:11px 12px 13px}
 .abi-tp .abi-tp__bt{flex-direction:column;gap:6px}
}
@media (max-width:420px){
 .abi-tp[data-cols] .abi-tp__grid{column-count:1}
}
@media(prefers-reduced-motion:reduce){.abi-tp *,.abi-tp *::before,.abi-tp *::after{animation:none!important;transition-duration:.01ms!important}}

/* =====================================================
   POPUP DETAIL (.abi-tpm, dipasang di <body>)
   ===================================================== */
.abi-tpm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;font-family:inherit;font-size:16px;line-height:1.4;color:var(--abi-ink);text-align:left}
.abi-tpm.is-open{display:flex}
.abi-tpm *,.abi-tpm *::before,.abi-tpm *::after{box-sizing:border-box}
.abi-tpm .abi-tpm__ov{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(6,30,80,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.abi-tpm .abi-tpm__box{position:relative;display:flex;flex-direction:column;width:100%;max-width:1200px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:#fff;border-radius:22px;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 30px 80px -20px rgba(0,20,70,.65);animation:abiTpmIn .28s ease both}
@keyframes abiTpmIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.abi-tpm .abi-tpm__top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 14px 0 22px;background:#fff;border-bottom:1px solid #E3ECFA}
.abi-tpm .abi-tpm__tk{min-width:0;font-size:15px;font-weight:800;color:var(--abi-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abi-tpm button.abi-tpm__x{flex:none;display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:0!important;border-radius:50%!important;background:var(--abi-chip)!important;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__x:hover{background:#D5E6FC!important}
.abi-tpm .abi-tpm__x svg{width:17px;height:17px;fill:none;stroke:var(--abi-ink);stroke-width:2.4;stroke-linecap:round}
.abi-tpm .abi-tpm__sc{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}

.abi-tpm .abi-tpm__bd{display:grid;grid-template-columns:120px minmax(0,1fr) 350px;gap:26px;padding:22px 24px 34px;align-items:start}
.abi-tpm .abi-tpm__main{min-width:0}
.abi-tpm .abi-tpm__nav{position:sticky;top:14px;display:flex;flex-direction:column;gap:2px;border-left:2px solid #E3ECFA}
.abi-tpm button.abi-tpm__nb{display:block;width:100%;margin:0 0 0 -2px;padding:7px 12px;border:0!important;border-left:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--abi-mute)!important;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__nb:hover{color:var(--abi-ink)!important}
.abi-tpm button.abi-tpm__nb.is-on{color:#E8590C!important;border-left-color:#FF6B1A!important;font-weight:800}

.abi-tpm .abi-tpm__warn{position:relative;display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px 40px 12px 14px;border-radius:12px;background:#FFF7E0;border:1px solid #F6DFA0;font-size:13px;line-height:1.55;color:#6B4A00}
.abi-tpm .abi-tpm__warn svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:#B77100;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abi-tpm .abi-tpm__warn b{display:block;margin:0 0 2px;color:#8A5200}
.abi-tpm button.abi-tpm__wx{position:absolute;top:8px;right:8px;width:26px;height:26px;margin:0;padding:0;border:0!important;border-radius:50%!important;background:transparent!important;color:#8A5200!important;font-family:inherit;font-size:20px;line-height:1;cursor:pointer;box-shadow:none!important}
.abi-tpm .abi-tpm__warn.is-gone{display:none}

/* pilih destinasi (kategori > negara > paket) */
.abi-tpm .abi-tpm__chs{margin:0 0 16px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#F2F7FF,#fff);border:1px solid #D9E7FA}
.abi-tpm .abi-tpm__chh{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 10px}
.abi-tpm .abi-tpm__chh>b{flex:1 1 100%;font-size:15px;font-weight:800;color:var(--abi-ink)}
.abi-tpm .abi-tpm__chh label{flex:1 1 150px;min-width:0;font-size:11px;font-weight:700;color:var(--abi-mute)}
.abi-tpm .abi-tpm__chh select{display:block;width:100%;max-width:100%;min-height:42px;margin:4px 0 0;padding:8px 10px;border:1.5px solid var(--abi-line);border-radius:10px;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--abi-ink)}
.abi-tpm .abi-tpm__chn{margin:0 0 8px;font-size:12px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__chl{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.abi-tpm button.abi-tpm__pc{flex:0 0 190px;scroll-snap-align:start;display:block;margin:0;padding:0;text-align:left;border:1.5px solid #E1EAF7!important;border-radius:14px!important;background:#fff!important;color:var(--abi-ink)!important;font-family:inherit;cursor:pointer;overflow:hidden;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__pc:hover{border-color:#FF6B1A!important}
.abi-tpm button.abi-tpm__pc.is-on{border-color:#FF6B1A!important;background:#FFF8F2!important}
.abi-tpm .abi-tpm__pci{display:block;position:relative;height:96px;background:linear-gradient(135deg,var(--abi-b1),var(--abi-b3));overflow:hidden}
.abi-tpm .abi-tpm__pci img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;max-width:none;margin:0}
.abi-tpm .abi-tpm__pcb{display:block;padding:10px 12px 12px}
.abi-tpm .abi-tpm__pcb b{display:block;margin:0 0 3px;font-size:13px;font-weight:800;line-height:1.3}
.abi-tpm .abi-tpm__pcb small{display:block;margin:0 0 5px;font-size:11px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__pcb em{display:block;font-style:normal;font-size:13px;font-weight:800;color:#E8590C}
.abi-tpm .abi-tpm__pcb i{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:99px;background:#E7F7EC;font-size:10px;font-style:normal;font-weight:800;color:#16794A}

/* galeri */
.abi-tpm .abi-tpm__gal{position:relative;display:grid;gap:6px;border-radius:16px;overflow:hidden;background:linear-gradient(125deg,var(--abi-b1),var(--abi-b2) 60%,var(--abi-b3));height:300px}
.abi-tpm .abi-tpm__gal.g1{grid-template-columns:1fr}
.abi-tpm .abi-tpm__gal.g2{grid-template-columns:1fr 1fr}
.abi-tpm .abi-tpm__gal.g3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.abi-tpm .abi-tpm__gal.g4{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}
.abi-tpm .abi-tpm__gal.g0{display:flex;align-items:flex-end;height:200px}
.abi-tpm .abi-tpm__gal.g3 .abi-tpm__gi:first-child,.abi-tpm .abi-tpm__gal.g4 .abi-tpm__gi:first-child{grid-row:1/3}
.abi-tpm button.abi-tpm__gi{display:block;position:relative;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0!important;border-radius:0!important;background:#D5E6FC!important;cursor:pointer;overflow:hidden;box-shadow:none!important}
.abi-tpm button.abi-tpm__gi img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform .5s ease}
.abi-tpm button.abi-tpm__gi:hover img{transform:scale(1.04)}
.abi-tpm button.abi-tpm__ga{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;margin:0;padding:8px 14px;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.95)!important;color:var(--abi-ink)!important;font-family:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 8px 18px -8px rgba(0,20,70,.6)!important}
.abi-tpm button.abi-tpm__ga svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* lightbox */
.abi-tpm .abi-tpm__lb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:none;align-items:center;justify-content:center;background:rgba(3,12,36,.94)}
.abi-tpm .abi-tpm__lb.is-on{display:flex}
.abi-tpm .abi-tpm__lb img{max-width:min(1000px,92vw);max-height:80vh;max-height:80dvh;object-fit:contain;border-radius:10px}
.abi-tpm .abi-tpm__lb button{position:absolute;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-family:inherit;font-size:26px;line-height:1;cursor:pointer;box-shadow:none!important}
.abi-tpm .abi-tpm__lb button:hover{background:rgba(255,255,255,.3)!important}
.abi-tpm .abi-tpm__lb .lx{top:16px;right:16px}
.abi-tpm .abi-tpm__lb .lp{left:16px;top:50%;margin-top:-22px}
.abi-tpm .abi-tpm__lb .ln{right:16px;top:50%;margin-top:-22px}
.abi-tpm .abi-tpm__lc{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:13px;font-weight:700;color:#fff}

/* judul */
.abi-tpm .abi-tpm__ttl{margin:18px 0 8px;padding:0;font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--abi-ink)}
.abi-tpm .abi-tpm__mt{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 12px;font-size:13px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__mt span{display:inline-flex;gap:6px;align-items:flex-start}
.abi-tpm .abi-tpm__mt svg{flex:none;width:16px;height:16px;margin-top:1px;fill:none;stroke:var(--abi-mute);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abi-tpm .abi-tpm__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
.abi-tpm .abi-tpm__chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:#F3F6FB;border:1px solid #E1EAF7;font-size:12px;font-weight:600;line-height:1.2;color:var(--abi-ink)}
.abi-tpm .abi-tpm__chip svg{width:12px;height:12px;fill:none;stroke:#E8590C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* seksi */
.abi-tpm .abi-tpm__s{margin:30px 0 0;padding:0}
.abi-tpm .abi-tpm__s:first-of-type{margin-top:0}
.abi-tpm .abi-tpm__sh2{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.abi-tpm .abi-tpm__h{margin:0;padding:0;font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--abi-ink)}
.abi-tpm .abi-tpm__hs{margin:-6px 0 12px;font-size:13px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__h3{margin:0 0 8px;font-size:14px;font-weight:800;color:var(--abi-ink)}
.abi-tpm .abi-tpm__p{margin:0 0 10px;font-size:14px;line-height:1.7;color:#2B4170}
.abi-tpm h4.abi-tpm__h4{margin:16px 0 6px;font-size:13px;font-weight:800;text-transform:none;letter-spacing:0;color:var(--abi-ink)}
.abi-tpm .abi-tpm__ab{position:relative}
.abi-tpm .abi-tpm__ab.is-c{max-height:250px;overflow:hidden}
.abi-tpm .abi-tpm__ab.is-c::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
button.abi-tpm__mr,.abi-tpm button.abi-tpm__mr{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:12px 0 0;padding:10px;border:1px solid var(--abi-line)!important;border-radius:10px!important;background:#fff!important;color:var(--abi-ink)!important;font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__mr:hover{background:var(--abi-chip)!important}
.abi-tpm .abi-tpm__mr svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.abi-tpm button.abi-tpm__mr.is-open svg{transform:rotate(180deg)}

/* highlight + rating */
.abi-tpm .abi-tpm__duo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin:14px 0 0}
.abi-tpm .abi-tpm__bx{padding:14px 16px;border-radius:14px;background:#F6F9FE;border:1px solid #E1EAF7}
.abi-tpm .abi-tpm__li{display:flex;gap:9px;align-items:flex-start;margin:0 0 8px;font-size:13px;line-height:1.5;color:#2B4170}
.abi-tpm .abi-tpm__li:last-child{margin-bottom:0}
.abi-tpm .abi-tpm__ck{flex:none;width:17px;height:17px;margin-top:1px;padding:2px;border-radius:50%;background:#FF6B1A;fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.abi-tpm .abi-tpm__ck.is-no{background:#E5484D}
.abi-tpm .abi-tpm__ck.is-ok{background:#16A36A}
.abi-tpm .abi-tpm__bl{flex:none;width:6px;height:6px;margin:8px 5px 0;border-radius:50%;background:var(--abi-mute)}
.abi-tpm .abi-tpm__rt{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#E7F7EC,#F4FBF6);border-color:#CBEBD6}
.abi-tpm .abi-tpm__rt .big{font-size:34px;font-weight:800;line-height:1;color:#16794A}
.abi-tpm .abi-tpm__rt .big small{font-size:14px;font-weight:700}
.abi-tpm .abi-tpm__rt span{margin-top:6px;font-size:12px;color:var(--abi-mute)}

/* itinerary per hari */
.abi-tpm ol.abi-tpm__tl{list-style:none;margin:0;padding:0}
.abi-tpm ol.abi-tpm__tl.is-c .abi-tpm__ts:nth-child(n+4){display:none}
.abi-tpm .abi-tpm__ts{position:relative;margin:0;padding:0 0 22px 28px;list-style:none}
.abi-tpm .abi-tpm__ts:last-child{padding-bottom:0}
.abi-tpm .abi-tpm__ts::before{content:"";position:absolute;left:5px;top:16px;bottom:-2px;border-left:2px solid #E3ECFA}
.abi-tpm .abi-tpm__ts:last-child::before{display:none}
.abi-tpm ol.abi-tpm__tl.is-c .abi-tpm__ts:nth-child(3)::before{display:none}
.abi-tpm .abi-tpm__dot{position:absolute;left:0;top:3px;width:12px;height:12px;border-radius:50%;background:#FF6B1A;box-shadow:0 0 0 4px #FFE3D1}
.abi-tpm .abi-tpm__tw{display:inline-block;margin:0 0 8px;padding:4px 11px;border-radius:99px;background:#0773E6;font-size:12px;font-weight:800;line-height:1.3;color:#fff}
.abi-tpm .abi-tpm__tbd{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.abi-tpm .abi-tpm__tbd.has-i{grid-template-columns:minmax(0,1fr) 190px}
.abi-tpm .abi-tpm__tcd b{display:block;margin:0 0 4px;font-size:14px;font-weight:800;line-height:1.35;color:var(--abi-ink)}
.abi-tpm .abi-tpm__tcd span.d{display:block;font-size:13px;line-height:1.6;color:var(--abi-mute)}
.abi-tpm .abi-tpm__ht{display:block;margin-top:6px;font-size:12px;font-style:normal;font-weight:700;color:#0647A8}
.abi-tpm .abi-tpm__mls{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.abi-tpm .abi-tpm__ml{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:#F3F6FB;border:1px solid #E1EAF7;font-size:11px;font-weight:700;line-height:1.2;color:var(--abi-mute)}
.abi-tpm .abi-tpm__ml svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abi-tpm .abi-tpm__tim{position:relative;height:130px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--abi-b1),var(--abi-b3))}
.abi-tpm .abi-tpm__tim img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover}

/* tiket */
.abi-tpm .abi-tpm__ds{display:flex;gap:8px;align-items:stretch;overflow-x:auto;padding:2px 2px 10px;margin:0 0 6px;-webkit-overflow-scrolling:touch}
.abi-tpm button.abi-tpm__dc{flex:none;min-width:62px;margin:0;padding:8px 10px;border:1.5px solid var(--abi-line)!important;border-radius:12px!important;background:#fff!important;color:var(--abi-ink)!important;font-family:inherit;text-align:center;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__dc small{display:block;font-size:11px;font-weight:600;color:var(--abi-mute)}
.abi-tpm button.abi-tpm__dc b{display:block;margin-top:2px;font-size:13px;font-weight:800;white-space:nowrap}
.abi-tpm button.abi-tpm__dc:hover{border-color:var(--abi-b2)!important}
.abi-tpm button.abi-tpm__dc.is-on{border-color:#FF6B1A!important;background:#FFF1E8!important}
.abi-tpm button.abi-tpm__dc.is-on b{color:#C2410C}
.abi-tpm label.abi-tpm__cal{flex:none;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 10px;border:1.5px dashed var(--abi-line);border-radius:12px;font-size:11px;font-weight:700;color:var(--abi-mute)}
.abi-tpm label.abi-tpm__cal input{width:130px;min-height:0;margin:0;padding:2px 0;border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:700;color:var(--abi-ink)}
.abi-tpm .abi-tpm__tix{display:grid;gap:10px}
.abi-tpm .abi-tpm__tkc{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#fff;border:1.5px solid #E1EAF7;transition:border-color .2s,background .2s}
.abi-tpm .abi-tpm__tkc.is-on{border-color:#FF6B1A;background:#FFF8F2}
.abi-tpm .abi-tpm__tkl{min-width:0;flex:1}
.abi-tpm .abi-tpm__tkl>b{display:block;font-size:15px;font-weight:800;line-height:1.3;color:var(--abi-ink)}
.abi-tpm details.abi-tpm__dd{margin:4px 0 0}
.abi-tpm details.abi-tpm__dd summary{cursor:pointer;list-style:none;font-size:12px;font-weight:700;color:var(--abi-b2)}
.abi-tpm details.abi-tpm__dd summary::-webkit-details-marker{display:none}
.abi-tpm details.abi-tpm__dd p{margin:6px 0 0;font-size:12px;line-height:1.55;color:var(--abi-mute)}
.abi-tpm .abi-tpm__tkr{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.abi-tpm .abi-tpm__pv{font-size:18px;font-weight:800;line-height:1.1;color:#E8590C}
.abi-tpm .abi-tpm__pv.is-ask{font-size:14px;color:var(--abi-ink)}
.abi-tpm .abi-tpm__tkr s{display:block;font-size:12px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__tkr small{display:block;font-size:11px;color:var(--abi-mute)}
.abi-tpm button.abi-tpm__pick{margin:0;padding:10px 18px;border:0!important;border-radius:10px!important;background:#FF6B1A!important;color:#fff!important;font-family:inherit;font-size:13px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm .abi-tpm__tkc.is-on button.abi-tpm__pick{background:#E7F7EC!important;color:#16794A!important}
.abi-tpm .abi-tpm__none{padding:14px 16px;border-radius:14px;background:#F6F9FE;border:1px dashed var(--abi-line);font-size:13px;color:var(--abi-mute)}

/* jadwal keberangkatan */
.abi-tpm .abi-tpm__dpw{margin-top:16px}
.abi-tpm .abi-tpm__dps{display:grid;gap:8px}
.abi-tpm .abi-tpm__dr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;border:1.5px solid #E1EAF7;transition:border-color .2s,background .2s}
.abi-tpm .abi-tpm__dr.is-on{border-color:#FF6B1A;background:#FFF8F2}
.abi-tpm .abi-tpm__dr.is-x{opacity:.55}
.abi-tpm .abi-tpm__dr small{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--abi-mute)}
.abi-tpm .abi-tpm__dr b{display:block;margin-top:2px;font-size:13px;font-weight:800;color:var(--abi-ink)}
.abi-tpm .abi-tpm__dr b.pr{color:#E8590C}
.abi-tpm .abi-tpm__dr .act{display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right}
.abi-tpm .abi-tpm__dr .act em{font-style:normal;font-size:11px;font-weight:700;color:#C2410C}
.abi-tpm button.abi-tpm__dpk{margin:0;padding:8px 16px;border:0!important;border-radius:9px!important;background:#0773E6!important;color:#fff!important;font-family:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm .abi-tpm__dr.is-on button.abi-tpm__dpk{background:#E7F7EC!important;color:#16794A!important}
.abi-tpm button.abi-tpm__dpk:disabled{background:#D5DCE8!important;color:#8A97AE!important;cursor:not-allowed}

/* visa */
.abi-tpm .abi-tpm__vw{overflow-x:auto;border:1px solid #E1EAF7;border-radius:12px}
.abi-tpm table.abi-tpm__vt{width:100%;min-width:480px;margin:0;border-collapse:collapse;font-size:13px}
.abi-tpm table.abi-tpm__vt th{padding:10px 12px;background:#F3F6FB;text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--abi-mute);border:0}
.abi-tpm table.abi-tpm__vt td{padding:10px 12px;border:0;border-top:1px solid #E3ECFA;color:var(--abi-ink)}
.abi-tpm table.abi-tpm__vt td:last-child{font-weight:800;color:#E8590C;white-space:nowrap}

/* info penting */
.abi-tpm .abi-tpm__kn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.abi-tpm .abi-tpm__kn .abi-tpm__bx.wide{grid-column:1/-1}

/* add-on */
.abi-tpm .abi-tpm__hsc{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.abi-tpm .abi-tpm__hsc>*{flex:0 0 min(300px,82%);scroll-snap-align:start}
.abi-tpm .abi-tpm__ac{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:#fff;border:1.5px solid #E1EAF7;transition:border-color .2s,background .2s}
.abi-tpm .abi-tpm__ac.is-on{border-color:#FF6B1A;background:#FFF8F2}
.abi-tpm .abi-tpm__ac>b{font-size:14px;font-weight:800;color:var(--abi-ink)}
.abi-tpm .abi-tpm__ac p{flex:1;margin:0;font-size:12px;line-height:1.5;color:var(--abi-mute)}
.abi-tpm .abi-tpm__ab2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.abi-tpm .abi-tpm__ab2 span{font-size:13px;font-weight:800;color:var(--abi-ink)}
.abi-tpm button.abi-tpm__add{flex:none;margin:0;padding:8px 14px;border:0!important;border-radius:9px!important;background:#FF6B1A!important;color:#fff!important;font-family:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm .abi-tpm__ac.is-on button.abi-tpm__add{background:#E7F7EC!important;color:#16794A!important}

/* ulasan */
.abi-tpm .abi-tpm__rvl{display:grid;gap:10px}
.abi-tpm .abi-tpm__rvl.is-c .abi-tpm__rv:nth-child(n+5){display:none}
.abi-tpm .abi-tpm__rv{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #E1EAF7}
.abi-tpm .abi-tpm__rh{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.abi-tpm .abi-tpm__av{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0773E6;font-size:14px;font-weight:800;color:#fff}
.abi-tpm .abi-tpm__rh b{display:block;font-size:13px;font-weight:800;color:var(--abi-ink)}
.abi-tpm .abi-tpm__rh small{display:block;font-size:11px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__sc2{margin-left:auto;padding:3px 8px;border-radius:6px;background:#E7F7EC;font-size:12px;font-weight:800;color:#16794A;white-space:nowrap}
.abi-tpm .abi-tpm__rv p{margin:0;font-size:13px;line-height:1.6;color:#2B4170}

/* akordeon, tabel info */
.abi-tpm details.abi-tpm__dt{margin:0;border-bottom:1px solid #E3ECFA}
.abi-tpm details.abi-tpm__dt:last-child{border-bottom:0}
.abi-tpm details.abi-tpm__dt summary{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:600;line-height:1.35;color:var(--abi-ink)}
.abi-tpm details.abi-tpm__dt summary::-webkit-details-marker{display:none}
.abi-tpm details.abi-tpm__dt summary::after{content:"+";flex:none;font-size:20px;font-weight:500;line-height:1;color:var(--abi-mute)}
.abi-tpm details.abi-tpm__dt[open] summary::after{content:"−"}
.abi-tpm details.abi-tpm__dt p{margin:0 0 13px;font-size:13px;line-height:1.6;color:var(--abi-mute)}
.abi-tpm .abi-tpm__it{display:grid;gap:0}
.abi-tpm .abi-tpm__ir{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #E3ECFA;font-size:13px}
.abi-tpm .abi-tpm__ir:last-child{border-bottom:0}
.abi-tpm .abi-tpm__ir span{color:var(--abi-mute)}
.abi-tpm .abi-tpm__ir b{font-weight:600;color:var(--abi-ink)}
a.abi-tpm__map,.abi-tpm a.abi-tpm__map{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:8px 14px;border:1px solid var(--abi-line);border-radius:10px;background:#fff;font-size:12px;font-weight:800;text-decoration:none!important;color:#0647A8!important}
.abi-tpm a.abi-tpm__map:hover{background:var(--abi-chip)}

/* paket serupa */
.abi-tpm .abi-tpm__og{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.abi-tpm button.abi-tpm__oc{display:block;width:100%;margin:0;padding:14px;text-align:left;border:1.5px solid #E1EAF7!important;border-radius:14px!important;background:#fff!important;color:var(--abi-ink)!important;font-family:inherit;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__oc:hover{border-color:#FF6B1A!important}
.abi-tpm .abi-tpm__oc b{display:block;margin:0 0 4px;font-size:14px;font-weight:800;line-height:1.3}
.abi-tpm .abi-tpm__oc small{display:block;margin:0 0 6px;font-size:11px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__oc span{display:block;font-size:14px;font-weight:800;color:#E8590C}

/* panel checkout */
.abi-tpm .abi-tpm__side{position:sticky;top:14px;max-height:calc(100vh - 56px - 28px - 16px);max-height:calc(100dvh - 56px - 28px - 16px);overflow-y:auto;overflow-x:hidden;padding:16px;background:#fff;border:1px solid #E1EAF7;border-radius:16px;box-shadow:0 18px 34px -20px rgba(7,71,187,.45)}
.abi-tpm .abi-tpm__pa[hidden],.abi-tpm .abi-tpm__pb[hidden]{display:none!important}
.abi-tpm .abi-tpm__fr{margin:0 0 12px}
.abi-tpm .abi-tpm__fr small{display:block;font-size:12px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__fr b{font-size:22px;font-weight:800;letter-spacing:-.01em;color:#E8590C}
.abi-tpm .abi-tpm__fr b.is-ask{font-size:16px;color:var(--abi-ink)}
.abi-tpm .abi-tpm__fr s{margin-left:6px;font-size:13px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__gu{margin:0 0 12px;padding:8px 10px;border-radius:8px;background:#F3F6FB;font-size:11px;line-height:1.45;color:var(--abi-mute)}
.abi-tpm .abi-tpm__sh{margin:0 0 14px;font-size:16px;font-weight:800;line-height:1.2;color:var(--abi-ink)}
.abi-tpm .abi-tpm__f{margin:0 0 12px;min-width:0}
.abi-tpm .abi-tpm__f>label,.abi-tpm .abi-tpm__lb2{display:block;margin:0 0 6px;font-size:12px;font-weight:700;line-height:1.3;color:var(--abi-ink)}
.abi-tpm .abi-tpm__f label small{font-weight:500;color:var(--abi-mute)}
.abi-tpm .abi-tpm__f input[type=text],.abi-tpm .abi-tpm__f input[type=tel],.abi-tpm .abi-tpm__f input[type=email],.abi-tpm .abi-tpm__f input[type=date],.abi-tpm .abi-tpm__f select,.abi-tpm .abi-tpm__f textarea{display:block;width:100%;max-width:100%;min-height:44px;margin:0;padding:10px 12px;border:1.5px solid var(--abi-line);border-radius:11px;background:#fff;box-shadow:none;font-family:inherit;font-size:16px;line-height:1.35;color:var(--abi-ink)}
.abi-tpm .abi-tpm__f select{font-size:14px;text-overflow:ellipsis}
.abi-tpm .abi-tpm__f textarea{min-height:0;resize:vertical}
.abi-tpm .abi-tpm__f input:focus,.abi-tpm .abi-tpm__f select:focus,.abi-tpm .abi-tpm__f textarea:focus{outline:0;border-color:var(--abi-b2);box-shadow:0 0 0 4px rgba(7,115,230,.15)}
.abi-tpm .abi-tpm__hint{margin:5px 0 0;font-size:11px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__qty{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px;border:1.5px solid var(--abi-line);border-radius:11px}
.abi-tpm .abi-tpm__qty b{font-size:15px;font-weight:800;color:var(--abi-ink)}
.abi-tpm button.abi-tpm__qb{display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:0!important;border-radius:9px!important;background:var(--abi-chip)!important;color:#0647A8!important;font-family:inherit;font-size:20px;font-weight:700;line-height:1;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__qb:hover{background:#0773E6!important;color:#fff!important}
.abi-tpm label.abi-tpm__py{display:flex;gap:10px;align-items:flex-start;margin:0 0 8px;padding:10px 12px;border:1.5px solid var(--abi-line);border-radius:11px;cursor:pointer;font-size:13px;line-height:1.35;color:var(--abi-ink)}
.abi-tpm label.abi-tpm__py.is-on{border-color:#FF6B1A;background:#FFF8F2}
.abi-tpm label.abi-tpm__py input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#FF6B1A}
.abi-tpm .abi-tpm__py b{display:block;font-size:13px;font-weight:800}
.abi-tpm .abi-tpm__py span{display:block;margin-top:2px;font-size:12px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__inc{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#F3F6FB;font-size:12px;line-height:1.55;color:var(--abi-mute)}
.abi-tpm .abi-tpm__inc b{display:block;margin:0 0 3px;color:var(--abi-ink)}
.abi-tpm .abi-tpm__ch{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--abi-ink)}
.abi-tpm .abi-tpm__ch div{display:flex;justify-content:space-between;gap:10px}
.abi-tpm .abi-tpm__ch span{color:var(--abi-mute)}
.abi-tpm .abi-tpm__sub{margin:14px 0 12px;padding:12px 0 0;border-top:1px dashed #D4E0F3}
.abi-tpm .abi-tpm__sl{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:13px;font-weight:700;color:var(--abi-ink)}
.abi-tpm .abi-tpm__off{padding:3px 8px;border-radius:6px;background:#FFE3D1;font-size:11px;font-weight:800;color:#C2410C}
.abi-tpm .abi-tpm__tot{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#E8590C}
.abi-tpm .abi-tpm__tot.is-ask{font-size:16px}
.abi-tpm .abi-tpm__old{margin-left:6px;font-size:13px;font-weight:500;color:var(--abi-mute);text-decoration:line-through}
.abi-tpm .abi-tpm__per{margin-top:3px;font-size:12px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__dpl{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:13px;color:var(--abi-mute)}
.abi-tpm .abi-tpm__dpl b{color:var(--abi-ink)}
.abi-tpm button.abi-tpm__go{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:0;padding:14px 20px;border:0!important;border-radius:12px!important;background:#FF6B1A!important;color:#fff!important;font-family:inherit;font-size:15px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:0 10px 20px -10px rgba(255,107,26,.9)!important;-webkit-appearance:none;appearance:none;transition:transform .2s,background .2s}
.abi-tpm button.abi-tpm__go:hover{transform:translateY(-1px);background:#E8590C!important}
.abi-tpm .abi-tpm__go svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abi-tpm button.abi-tpm__co{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:8px 0 0;padding:12px 18px;border:1.5px solid #16A36A!important;border-radius:12px!important;background:#fff!important;color:#16794A!important;font-family:inherit;font-size:14px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__co:hover{background:#E7F7EC!important}
.abi-tpm .abi-tpm__co svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abi-tpm .abi-tpm__nt{margin:12px 0 0;font-size:11px;line-height:1.5;text-align:center;color:var(--abi-mute)}
.abi-tpm button.abi-tpm__bk{display:inline-flex;align-items:center;gap:4px;margin:0 0 10px;padding:6px 12px;border:0!important;border-radius:99px!important;background:var(--abi-chip)!important;color:#0647A8!important;font-family:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tpm button.abi-tpm__bk:hover{background:#0773E6!important;color:#fff!important}
.abi-tpm .abi-tpm__os{margin:0 0 14px;padding:12px;border-radius:12px;background:#F3F6FB;font-size:13px;line-height:1.55;color:var(--abi-ink)}
.abi-tpm .abi-tpm__os div{display:flex;justify-content:space-between;gap:10px}
.abi-tpm .abi-tpm__os span{color:var(--abi-mute)}
.abi-tpm .abi-tpm__os b{text-align:right}
.abi-tpm .abi-tpm__err{display:none;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#FFECEC;border-left:3px solid #E5484D;font-size:13px;color:#8A1F24}
.abi-tpm .abi-tpm__err.is-on{display:block}

/* bar harga mobile (di luar area scroll) */
.abi-tpm .abi-tpm__bar{display:none}

@media (max-width:1020px){
 .abi-tpm .abi-tpm__bd{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
 .abi-tpm .abi-tpm__nav{grid-column:1/-1;position:sticky;top:0;z-index:5;flex-direction:row;gap:4px;margin:-22px -24px 0;padding:10px 24px;border-left:0;border-bottom:1px solid #E3ECFA;background:#fff;overflow-x:auto;white-space:nowrap}
 .abi-tpm button.abi-tpm__nb{width:auto;margin:0;padding:7px 13px;border-left:0!important;border-radius:99px!important;background:#F3F6FB!important;flex:none}
 .abi-tpm button.abi-tpm__nb.is-on{background:#FFE3D1!important}
}
@media (max-width:860px){
 .abi-tpm .abi-tpm__bd{grid-template-columns:minmax(0,1fr);padding:18px 16px 24px}
 .abi-tpm .abi-tpm__nav{margin:-18px -16px 14px;padding:10px 16px}
 .abi-tpm .abi-tpm__side{position:static;max-height:none;overflow:visible;margin-top:30px}
 .abi-tpm .abi-tpm__gal{height:240px}
 .abi-tpm .abi-tpm__bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #E3ECFA;box-shadow:0 -10px 24px -16px rgba(0,20,70,.4)}
 .abi-tpm .abi-tpm__bar.is-hide{display:none}
 .abi-tpm .abi-tpm__bar small{display:block;font-size:11px;color:var(--abi-mute)}
 .abi-tpm .abi-tpm__bar b{display:block;font-size:17px;font-weight:800;line-height:1.2;color:#E8590C}
 .abi-tpm button.abi-tpm__bgo{flex:none;margin:0;padding:12px 22px;border:0!important;border-radius:11px!important;background:#FF6B1A!important;color:#fff!important;font-family:inherit;font-size:14px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none!important}
}
@media (max-width:700px){
 .abi-tpm .abi-tpm__gal.g2,.abi-tpm .abi-tpm__gal.g3,.abi-tpm .abi-tpm__gal.g4{grid-template-columns:1fr;grid-template-rows:1fr}
 .abi-tpm .abi-tpm__gal .abi-tpm__gi:nth-child(n+2){display:none}
 .abi-tpm .abi-tpm__gal.g3 .abi-tpm__gi:first-child,.abi-tpm .abi-tpm__gal.g4 .abi-tpm__gi:first-child{grid-row:auto}
 .abi-tpm .abi-tpm__duo,.abi-tpm .abi-tpm__kn{grid-template-columns:minmax(0,1fr)}
 .abi-tpm .abi-tpm__tbd.has-i{grid-template-columns:minmax(0,1fr)}
 .abi-tpm .abi-tpm__tim{height:170px}
 .abi-tpm .abi-tpm__dr{grid-template-columns:repeat(2,minmax(0,1fr))}
 .abi-tpm .abi-tpm__dr .act{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
 .abi-tpm .abi-tpm__tkc{flex-direction:column;align-items:stretch}
 .abi-tpm .abi-tpm__tkr{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}
 .abi-tpm .abi-tpm__ir{grid-template-columns:100px minmax(0,1fr)}
}
@media (max-width:560px){
 .abi-tpm{align-items:flex-end;padding:0}
 .abi-tpm .abi-tpm__box{max-width:none;max-height:94vh;max-height:94dvh;border-radius:20px 20px 0 0}
 .abi-tpm .abi-tpm__h{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.abi-tpm .abi-tpm__box{animation:none}}