.ppf{--surface:#ffffff;--surface-sunk:#f6f8f9;--brand-tint:#e7f3fa;--ink:#101418;--ink-muted:#5b666f;--border:#dfe3e6;--border-strong:#7f8990;--brand:#108ac5;--brand-deep:#186f97;--on-brand:#ffffff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-md:8px;--radius-lg:12px;--display:Epilogue,var(--font-heading-family),"Helvetica Neue",Arial,sans-serif;--text:Inter,var(--font-body-family),"Helvetica Neue",Arial,sans-serif;background:var(--surface);color:var(--ink);font-family:var(--text);font-size:15px;line-height:24px;letter-spacing:0;border-top:1px solid var(--border)}.ppf *,.ppf *:before,.ppf *:after{box-sizing:border-box}.ppf[data-lang=en] [lang=id],.ppf[data-lang=id] [lang=en]{display:none}.ppf p{margin:0;letter-spacing:0}.ppf-wrap{max-width:1200px;margin:0 auto;padding:var(--space-9) var(--space-7);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-8);align-items:start}.ppf-side{position:sticky;top:var(--space-5)}.ppf .ppf-eyebrow{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 var(--space-3)}.ppf .ppf-title{font-family:var(--display);font-weight:700;font-size:36px;line-height:40px;letter-spacing:-.02em;color:var(--ink);margin:0}.ppf-lang{display:inline-flex;margin-top:var(--space-5);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunk);gap:var(--space-1)}.ppf .ppf-lang__btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-muted);font-family:var(--text);font-size:14px;line-height:20px;font-weight:500;letter-spacing:0;min-height:36px;padding:0 var(--space-4);border-radius:6px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.ppf .ppf-lang__btn:hover{color:var(--ink)}.ppf .ppf-lang__btn[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--border)}.ppf .ppf-lang__btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ppf-help{margin-top:var(--space-7);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--brand-tint)}.ppf .ppf-help__title{font-family:var(--display);font-weight:700;font-size:18px;line-height:24px;color:var(--ink)}.ppf .ppf-help__text{margin-top:var(--space-2);font-size:14px;line-height:20px;color:var(--ink-muted)}.ppf-help .ppf-btn{margin-top:var(--space-4)}.ppf-group+.ppf-group{margin-top:var(--space-7)}.ppf .ppf-sub{font-family:var(--text);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 var(--space-2)}.ppf-list{border-top:1px solid var(--border)}.ppf-item{border-bottom:1px solid var(--border)}.ppf-q{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-4) 0;cursor:pointer;font-size:16px;line-height:24px;font-weight:500;color:var(--ink)}.ppf-q::-webkit-details-marker{display:none}.ppf-q::marker{content:""}.ppf-q:hover .ppf-q__text{color:var(--brand-deep)}.ppf-q:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-md)}.ppf-q__icon{position:relative;flex:none;width:24px;height:24px;border:1px solid var(--border);border-radius:var(--radius-md)}.ppf-q__icon:before,.ppf-q__icon:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .2s ease}.ppf-q__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.ppf-item[open] .ppf-q__icon:after{transform:translate(-50%,-50%) rotate(0)}.ppf-a{padding:0 var(--space-8) var(--space-5) 0;color:var(--ink-muted);max-width:68ch}.ppf .ppf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-family:var(--text);font-size:14px;line-height:16px;font-weight:500;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.ppf .ppf-btn svg{width:16px;height:16px;flex:none}.ppf .ppf-btn--primary{min-height:44px;background:var(--brand-deep);color:var(--on-brand);border:1px solid var(--brand-deep)}.ppf .ppf-btn--primary:hover{background:#135a7b;border-color:#135a7b}.ppf .ppf-btn--secondary{margin-top:var(--space-4);background:var(--surface);color:var(--ink);border:1px solid var(--border-strong)}.ppf .ppf-btn--secondary:hover{border-color:var(--ink)}.ppf .ppf-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:989px){.ppf-wrap{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding:var(--space-8) var(--space-5)}.ppf-side{display:contents}.ppf-head{order:0}.ppf-main{order:1}.ppf-help{order:2;margin-top:0}}@media(max-width:749px){.ppf-wrap{padding:var(--space-8) var(--space-4)}.ppf .ppf-title{font-size:28px;line-height:34px}.ppf-a{padding-right:0}.ppf-q{font-size:15px;line-height:22px}}@media(prefers-reduced-motion:reduce){.ppf .ppf-btn,.ppf .ppf-lang__btn,.ppf-q__icon:before,.ppf-q__icon:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/pp-faq.css.map */