/* Product-page components; the shared site styles supply the theme. */
.stock-product-page .stock-brand { color: var(--bs-body-color); text-decoration: none; white-space: nowrap; }
.stock-brand img { object-fit: contain; }
.stock-product-page .stock-menu-toggle { display: inline-flex; align-items: center; justify-content: center; color: var(--bs-body-color); padding: .5rem; }
.stock-skip-link { position: fixed; top: .5rem; left: .5rem; z-index: 1100; padding: .75rem; background: #fff; color: #111; }
.stock-product-page #shoppingCartButton .badge-notify { position: absolute; top: 0; right: 0; min-width: 20px; padding: 2px 5px; border-radius: 10px; background: #f01414; color: #fff; font-size: 12px; line-height: 16px; text-align: center; }
.stock-product-page .primary-menu .nav-item:nth-child(4n+1) { --stock-nav-color: #d2a70e; }
.stock-product-page .primary-menu .nav-item:nth-child(4n+2) { --stock-nav-color: #1d5ce3; }
.stock-product-page .primary-menu .nav-item:nth-child(4n+3) { --stock-nav-color: #e62546; }
.stock-product-page .primary-menu .nav-item:nth-child(4n+4) { --stock-nav-color: #008c48; }
.stock-product-page .primary-menu .parent-icon i { color: var(--stock-nav-color); text-shadow: 5px 5px 5px #111419; }
.stock-product-page .card { border: 1px solid var(--bs-border-color); }
.stock-product-page .stock-muted { color: #b3bdd3; }
.stock-product-page .breadcrumb-item.active { color: #b3bdd3; }
.stock-product-page .stock-lead { font-size: 1.05rem; line-height: 1.8; color: #c5cee0; }
.stock-price { font-size: 2.5rem; line-height: 1.1; font-weight: 600; color: var(--bs-heading-color); letter-spacing: -.05em; }
.stock-highlight { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .7rem; border-radius: 2rem; background: rgba(0, 140, 255, .1); font-size: .8rem; }
.stock-highlight i { color: #58d3b6; font-size: 17px; }
.stock-main-photo { display: block; position: relative; width: 100%; border: 0; padding: 0; background: #fff; cursor: zoom-in; }
.stock-main-photo > img { display: block; width: 100%; height: 440px; object-fit: contain; }
.stock-zoom { display: inline-flex; align-items: center; gap: .4rem; position: absolute; right: 1rem; bottom: 1rem; padding: .45rem .75rem; border-radius: 2rem; background: rgba(7, 12, 41, .88); color: #fff; font-size: .8rem; }
.stock-zoom i { font-size: 19px; }
.stock-thumbnails { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.stock-thumbnail { min-width: 0; padding: 5px; border: 2px solid var(--bs-border-color); border-radius: .85rem; background: var(--bs-card-bg); color: var(--bs-body-color); text-align: center; }
.stock-thumbnail img { display: block; width: 100%; height: 88px; object-fit: contain; background: #fff; border-radius: .5rem; }
.stock-thumbnail span { display: block; padding: .5rem .2rem .25rem; font-size: .73rem; }
.stock-thumbnail.is-selected { border-color: #008cff; box-shadow: 0 0 0 2px rgba(0, 140, 255, .2); }
.stock-product-page :is(button, a, input, select, textarea):focus-visible { outline: 3px solid #62b9ff; outline-offset: 3px; }
.stock-options legend { font-size: .95rem; }
.stock-quantity { width: 145px; }
.stock-quantity .form-control { min-width: 0; padding-inline: .2rem; }
.stock-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.stock-quantity input { appearance: textfield; -moz-appearance: textfield; }
.stock-section { scroll-margin-top: 95px; }
.stock-section-nav { display: flex; flex-wrap: wrap; gap: .25rem .75rem; border-block: 1px solid var(--bs-border-color); padding-block: .75rem; }
.stock-section-nav a { display: block; padding: .6rem .7rem; border-radius: .5rem; color: var(--bs-body-color); font-weight: 500; }
.stock-section-nav a:hover { color: #fff; background: rgba(0, 140, 255, .16); }
.stock-eyebrow { font-size: .72rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; color: #65baff; margin-bottom: .7rem; }
.stock-description { line-height: 1.9; max-width: 70ch; }
.stock-feature-icon { font-size: 30px; color: #62b9ff; }
#features .col:nth-child(3n+2) .stock-feature-icon { color: #58d3b6; }
#features .col:nth-child(3n+3) .stock-feature-icon { color: #efc85d; }
.stock-icon-blue { color: #62b9ff; font-size: 28px; }
.stock-icon-gold { color: #efc85d; font-size: 28px; }
.stock-product-page .stock-spec-table > tbody > tr > * { padding: 1rem 1.5rem; color: var(--bs-body-color); background: transparent; border-color: var(--bs-border-color); }
.stock-product-page .stock-spec-table th { width: 35%; font-weight: 500; }
.stock-product-page .stock-spec-table tr:nth-child(even) { background: rgba(255, 255, 255, .025); }
.stock-product-page .stock-spec-table tr:last-child > * { border-bottom: 0; }
.stock-product-page .accordion-button { line-height: 1.5; }
.stock-product-page .accordion-body { line-height: 1.8; }
.stock-enlarged-photo { display: block; width: 100%; max-height: 75vh; object-fit: contain; background: #fff; border-radius: .5rem; }
.stock-selection { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .75rem 1rem; }
.stock-selection dt { font-weight: 500; }
.stock-selection dd { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
@media (min-width: 992px) { .stock-gallery { position: sticky; top: 95px; } }
@media (max-width: 575.98px) {
  .stock-brand span { font-size: .85rem; }
  .stock-brand img { width: 32px; height: 32px; }
  .stock-product-page .top-header .navbar { gap: .4rem !important; }
  .stock-main-photo > img { height: 320px; }
  .stock-thumbnails { gap: .4rem; }
  .stock-thumbnail img { height: 66px; }
  .stock-thumbnail span { font-size: .65rem; }
  .stock-section-nav { gap: .1rem; }
  .stock-section-nav a { font-size: .82rem; padding: .5rem; }
  .stock-product-page .stock-spec-table > tbody > tr > * { padding: .85rem; overflow-wrap: anywhere; }
  .stock-product-page .stock-spec-table th { width: 40%; }
}
