/* Cloudflare版で足したもの（元の style.css はそのまま） */
.turnstile{margin:12px 0;min-height:65px}
.test-only{border-color:#c2410c}
.pay{max-width:640px;margin:32px auto;padding:0 16px}
.pay .card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgb(0 0 0/.08)}
.pay h1{font-size:1.5rem;margin:0 0 12px}
.pay dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:16px 0}
.pay dt{color:#555}
.pay .amount{font-size:1.4rem;font-weight:700}
.pay .deadline{color:#9a3412;font-weight:600}
.pay .error{color:#b91c1c}
.pay #checkout{margin-top:16px;min-height:200px}
.pay #checkout:empty{min-height:0}
.pay .done{background:#f6faf7;border:1px solid #cfe6d5;border-radius:10px;padding:20px 20px 8px;margin-top:16px}
.pay p.done{padding:16px 20px}
.pay .done h2{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.pay .done h2::before{content:"✓";flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#16a34a;color:#fff;font-size:15px}
.pay a.primary,.pay button.primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;margin-top:12px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--ink);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.pay a.primary:hover,.pay button.primary:hover{filter:brightness(.95)}
.pay a.primary:focus-visible,.pay button.primary:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

/* ロケハンの申し込み（2026-11-08） */
.scout h2{font-size:1.1rem;margin:24px 0 8px}
.scout-note{color:#555;font-size:.9rem}
.scout-week{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;flex-wrap:wrap}
.scout-week button{min-height:44px;padding:0 12px}
.scout-day{border-top:1px solid #e5e5e5;padding:10px 0}
.scout-day summary{font-weight:600;min-height:32px;cursor:pointer;padding:4px 0}
.scout-day[open] summary{margin-bottom:8px}
.scout-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}
.scout-slots button{min-height:44px;background:#fff;border:1px solid #bbb;border-radius:6px;cursor:pointer}
.scout-slots button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.scout-slots p{margin:0;color:#777;font-size:.85rem;grid-column:1/-1}
.scout form label{display:block;margin:12px 0}
.scout form input:not([type=checkbox]),.scout form textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:10px;border:1px solid #bbb;border-radius:6px;font:inherit}
.scout-agree{display:flex!important;gap:8px;align-items:center}
.scout-agree input{flex:0 0 22px;width:22px;height:22px;margin:0}
.scout form label.scout-agree{flex-direction:row!important;justify-content:flex-start!important;text-align:left}
.scout-agree span{flex:1}
.scout-hide{position:absolute;left:-9999px}
.scout-chosen{background:#f6f6f6;padding:10px;border-radius:6px}
.scout button.primary{width:100%}
.scout button.primary:disabled{opacity:.6;cursor:wait}
@media (max-width:480px){.pay .done{padding:16px 14px 4px}.pay p.done{padding:14px}.pay .done h2{font-size:1.1rem;gap:8px}.pay .done h2::before{flex-basis:24px;height:24px;font-size:13px}.pay a.primary{display:flex;width:100%;padding:0 8px;font-size:.9rem;white-space:nowrap}}
/* オプション（有料の追加品・2026-11-15 堺東店から）：品ごとに名前と数の選択を1行に。説明は下の行 */
.options-field{border:1px solid var(--line);border-radius:6px;padding:8px 16px 4px;margin:0 0 20px}
.options-field legend{font-size:14px;font-weight:700;padding:0 6px}
.options-field .option-item{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:4px 12px;margin:8px 0}
.options-field .option-item small{grid-column:1/-1;font-weight:400}
.options-field .options-total{margin:4px 0 8px}