/** Shopify CDN: Minification failed

Line 10:50 Unexpected "*"

**/
/* ============================================================
 * tgf-additions.css — auto-generated by 11_build_mapping_dictionary.py
 * Source: outputs/10_inline_styles_distinct.jsonl
 * Append/paste into theme/assets after the existing tgf-* classes.
 * Each class below is renamed from its gkf-*/gks-*/egk-*/gfh-* source
 * to its tgf-* equivalent so the body markup can stop carrying inline
 * <style> blocks once Phase 3 runs.
 *
 * Collision-safe: when multiple source prefixes share a suffix
 * (e.g. egk-grid, gfh-grid, gkf-grid), each gets a unique target
 * (tgf-grid-egk, tgf-grid-gfh, tgf-grid-gkf).
 * ============================================================ */

/* --- from inline block #1, source .egk-btns → .tgf-btns --- */
.tgf-btns {display:flex;gap:10px;flex-wrap:wrap}

/* --- from inline block #1, source .egk-grid → .tgf-grid-egk --- */
.tgf-grid-egk {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 16px}

/* --- from inline block #1, source .egk-quick → .tgf-quick --- */
.tgf-quick {border:1px solid #eee;border-radius:14px;padding:14px;background:#fff;margin:0 0 16px}

/* --- from inline block #1, source .egk-wrap → .tgf-wrap-egk --- */
.tgf-wrap-egk {max-width:1200px;margin:0 auto;padding:12px 10px;font-family:inherit}

/* --- from inline block #4, source .gfh-grid → .tgf-grid-gfh --- */
.tgf-grid-gfh {display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

/* --- from inline block #4, source .gfh-kpis → .tgf-kpis-gfh --- */
.tgf-kpis-gfh {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* --- from inline block #4, source .gfh-wrap → .tgf-wrap-gfh --- */
.tgf-wrap-gfh {max-width:1180px;margin:0 auto;padding:14px 10px;font-family:inherit}

/* --- from inline block #5, source .gkf-addon-list → .tgf-addon-list --- */
.tgf-addon-list {display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

/* --- from inline block #32, source .gkf-compat → .tgf-compat --- */
.tgf-product-desc .tgf-compat {background:#f8f8f8;border-left:3px solid #ff6a00;padding:10px 14px;font-size:13px;color:#444;margin:14px 0}

/* --- from inline block #29, source .gkf-decal-desc → .tgf-decal-desc --- */
.tgf-decal-desc {font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.65;color:#222;max-width:900px}

/* --- from inline block #31, source .gkf-decal-short → .tgf-decal-short --- */
.tgf-decal-short {font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.6;color:#222}

/* --- from inline block #33, source .gkf-delivery → .tgf-delivery --- */
.tgf-short .tgf-delivery {font-size:12px;font-weight:700;color:#111;margin-top:8px}

/* --- from inline block #15, source .gkf-grid → .tgf-grid-gkf --- */
.tgf-grid-gkf {display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

/* --- from inline block #33, source .gkf-hook → .tgf-hook --- */
.tgf-short .tgf-hook {margin-bottom:10px}

/* --- from inline block #32, source .gkf-intro-badge → .tgf-intro-badge --- */
.tgf-product-desc .tgf-intro-badge {display:inline-block;background:#ff6a00;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:3px;margin-bottom:14px}

/* --- from inline block #16, source .gkf-kpi → .tgf-kpi --- */
.tgf-kpi {border:1px solid #eee;border-radius:14px;padding:10px 12px;background:#fafafa}

/* --- from inline block #16, source .gkf-kpis → .tgf-kpis-gkf --- */
.tgf-kpis-gkf {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}

/* --- from inline block #11, source .gkf-result → .tgf-result --- */
.tgf-result {border:1px solid #eee;border-radius:14px;padding:14px;background:#fff;margin:0 0 18px}

/* --- from inline block #11, source .gkf-result-card → .tgf-result-card --- */
.tgf-result-card {border:1px solid #eee;border-radius:12px;padding:12px;background:#fff}

/* --- from inline block #11, source .gkf-result-grid → .tgf-result-grid --- */
.tgf-result-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

/* --- from inline block #33, source .gkf-short → .tgf-short --- */
.tgf-short {font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.6;color:#222}

/* --- from inline block #32, source .gkf-spec-grid → .tgf-spec-grid --- */
.tgf-product-desc .tgf-spec-grid {display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:10px 0 16px}

/* --- from inline block #32, source .gkf-spec-item → .tgf-spec-item --- */
.tgf-product-desc .tgf-spec-item {font-size:13px}

/* --- from inline block #33, source .gkf-specs-inline → .tgf-specs-inline --- */
.tgf-short .tgf-specs-inline {font-size:13px;color:#444;margin-bottom:8px}

/* --- from inline block #5, source .gkf-step-grid → .tgf-step-grid --- */
.tgf-step-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

/* --- from inline block #33, source .gkf-tagline → .tgf-tagline --- */
.tgf-short .tgf-tagline {font-size:15px;font-weight:700;color:#d45a00;margin-bottom:10px}

/* --- from inline block #29, source .gkf-tip → .tgf-tip --- */
.tgf-decal-desc .tgf-tip {background:#fff8f3;border:1px solid #ffc299;border-radius:4px;padding:10px 14px;font-size:13px;margin:12px 0}

/* --- from inline block #5, source .gkf-wrap → .tgf-wrap-gkf --- */
.tgf-wrap-gkf {max-width:1200px;margin:0 auto;padding:12px 10px;font-family:inherit}

/* --- from inline block #0, source .gks-wrap → .tgf-wrap-gks --- */
.tgf-wrap-gks {
    --gks-accent:#ff6600;
    --gks-accent2:#eba313;
    --gks-ink:#111;
    --gks-muted:#555;
    --gks-border:#eee;
    --gks-soft:#fafafa;

    max-width:1200px;
    margin:0 auto;
    padding:12px 10px;
    font-family:inherit;
    color:var(--gks-ink);
  }