/* Mobile-first isolated checkout surface. */
#pesan-kopi-bidara{--kb-ink:#13291e;--kb-muted:#657268;--kb-line:#d9e2da;--kb-paper:#fffefa;--kb-soft:#f3f7ef;--kb-green:#1f6b43;--kb-green-dark:#154a2e;--kb-gold:#bc8427;--kb-red:#b3261e;box-sizing:border-box;background:linear-gradient(155deg,#edf6ed 0%,#f8f4e9 100%);color:var(--kb-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:24px 16px calc(96px + env(safe-area-inset-bottom))}
#pesan-kopi-bidara *,#pesan-kopi-bidara *::before,#pesan-kopi-bidara *::after{box-sizing:border-box}
.kb-order-shell{width:min(100%,500px);margin:auto;background:rgba(255,254,250,.94);border:1px solid rgba(31,107,67,.12);border-radius:24px;box-shadow:0 20px 55px rgba(20,57,35,.12);overflow:hidden}
.kb-order-head{background:linear-gradient(135deg,#173d29,#287449);color:#fff;padding:26px 20px 24px}.kb-eyebrow{display:inline-block;color:#ffe5a7;font-size:11px;font-weight:800;letter-spacing:.12em}.kb-order-head h2{color:#fff;font-size:clamp(25px,7vw,32px);line-height:1.1;margin:8px 0}.kb-order-head p{color:rgba(255,255,255,.78);font-size:14px;line-height:1.55;margin:0}
#pesan-kopi-bidara form{padding:20px}.kb-fieldset{border:0;border-bottom:1px solid var(--kb-line);margin:0 0 20px;padding:0 0 20px}.kb-fieldset legend{font-size:15px;font-weight:800;margin:0 0 12px;padding:0}.kb-products{display:grid;gap:10px}.kb-product{align-items:center;background:#fff;border:1px solid var(--kb-line);border-radius:16px;cursor:pointer;display:grid;gap:10px;grid-template-columns:20px 62px minmax(0,1fr) auto;min-height:84px;padding:10px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.kb-product:has(input:focus-visible){outline:3px solid rgba(31,107,67,.25);outline-offset:2px}.kb-product.is-selected{background:#f4fbf4;border-color:var(--kb-green);box-shadow:0 6px 18px rgba(31,107,67,.12)}.kb-product input{accent-color:var(--kb-green);height:18px;margin:0;width:18px}.kb-product img{border-radius:12px;height:62px;object-fit:cover;width:62px}.kb-product-copy{display:grid;gap:2px;min-width:0}.kb-product-copy strong{font-size:14px;line-height:1.25}.kb-product-copy small{color:var(--kb-muted);font-size:11px;line-height:1.25}.kb-product> b{font-size:15px;white-space:nowrap}.kb-product-tag{color:var(--kb-gold);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.kb-grid{display:grid;gap:14px;grid-template-columns:1fr}.kb-field{color:#34453a;display:grid;font-size:13px;font-weight:750;gap:7px;min-width:0}.kb-field input,.kb-field select,.kb-field textarea{appearance:none;background:#fff;border:1px solid #bfcbc1;border-radius:12px;box-sizing:border-box;color:var(--kb-ink);font:inherit;font-size:16px;line-height:1.35;min-height:50px;outline:none;padding:12px;width:100%}.kb-field textarea{min-height:88px;resize:vertical}.kb-field input:focus,.kb-field select:focus,.kb-field textarea:focus{border-color:var(--kb-green);box-shadow:0 0 0 3px rgba(31,107,67,.14)}.kb-field [aria-invalid="true"]{border-color:var(--kb-red);box-shadow:0 0 0 3px rgba(179,38,30,.1)}.kb-error{color:var(--kb-red);font-size:12px;font-weight:650;min-height:0}.kb-stepper{align-items:center;border:1px solid #bfcbc1;border-radius:12px;display:grid;grid-template-columns:48px 1fr 48px;min-height:50px;overflow:hidden}.kb-stepper button{background:#f2f6f1;border:0;color:var(--kb-green-dark);cursor:pointer;font-size:24px;height:48px}.kb-stepper input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;padding:8px!important;text-align:center}.kb-stepper input::-webkit-inner-spin-button,.kb-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.kb-payment{align-items:center;border:1px solid var(--kb-line);border-radius:14px;cursor:pointer;display:flex;gap:12px;margin-top:10px;min-height:64px;padding:12px}.kb-payment:has(input:checked){background:#f4fbf4;border-color:var(--kb-green)}.kb-payment input{accent-color:var(--kb-green);height:18px;margin:0;width:18px}.kb-payment span{display:grid;gap:3px}.kb-payment b{font-size:14px}.kb-payment small{color:var(--kb-muted);font-size:12px}
.kb-summary{background:var(--kb-soft);border:1px solid #d9e9d8;border-radius:16px;display:grid;gap:10px;margin:0 0 16px;padding:15px}.kb-summary>div{align-items:center;display:flex;font-size:13px;justify-content:space-between;gap:16px}.kb-summary span{color:var(--kb-muted)}.kb-summary b{font-size:13px;text-align:right}.kb-summary .kb-total{border-top:1px solid #cedecd;margin-top:2px;padding-top:12px}.kb-total strong{color:var(--kb-green-dark);font-size:22px}.kb-submit{align-items:center;background:linear-gradient(135deg,var(--kb-green),#258452);border:0;border-radius:14px;box-shadow:0 10px 20px rgba(31,107,67,.24);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:16px;font-weight:850;justify-content:space-between;min-height:54px;padding:0 18px;width:100%}.kb-submit:hover{background:linear-gradient(135deg,var(--kb-green-dark),var(--kb-green))}.kb-submit:focus-visible{outline:3px solid rgba(31,107,67,.35);outline-offset:3px}.kb-submit:disabled{cursor:wait;opacity:.65}.kb-reassure{color:var(--kb-muted);font-size:11px;line-height:1.45;margin:12px 4px 0;text-align:center}.kb-status{font-size:13px;font-weight:700;margin:12px 0 0;min-height:20px;text-align:center}.kb-status[data-state="error"]{color:var(--kb-red)}.kb-status[data-state="success"]{color:var(--kb-green-dark)}
@media(min-width:640px){#pesan-kopi-bidara{padding:40px 24px 112px}.kb-order-head{padding:32px 30px 28px}#pesan-kopi-bidara form{padding:28px 30px}.kb-grid{grid-template-columns:1fr 1fr}.kb-full{grid-column:1/-1}.kb-product{grid-template-columns:20px 70px minmax(0,1fr) auto}.kb-product img{height:70px;width:70px}}
@media(prefers-reduced-motion:reduce){.kb-product{transition:none}}
/* Premium catalog card layer; isolated to runtime buyer surface. */
#pesan-kopi-bidara{--kb-ink:#102d20;--kb-muted:#69746a;--kb-line:#d9dfd2;--kb-soft:#f3f5ec;--kb-green:#165737;--kb-green-dark:#0b3924;--kb-gold:#b7832e;background:radial-gradient(circle at 88% 4%,#f2d995 0,transparent 24rem),linear-gradient(155deg,#e7efe4,#f8f2e6 58%,#e9f0e5);font-family:Georgia,"Times New Roman",serif;padding:30px 16px calc(100px + env(safe-area-inset-bottom))}.kb-order-shell{border-radius:28px;box-shadow:0 24px 70px rgba(15,51,31,.16);max-width:560px}.kb-order-head{background:linear-gradient(130deg,#0b3924,#1f6b44 66%,#30734b);padding:28px 22px 20px;position:relative}.kb-order-head::after{border:1px solid rgba(255,226,153,.42);border-radius:50%;content:"";height:155px;position:absolute;right:-75px;top:-95px;width:155px}.kb-eyebrow,.kb-product-tag,.kb-summary-top span{color:#eac66f;font-family:system-ui,sans-serif;font-size:10px;font-weight:850;letter-spacing:.14em}.kb-order-head h2{font-size:clamp(29px,8vw,39px);line-height:1.02;margin:10px 0;max-width:none}.kb-order-head p{font-family:system-ui,sans-serif;font-size:13px}.kb-flow{display:flex;gap:0;list-style:none;margin:22px 0 0;padding:0}.kb-flow li{align-items:center;color:rgba(255,255,255,.58);display:flex;flex:1;flex-direction:column;font-family:system-ui,sans-serif;font-size:10px;gap:5px;letter-spacing:.04em;position:relative}.kb-flow li:not(:last-child)::after{background:rgba(255,255,255,.22);content:"";height:1px;left:62%;position:absolute;top:11px;width:76%}.kb-flow b{align-items:center;border:1px solid currentColor;border-radius:50%;display:flex;font-size:10px;height:23px;justify-content:center;width:23px}.kb-flow .is-current{color:#ffe5a3}.kb-catalog-status{font-family:system-ui,sans-serif;margin:20px}.kb-catalog-status:empty{display:none}#pesan-kopi-bidara form{background:transparent;border:0;box-sizing:border-box;margin:0;padding:22px;width:100%}.kb-fieldset legend{font-size:18px}.kb-fieldset:not(.kb-catalog-fieldset),.kb-catalog-fieldset~.kb-reassure,.kb-catalog-fieldset~.kb-status{margin-left:16px;margin-right:16px}.kb-fieldset:not(.kb-catalog-fieldset){padding-left:0;padding-right:0}.kb-submit{display:flex!important;margin:24px 16px 0;position:relative;width:calc(100% - 32px);z-index:auto}.kb-fieldset legend span{color:var(--kb-gold);font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.1em;margin-right:8px}.kb-section-note{color:var(--kb-muted);font-family:system-ui,sans-serif;font-size:12px;line-height:1.5;margin:0 0 15px}.kb-product{border-radius:18px;gap:12px;grid-template-columns:92px minmax(0,1fr) auto;min-height:118px;overflow:hidden;padding:8px;position:relative}.kb-product:hover{transform:translateY(-2px)}.kb-product.is-selected{background:#fffcf3;border-color:var(--kb-green);box-shadow:0 10px 22px rgba(14,65,38,.13)}.kb-product>input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.kb-product-image{background:linear-gradient(145deg,#355f42,#c1964b);border-radius:12px;display:block;height:100px;overflow:hidden;position:relative}.kb-product-image img{height:100%;object-fit:cover;width:100%}.kb-product-image em{background:rgba(12,48,30,.84);bottom:0;color:#ffe6a5;font-family:system-ui,sans-serif;font-size:8px;font-style:normal;font-weight:800;left:0;letter-spacing:.06em;padding:5px 6px;position:absolute;text-transform:uppercase}.kb-image-fallback{align-items:center;background:radial-gradient(circle at 35% 30%,#dfc06e,#326647 47%,#123a27);color:#f6db91;display:flex;flex-direction:column;height:100%;justify-content:center}.kb-image-fallback i{border:1px solid currentColor;border-radius:50%;font-size:26px;font-style:normal;height:49px;line-height:47px;text-align:center;width:49px}.kb-image-fallback small{font-family:system-ui,sans-serif;font-size:7px;font-weight:800;letter-spacing:.1em;margin-top:7px}.kb-product-copy{align-content:center;gap:4px}.kb-product-copy strong{font-size:17px}.kb-product-copy small,.kb-product-price small{font-family:system-ui,sans-serif;font-size:10px}.kb-product-price{align-content:center;display:grid;justify-items:end;padding-right:4px}.kb-product-price b{color:var(--kb-green-dark);font-family:system-ui,sans-serif;font-size:14px;white-space:nowrap}.kb-product-price i{align-items:center;background:var(--kb-green);border-radius:50%;color:#fff;display:none;font-family:system-ui,sans-serif;font-size:10px;font-style:normal;height:19px;justify-content:center;margin-top:7px;width:19px}.kb-product.is-selected .kb-product-price i{display:flex}.kb-summary{background:linear-gradient(135deg,#f7f3e5,#eef4e9);border-radius:18px;margin:0 0 23px;padding:16px}.kb-summary>div{font-family:system-ui,sans-serif;font-size:12px}.kb-summary-top{border-bottom:1px solid #d9dfd2;display:grid!important;gap:5px!important;padding-bottom:11px}.kb-summary-top b{color:var(--kb-green-dark);font-family:Georgia,serif;font-size:17px;text-align:left}.kb-total strong{font-family:Georgia,serif}.kb-field,.kb-payment b,.kb-payment small,.kb-reassure,.kb-status{font-family:system-ui,sans-serif}.kb-submit{min-height:56px}.kb-stepper button{min-height:48px}@media(min-width:640px){#pesan-kopi-bidara{padding:44px 24px calc(120px + env(safe-area-inset-bottom))}.kb-order-head{padding:34px 32px 24px}#pesan-kopi-bidara form{padding:28px 32px}.kb-fieldset:not(.kb-catalog-fieldset),.kb-catalog-fieldset~.kb-reassure,.kb-catalog-fieldset~.kb-status{margin-left:20px;margin-right:20px}.kb-submit{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}.kb-product{grid-template-columns:124px minmax(0,1fr) auto;min-height:134px}.kb-product-image{height:118px}.kb-product-copy strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.kb-product:hover{transform:none}}
/* Billplz payment guard. */
.kb-payment.is-disabled{cursor:not-allowed;opacity:.5}.kb-payment-note{color:var(--kb-muted);font:12px/1.45 system-ui,sans-serif;margin:10px 0 0}
/* Per-package quantity; quantity zero means not selected. */
.kb-product{grid-template-columns:92px minmax(0,1fr);cursor:default}.kb-product-select{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:52px;padding:0;text-align:left;width:100%}.kb-product-select:focus-visible{outline:3px solid rgba(22,87,55,.35);outline-offset:3px}.kb-product-select .kb-product-copy{align-content:center}.kb-card-quantity{align-items:center;border:1px solid #c8d5c6;border-radius:12px;display:grid;grid-column:2;grid-template-columns:44px minmax(44px,1fr) 44px;min-height:44px;overflow:hidden}.kb-card-quantity button{appearance:none;background:#f2f6ee;border:0;color:var(--kb-green-dark);cursor:pointer;font:inherit;font-size:23px;font-weight:700;min-height:44px;padding:0}.kb-card-quantity button:hover:not(:disabled){background:#e2eee0}.kb-card-quantity button:disabled{color:#98a59a;cursor:not-allowed}.kb-card-quantity button:focus-visible{outline:3px solid rgba(22,87,55,.35);outline-offset:-3px}.kb-card-quantity output{font-family:system-ui,sans-serif;font-size:15px;font-weight:800;text-align:center}.kb-product-image{grid-row:1/span 2}.kb-summary-empty{display:grid!important;gap:5px!important}.kb-summary-empty b{color:var(--kb-green-dark);font-family:Georgia,serif;font-size:17px}.kb-summary-empty small{color:var(--kb-muted);font-family:system-ui,sans-serif;font-size:12px}.kb-summary-lines{display:grid!important;gap:8px}.kb-summary-lines>div{display:flex;font-family:system-ui,sans-serif;font-size:12px;justify-content:space-between;gap:16px}@media(min-width:640px){.kb-product{grid-template-columns:124px minmax(0,1fr)}.kb-card-quantity{max-width:168px}.kb-product-image{grid-row:1/span 2}}
.kb-order-wrap .kb-submit,.kb-order-wrap .kb-submit:visited{align-items:center!important;background:#165737!important;background-image:linear-gradient(135deg,#165737,#258452)!important;border:0!important;border-radius:14px!important;box-shadow:0 10px 20px rgba(31,107,67,.24)!important;color:#fff!important;display:flex!important;font:850 16px/1 system-ui,sans-serif!important;justify-content:space-between!important;min-height:56px!important;opacity:1!important;padding:0 18px!important;text-decoration:none!important}.kb-order-wrap .kb-submit span,.kb-order-wrap .kb-submit b{color:#fff!important;display:block!important;visibility:visible!important}.kb-order-wrap .kb-submit:hover,.kb-order-wrap .kb-submit:focus-visible{background:#0b3924!important;background-image:linear-gradient(135deg,#0b3924,#165737)!important;color:#fff!important}.kb-order-wrap .kb-submit:disabled{background:#8aa895!important;background-image:none!important;color:#fff!important;cursor:wait!important;opacity:1!important}.kb-order-wrap .kb-reassure{margin:14px 16px 0!important;padding-bottom:16px!important}
/* Runtime COD receipt; source-faithful page markup stays unchanged. */
.kb-cod-receipt{background:#fffefa;border:1px solid #d9e2da;border-radius:18px;color:#13291e;max-width:min(420px,calc(100vw - 32px));padding:0;box-shadow:0 24px 70px rgba(15,51,31,.3)}.kb-cod-receipt::backdrop{background:rgba(10,35,23,.55)}.kb-cod-receipt form{display:grid;gap:14px;padding:24px}.kb-cod-receipt h2{font-size:22px;margin:0}.kb-cod-receipt p{font:14px/1.5 system-ui,sans-serif;margin:0}.kb-receipt-number{border-bottom:1px solid #d9e2da;padding-bottom:12px}.kb-cod-receipt dl{display:grid;gap:8px;margin:0}.kb-cod-receipt dl div{display:flex;font:14px/1.4 system-ui,sans-serif;justify-content:space-between}.kb-cod-receipt dt{color:#657268}.kb-cod-receipt dd{font-weight:800;margin:0}.kb-receipt-close{background:#165737;border:0;border-radius:10px;color:#fff;cursor:pointer;font:800 15px/1 system-ui,sans-serif;min-height:46px;padding:0 16px}.kb-receipt-close:focus-visible{outline:3px solid #bc8427;outline-offset:3px}