.checkout-hero{padding:calc(var(--nav-height) + 40px) 0 40px;background:var(--black);text-align:center}.checkout-hero-ball{width:100px;height:100px;margin:0 auto 24px;border-radius:50%;background:var(--dark-card);display:flex;align-items:center;justify-content:center;font-size:3rem}.checkout-hero h1{font-size:clamp(1.2rem,3vw,1.75rem);font-weight:700}.checkout-content{background:var(--white);color:var(--black);padding:48px 0;min-height:60vh}.checkout-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.game-table-wrap{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid var(--gray-200)}.game-table-title{font-size:1rem;font-weight:700;padding:20px 24px;border-bottom:1px solid var(--gray-200);text-transform:uppercase}.game-table{width:100%;border-collapse:collapse}.game-table thead th{padding:12px 16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);text-align:left;border-bottom:1px solid var(--gray-200)}.game-table tbody tr{cursor:pointer;transition:var(--transition)}.game-table tbody tr:hover{background:var(--gray-100)}.game-table tbody tr.selected{background:#fef2f2;border-left:4px solid var(--red);box-shadow:0 0 15px rgba(230,51,41,.4);transform:scale(1.01);position:relative;z-index:2}.game-table tbody td{padding:14px 16px;font-size:.85rem;border-bottom:1px solid var(--gray-100)}.game-table .price-cell{font-weight:700;color:var(--red)}.checkout-panel{background:var(--white);border-radius:var(--radius-lg);padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid var(--gray-200);position:sticky;top:calc(var(--nav-height) + 20px)}.checkout-panel.hidden{display:none}.checkout-panel-placeholder{text-align:center;padding:60px 24px;color:var(--gray-400);font-size:.9rem}.checkout-selected-game{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--gray-200);margin-bottom:20px}.checkout-selected-game .game-name{font-weight:700;font-size:.95rem}.checkout-selected-game .game-price{font-size:1.1rem;font-weight:800;color:var(--red)}.checkout-selected-game .per-person{font-size:.7rem;color:var(--gray-500);display:block}.checkout-form-group{margin-bottom:16px}.checkout-form-group label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:6px;color:var(--gray-600)}.checkout-form-group input{width:100%;padding:12px 16px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9rem;background:var(--white);transition:var(--transition);color:var(--black)}.checkout-form-group input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,51,41,.1)}.checkout-form-group input::-moz-placeholder{color:var(--gray-400)}.checkout-form-group input::placeholder{color:var(--gray-400)}.stripe-element-wrap{padding:12px 16px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);transition:var(--transition)}.stripe-element-wrap.focused{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,51,41,.1)}.secure-badge{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--gray-400);margin-top:8px}.secure-badge svg{width:14px;height:14px}.pay-btn{width:100%;padding:16px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--red);color:var(--white);border-radius:var(--radius-sm);margin-top:20px;transition:var(--transition);cursor:pointer;border:none}.pay-btn:hover{background:var(--red-hover);transform:translateY(-1px)}.pay-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.checkout-success{text-align:center;padding:40px}.checkout-success svg{width:64px;height:64px;color:#22c55e;margin-bottom:16px}.checkout-success h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--black)}.checkout-success p{font-size:.9rem;color:var(--gray-500)}@media (max-width:768px){.checkout-grid{grid-template-columns:1fr}.checkout-panel{position:static}.game-table{font-size:.8rem}}.checkout-mobile-accordion{display:none}@media (max-width:768px){.checkout-desktop-only{display:none!important}.checkout-mobile-accordion{display:block}.mob-game-item{margin-bottom:10px}.mob-game-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:border-color .2s;position:relative}.mob-game-card.mob-selected{border-color:var(--red)}.mob-game-card.mob-soldout{opacity:.5;cursor:not-allowed}.mob-game-teams{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.mob-team-name{font-weight:700;font-size:.9rem;color:var(--black);text-align:center;flex:1}.mob-vs{font-weight:800;font-size:.85rem;color:var(--gray-400);flex-shrink:0}.mob-game-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--gray-500);padding-top:10px;border-top:1px solid #f0f0f0}.mob-price{font-weight:700;color:var(--black)}.mob-select-indicator{position:absolute;top:14px;right:14px;color:var(--gray-400)}.mob-game-card.mob-selected .mob-select-indicator{color:var(--red)}.mob-form-accordion{background:#fff;border:1.5px solid var(--red);border-top:none;border-radius:0 0 12px 12px;padding:20px 16px;animation:mobAccordionIn .28s ease;margin-top:-4px}@keyframes mobAccordionIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.mobile-sticky-bar{display:none}@media (max-width:768px){body.has-sticky-bar{padding-bottom:90px}.mobile-sticky-bar{display:block;position:fixed;bottom:24px;left:16px;width:calc(100% - 32px);background:var(--white);border-radius:12px;border:1px solid var(--gray-200);box-shadow:0 4px 15px rgba(0,0,0,.15);z-index:9999;padding:12px 16px}.mobile-sticky-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.sticky-price-block{display:flex;flex-direction:column;align-items:flex-start}.sticky-price-from{font-size:.65rem;text-transform:uppercase;color:var(--gray-500);line-height:1}.sticky-price-value{font-size:1.1rem;font-weight:800;color:var(--black);line-height:1.2;margin-top:2px}.sticky-price-person{font-size:.65rem;color:var(--gray-500);line-height:1;margin-bottom:4px}.sticky-badge{background:var(--red);color:var(--white);font-size:.55rem;padding:3px 6px;border-radius:4px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.sticky-action-btn{background:#0056b3;color:var(--white);font-weight:700;border:none;font-size:.9rem;padding:12px 24px;border-radius:50px;flex:1;max-width:180px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1)}.sticky-action-btn:active{transform:scale(.98)}}