/* Warhorn Tactical Gift Card page. Loads after /styles.css (v34) and only adds what the
   gift card needs on top of the standard product page (.qv--page) layout. */

/* Gallery: the cards are 16:10, not square like apparel shots */
.gc .gc__gallery{background:#141414}
.gc .gc__stage{padding:48px 56px}
.gc .gc__slides{position:relative;height:auto;width:100%;max-width:760px;aspect-ratio:16/10}
.gc .gc__slides .qv__slide{position:absolute;inset:0}
.gc .gc__slides img{object-fit:contain;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(201,160,74,.22)}
.gc .gc__thumb img{width:96px;height:60px;object-fit:cover;background:#0a0a0a;border-radius:3px}

/* Amount buttons reuse the size picker; give them room for dollar amounts */
.gc .gc__amounts{margin:4px 0 22px}
.gc .gc__amounts .size-pick__opt{min-width:72px;height:44px;font-size:.92rem}
.gc .gc__amount-name{color:var(--text);letter-spacing:.12em}

/* FAQ uses the home-page FAQ items, scaled for the info column */
.gc .gc__faq{margin-top:30px}
.gc .gc__faq-h{font-family:var(--cond);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:500;color:var(--gold-hi);margin:0 0 10px}
.gc .gc__faq .faq__item summary{padding:16px 0;font-size:.95rem}
.gc .gc__faq .faq__a{padding:0 0 16px}
.gc .gc__faq .faq__a p{margin:0}

@media (max-width:900px){
  .gc .gc__stage{padding:28px 20px}
  .gc .gc__amounts .size-pick__opt{min-width:0;flex:1 1 0;padding:0 6px}
  .gc .gc__amounts .size-pick__opts{flex-wrap:nowrap}
}
@media (max-width:600px){
  /* thumbnails do the switching on phones; arrows and the corner label would sit on the card art */
  .gc .gc__stage .qv__arrow,.gc .gc__stage .qv__view-label{display:none}
  .gc .gc__stage{padding:24px 20px}
  .gc .gc__slides img{border-radius:10px}
  .gc .qv__thumbs{gap:8px;padding:10px}
  .gc .gc__thumb{padding:4px 10px 4px 4px;gap:8px;white-space:nowrap}
  .gc .gc__thumb img{width:72px;height:45px}
}
@media (max-width:380px){
  .gc .gc__amounts .size-pick__opts{flex-wrap:wrap}
  .gc .gc__amounts .size-pick__opt{flex:1 1 28%}
}