/* TF2 uses the shared product layout, gallery, purchase card and feature sections. */
.tf2-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:-12px 0 30px}.tf2-tags li{padding:6px 11px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-secondary)}
.tf2-product .screenshot-item{text-decoration:none}.tf2-product .lightbox figure{margin:0;max-width:90vw}.tf2-product .lightbox figure img{display:block;max-width:100%;max-height:82vh;object-fit:contain;margin:auto}.tf2-product .lightbox-nav{font-size:36px}
@media(max-width:480px){.tf2-product .product-section-heading{align-items:start;flex-direction:column}.tf2-product .lightbox figure{max-width:100vw}}

/* Match the existing native free-key dialog. */
.tf2-product #freeKeyModal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;color:#fff}
.tf2-product #freeKeyModal[open]{display:flex;align-items:center;justify-content:center}
.tf2-product #freeKeyModal::backdrop{background:transparent}
.tf2-product #freeKeyModal .freekey-modal{position:relative}
.tf2-product #freeKeyModal .freekey-modal-close{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer}
.tf2-product #freeKeyModal .freekey-step{display:flex;align-items:flex-start}
.tf2-product #freeKeyModal .freekey-step-num{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}
.tf2-product #freeKeyModal .freekey-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
.tf2-product #freeKeyModal .freekey-tip{display:flex;align-items:flex-start;gap:10px}
.tf2-product #freeKeyModal .freekey-tip svg{flex-shrink:0}