.golf-plan-details { display: flex; flex-direction: column; gap: 10px; } .golf-plan-details[hidden], .golf-plan-toggle[hidden] { display: none !important; } .golf-plan-toggle { display: none; } @media (max-width: 767px) { #to-top { display: none !important; } #drawer { width: min(320px, 88vw); transform: translateX(110%); padding-left: 24px; padding-right: max(24px, env(safe-area-inset-right)); } #drawer.open { transform: translateX(0); } #plans .golf-comparison-toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 48px; cursor: pointer; white-space: normal; } #plans .golf-comparison-toggle input { appearance: auto; position: static; opacity: 1; width: 22px; height: 22px; margin: 0; accent-color: #07588b; } #plans .golf-comparison-toggle:focus-within { outline: 3px solid #1466b8; outline-offset: 2px; border-radius: 4px; } #plans .golf-plan-toggle { display: block; width: 100%; min-height: 48px; padding: 12px 8px; border: 1px solid #07588b; border-radius: 8px; background: #fff; color: #07588b; font: inherit; font-weight: 700; line-height: 1.5; cursor: pointer; } #plans .golf-plan-toggle[aria-expanded="true"] { background: #e8f0f4; } #plans .golf-before-apply { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 12px; } #plans .golf-before-apply h4 { grid-column: 1 / -1; margin: 0 0 4px; font-size: 15px; } #plans .golf-before-apply a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 8px 3px; border: 1px solid #b6ccd8; border-radius: 6px; color: #07588b; background: #fff; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; } }