/* Fluent's one-time choice on My Account (account-choice.js). Same sunlit
   language as the shelf: white cards, soft shadows, 3D gold button, no outlines. */
.ac-choice-sec { margin: 0 0 44px; }
.card.ac-choice { padding: 28px 28px 24px; border-radius: 30px; background: linear-gradient(160deg, #FFF8E2 0%, #FFFFFF 46%); }
.ac-choice-eyebrow { margin: 0 0 6px; font-family: var(--f-mono); font-weight: 700; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #B26B00; }
.ac-choice-title { margin: 0; font-family: var(--f-disp); font-weight: 800; font-size: clamp(22px, 2.6vw, 28px); letter-spacing: -.035em; line-height: 1.2; color: var(--ink); }
.ac-choice-lede { margin: 10px 0 0; max-width: 620px; font-size: 15.5px; line-height: 1.6; color: #4A3622; }
.ac-choice-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 26px 0 12px; }
.ac-choice-h3 { margin: 0; font-family: var(--f-disp); font-weight: 700; font-size: 17px; letter-spacing: -.02em; color: var(--ink); }
.ac-choice-count { font-family: var(--f-mono); font-weight: 700; font-size: 12px; color: #7A5A32; }

.ac-choice-books { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.ac-choice-book, .ac-choice-pack {
  display: flex; flex-direction: column; align-items: stretch; gap: 6px; min-width: 0;
  padding: 10px 10px 14px; border: 0; border-radius: 22px; background: var(--white);
  box-shadow: 0 1px 2px rgba(43, 21, 0, .06), 0 12px 24px -16px rgba(43, 21, 0, .35);
  font: inherit; color: var(--ink); text-align: left; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.ac-choice-book:hover, .ac-choice-pack:hover { transform: translateY(-3px); box-shadow: 0 1px 2px rgba(43, 21, 0, .06), 0 18px 30px -16px rgba(43, 21, 0, .4); }
.ac-choice-book:focus-visible, .ac-choice-pack:focus-visible { outline: 3px solid #FFB300; outline-offset: 3px; }
.ac-choice-book.is-on, .ac-choice-pack.is-on { background: #FFF1C4; box-shadow: 0 0 0 3px #FFB300, 0 16px 28px -16px rgba(214, 132, 0, .55); }
.ac-choice-book.is-full { opacity: .55; }
.ac-choice-cover, .ac-choice-pack-art { position: relative; display: block; border-radius: 14px; overflow: hidden; background: #F4EBDD; }
.ac-choice-cover { aspect-ratio: 5 / 8; }
.ac-choice-cover img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.ac-choice-pack-art { aspect-ratio: 16 / 9; }
.ac-choice-pack-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ac-choice-tick {
  position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 50%;
  background: rgba(255, 255, 255, .92); box-shadow: 0 2px 6px rgba(43, 21, 0, .25);
  transform: scale(.6); opacity: 0; transition: transform .2s cubic-bezier(.3, 1.6, .5, 1), opacity .15s;
}
.ac-choice-tick::after { content: ""; position: absolute; left: 10px; top: 6px; width: 6px; height: 12px; border: solid #B26B00; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.is-on .ac-choice-tick { transform: scale(1); opacity: 1; background: #FFB300; }
.is-on .ac-choice-tick::after { border-color: var(--white); }
.ac-choice-name { font-weight: 700; font-size: 14px; line-height: 1.3; padding: 2px 4px 0; }
.ac-choice-sub { font-size: 12.5px; color: #7A5A32; padding: 0 4px; }

.ac-choice-packs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ac-choice-pack .ac-choice-name { font-size: 13.5px; }

.ac-choice-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 26px; }
.ac-choice-summary { margin: 0; font-size: 14.5px; color: #4A3622; }
.ac-choice-go { min-height: 50px; padding: 0 26px; font-size: 15.5px; }
.ac-choice-go:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.ac-choice-msg { margin: 12px 0 0; font-size: 14px; font-weight: 600; color: #A3141F; min-height: 0; }
.ac-choice-msg:empty { display: none; }

.ac-choice-confirm-list { margin: 14px 0 6px; padding-left: 20px; font-size: 15px; line-height: 1.7; color: var(--ink); }
.ac-choice-confirm-note { margin: 6px 0 20px; font-size: 14px; color: #4A3622; }
.ac-choice--done { background: linear-gradient(160deg, #FFF1C4 0%, #FFFFFF 70%); }

@media (max-width: 960px) {
  .ac-choice-books { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ac-choice-packs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .card.ac-choice { padding: 22px 16px 18px; border-radius: 24px; }
  .ac-choice-books, .ac-choice-packs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ac-choice-foot { flex-direction: column; align-items: stretch; }
  .ac-choice-go { justify-content: center; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ac-choice-book, .ac-choice-pack, .ac-choice-tick { transition: none; }
}