.kr-shop { padding: 18px 24px 8px; color: #433f37; font-size: 13px; line-height: 1.6; }
.kr-shop h1 { margin: 0 0 14px; font-size: 20px; color: #9a9285; }
.kr-shop h2 { margin: 22px 0 8px; font-size: 15px; color: #433f37; }
.kr-shop .kr-notice { margin: 0 0 14px; padding: 10px 14px; border: 1px solid #e3c36b; background: #fff8dd; }
.kr-shop .kr-warn { margin: 0 0 14px; padding: 10px 14px; border: 1px solid #d99; background: #fff0f0; }
.kr-shop .kr-packs, .kr-shop .kr-methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.kr-shop .kr-methods { grid-template-columns: repeat(2, 1fr); }
.kr-shop .kr-packs label, .kr-shop .kr-methods label { display: block; padding: 10px 12px; border: 1px solid #ccc4b4; background: #faf8f2; cursor: pointer; }
.kr-shop .kr-packs input:checked + span, .kr-shop .kr-methods input:checked + span { font-weight: bold; color: #c0392b; }
.kr-shop .kr-packs small { display: block; color: #8a8372; }
.kr-shop table.kr-table { width: 100%; border-collapse: collapse; margin: 8px 0 14px; }
.kr-shop table.kr-table th, .kr-shop table.kr-table td { padding: 8px 10px; border: 1px solid #ccc4b4; text-align: left; }
.kr-shop table.kr-table th { width: 28%; background: #f1ede1; }
.kr-shop .kr-actions { margin: 18px 0; text-align: center; }
.kr-shop .kr-actions button, .kr-shop .kr-actions a { display: inline-block; min-width: 110px; margin: 0 4px; padding: 9px 18px; border: 1px solid #8a8372; background: #f1ede1; color: #433f37; font-size: 14px; text-decoration: none; cursor: pointer; }
.kr-shop .kr-actions .kr-primary { border-color: #c0392b; background: #c0392b; color: #fff; }
.kr-shop .kr-ok { color: #1c7d3a; font-weight: bold; }
.kr-shop .kr-bad { color: #c0392b; font-weight: bold; }
@media (max-width: 720px) { .kr-shop .kr-packs { grid-template-columns: repeat(2, 1fr); } }

.kr-popup { margin: 0; font-family: sans-serif; color: #433f37; background: #fff; }
.kr-popup .kr-popup-box { max-width: 880px; margin: 0 auto; padding: 24px 32px; }
.kr-popup h1 { margin: 24px 0 16px; font-size: 22px; color: #9a9285; }
.kr-popup .kr-popup-body { padding: 28px 20px; border: 1px solid #ccc4b4; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.7; }
.kr-popup .kr-popup-body p { margin: 4px 0; }
.kr-popup .kr-popup-body small { display: block; margin-top: 14px; color: #c0392b; font-size: 14px; font-weight: normal; }
.kr-popup .kr-actions { margin: 24px 0; text-align: center; }
.kr-popup .kr-actions button, .kr-popup .kr-actions a { display: inline-block; min-width: 110px; margin: 0 8px; padding: 10px 22px; border: 1px solid #8a8372; background: #f1ede1; color: #433f37; font-size: 15px; text-decoration: none; cursor: pointer; }
.kr-popup .kr-actions .kr-primary { border-color: #c0392b; background: #c0392b; color: #fff; }