/* Align with ArchMC Store (July 2024 MHTML). The Cobalt theme and Bootstrap
   provide the original colors, typography, product grid and modal styles. */
.store-section .store-cards > .col-md-3 { margin-bottom: 1.25rem; }
.store-section .store-card { display: flex; flex-direction: column; height: 100%; }
.store-section .store-card-img { display: block; width: 100%; height: auto; border-radius: .625rem; }
.store-section .store-card-button { margin-top: auto; }
.store-section .list-group-item a { display:block; }
.store-section .list-group-item.active a { color: white; }
.store-section .img-card-wrapper { display: flex; margin-bottom: 1.25rem; }
.store-section .img-container { height:196px; overflow:hidden; }
.store-section .img-card img { width:100%;height:100%;object-fit:cover; }
/* The original buy dialog from the captured page uses the Bootstrap 4 modal. */
#buyModal .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
#buyModal .modal-content { overflow:hidden; }
#buyModal .modal-header { display:flex;align-items:center;justify-content:space-between; }
#buyModal .modal-title { font-weight:600; }
#buyModal .modal-body .row { margin-bottom: 0; }
#buyModal .title.background { margin: 1.25rem 0 .85rem; }
#buyModal .product-details { overflow-wrap:anywhere;line-height:1.5; }
#buyModal .product-details img { max-width:100%;vertical-align:middle; }
#buyModal .store-card-img { width:100%;height:auto; }
#buyModal .store-action-status { margin-top: 13px; padding: 12px; border-radius: 5px; background: #262626; color: #e8e8e8; font-size: .875rem; }
#buyModal .store-action-status[hidden] { display:none; }
#buyModal .archive-description-note { color: #aaa; }
@media (max-width: 575.98px) {
  #buyModal .modal-dialog { margin:.5rem;max-width:none; }
  #buyModal .modal-body { padding:1rem; }
  #buyModal .col-sm-4 { font-weight:700; }
  #buyModal .product-details h2 { font-size:1.2rem; }
  .store-section .store-cards > .col-md-3 { max-width:50%; flex:0 0 50%; }
  .store-section .store-card-text { font-size:.9rem; }
}
@media (max-width: 400px) {
  .store-section .store-cards > .col-md-3 { max-width:100%; flex:0 0 100%; }
}

/* Unified Japanese category navigation and home gallery. */
.store-section .store-category-nav { margin-bottom: 1.25rem; }
.store-section .store-home-categories > [class*="col-"] { margin-bottom: 1.25rem; }
.store-section .store-home-categories .img-card-wrapper { margin-bottom: .5rem; }
.store-section .store-category-label { text-align:center; font-weight:600; margin-top:.5rem; }
.store-section .store-category-label a { color:inherit; }

/* The attached 2024 archive contains demonstration USD prices, not approved offers. */
.store-archived-prices-notice { display:block; margin:0 0 1rem; padding:.8rem 1rem; border:1px solid rgba(243,188,69,.35); border-radius:8px; background:rgba(243,188,69,.07); color:#f1d39c; font-size:.9rem; }
