/* Pesan Langsung: presentation only, preserves field and catalog semantics. */
body.kk-direct-refined{background:#f5f8f6;color:#173c28;font:15px/1.65 Inter,system-ui,sans-serif}
body.kk-direct-refined main.wrap{width:calc(100% - 40px);max-width:1140px;padding:28px 0 40px;margin-inline:auto}
body.kk-direct-refined main .crumb{font-size:13px;color:#627467;margin:0 0 12px}
body.kk-direct-refined main .headline{font:400 42px/1.15 'Bebas Neue',Impact,sans-serif;letter-spacing:.02em;margin:0 0 14px;color:#173c28}
body.kk-direct-refined main>.muted{font-size:15px;max-width:760px;margin:0 0 24px}
body.kk-direct-refined main .layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
body.kk-direct-refined main .card{border:1px solid #d7e4dc;border-radius:12px;background:#fff;padding:24px;margin-bottom:18px;box-shadow:none;min-width:0}
body.kk-direct-refined main .card h2{font:750 22px/1.35 Inter,system-ui,sans-serif;margin:0 0 12px;color:#173c28}
body.kk-direct-refined main .muted{color:#617365;line-height:1.65}
body.kk-direct-refined main .card>.muted{font-size:14px!important;margin:0 0 16px}
body.kk-direct-refined main .order-item{padding:18px;margin:16px 0;border:1px solid #d7e4dc;border-radius:10px;background:#f8faf8}
body.kk-direct-refined main .item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
body.kk-direct-refined main .item-head h3{font:750 18px/1.4 Inter,system-ui,sans-serif;margin:0;color:#173c28}
body.kk-direct-refined main .products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.kk-direct-refined main .product{position:relative;display:flex;flex-direction:column;padding:10px;gap:7px;border:1px solid #bfd0c4;border-radius:8px;background:#fff;min-width:0;cursor:pointer}
body.kk-direct-refined main .product:has(input:checked){border:2px solid #287849;padding:9px;background:#eaf5ee;box-shadow:0 0 0 2px #28784912}
body.kk-direct-refined main .product:has(input:checked)::after{content:'✓';position:absolute;right:13px;top:13px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#173c28;color:#fff;font:700 14px/1 Inter,system-ui,sans-serif;box-shadow:0 0 0 2px #fff}
body.kk-direct-refined main .product:focus-within{outline:3px solid #81b995;outline-offset:3px}
body.kk-direct-refined main .product img{display:block;position:static;width:100%;height:95px;min-height:0;aspect-ratio:auto;object-fit:cover;border-radius:5px}
body.kk-direct-refined main .product strong{font:700 14px/1.4 Inter,system-ui,sans-serif;margin:0;overflow-wrap:anywhere}
body.kk-direct-refined main .product small{font-size:12px;line-height:1.5;color:#526d5b;margin-top:auto}
body.kk-direct-refined main [data-description]{font-size:14px;margin:14px 0 0}
body.kk-direct-refined main .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
body.kk-direct-refined main label.field{font:650 14px/1.5 Inter,system-ui,sans-serif;margin-top:16px;min-width:0}
body.kk-direct-refined main input:not([type=radio]):not([type=checkbox]):not([type=hidden]),
body.kk-direct-refined main select,
body.kk-direct-refined main textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:48px;padding:11px 12px;margin-top:7px;border:1px solid #afc5b7;border-radius:7px;background:#fff;color:#173c28;font:400 16px/1.5 Inter,system-ui,sans-serif;box-shadow:none}
body.kk-direct-refined main textarea{min-height:100px;resize:vertical}
body.kk-direct-refined main label.field small{display:block;margin-top:6px;font:400 12px/1.5 Inter,system-ui,sans-serif}
body.kk-direct-refined main .line-price{font:650 14px/1.6 Inter,system-ui,sans-serif;margin-top:16px;color:#287849}
body.kk-direct-refined main .add-item,
body.kk-direct-refined main .remove-item,
body.kk-direct-refined main .button{border-radius:8px;min-height:46px;padding:10px 14px;font:700 13px/1.5 Inter,system-ui,sans-serif;white-space:normal;cursor:pointer}
body.kk-direct-refined main .add-item{width:100%;background:#eef6f0;border:1px solid #9bbbA7;color:#173c28}
body.kk-direct-refined main .remove-item{background:#fff;border:1px solid #d6b5ab;color:#904b3b}
body.kk-direct-refined main .button{width:100%;background:#173c28;color:#fff;border:1px solid #173c28;min-height:48px}
body.kk-direct-refined main .button:hover{background:#245d3b}
body.kk-direct-refined main .summary{position:sticky;top:100px;border-top:4px solid #287849;background:#fff}
body.kk-direct-refined main .summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #e0e9e3;font-size:14px;min-width:0}
body.kk-direct-refined main .summary-row span{color:#617365;min-width:0;overflow-wrap:anywhere}
body.kk-direct-refined main .summary-row strong{color:#173c28;text-align:right;overflow-wrap:anywhere;min-width:0}
body.kk-direct-refined main .grand{font-size:26px;font-weight:800;letter-spacing:-.02em}
body.kk-direct-refined main .price-old{font-size:13px}
body.kk-direct-refined main .discount{font-size:12px}
body.kk-direct-refined main .notice{font-size:14px;line-height:1.65;padding:14px;margin-top:16px;background:#eef6f0;color:#35593c;border-radius:8px}
body.kk-direct-refined main .agree{font-size:14px;line-height:1.65;gap:10px;margin:18px 0;align-items:flex-start}
body.kk-direct-refined main .agree input{width:18px;height:18px;flex:0 0 18px;margin-top:4px;accent-color:#287849}
body.kk-direct-refined main .error{font-size:14px;line-height:1.65}
body.kk-direct-refined main .status{margin:20px auto;max-width:700px}
body.kk-direct-refined main input:focus-visible,
body.kk-direct-refined main select:focus-visible,
body.kk-direct-refined main textarea:focus-visible,
body.kk-direct-refined main button:focus-visible{outline:3px solid #81b995;outline-offset:3px}
@media(max-width:900px){
body.kk-direct-refined main .layout{grid-template-columns:1fr}
body.kk-direct-refined main .summary{position:static}
}
@media(max-width:650px){
body.kk-direct-refined main.wrap{width:calc(100% - 32px);padding:22px 0 30px}
body.kk-direct-refined main .headline{font-size:34px;margin-bottom:12px}
body.kk-direct-refined main>.muted{font-size:14px;margin-bottom:20px}
body.kk-direct-refined main .card{padding:18px;border-radius:10px;margin-bottom:14px}
body.kk-direct-refined main .card h2{font-size:20px}
body.kk-direct-refined main .order-item{padding:12px;border-radius:8px}
body.kk-direct-refined main .products{grid-template-columns:1fr;gap:9px}
body.kk-direct-refined main .product{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 12px;padding:10px;align-items:center}
body.kk-direct-refined main .product:has(input:checked){padding:9px}
body.kk-direct-refined main .product img{grid-column:1;grid-row:1/3;width:80px;height:68px;min-height:0}
body.kk-direct-refined main .product strong{grid-column:2;align-self:end;padding-right:24px;font-size:15px}
body.kk-direct-refined main .product small{grid-column:2;align-self:start;margin:0;font-size:12px}
body.kk-direct-refined main .product:has(input:checked)::after{right:9px;top:10px;width:20px;height:20px;font-size:12px}
body.kk-direct-refined main .two{grid-template-columns:1fr;gap:0}
body.kk-direct-refined main label.field{font-size:14px;margin-top:14px}
body.kk-direct-refined main .item-head h3{font-size:17px}
body.kk-direct-refined main .remove-item{font-size:12px;padding:8px 10px;min-height:44px}
body.kk-direct-refined main .summary-row{font-size:14px}
body.kk-direct-refined main .grand{font-size:25px}
body.kk-direct-refined main .layout{gap:0}
}
@media(prefers-reduced-motion:reduce){body.kk-direct-refined main .product,body.kk-direct-refined main button{transition:none}}