/** 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);
  }

/* One-line explanation under a variant option (snippets/product-variant-picker.liquid) */
.tgf-option-note {
  margin: 0.6rem 0 0;
  font-size: 1.3rem;
  opacity: 0.75;
}

/* Extra product choices (snippets/tgf-product-choices.liquid), under the variant options */
.tgf-product-choices .product-form__input {
  margin-top: 0;
}

/* ===== Skin category pages (task 42, 2026-09-30): collection description of the theme collections
   (skull-guitar-skins, ...). Scoped to .tgf-cat so no existing page is affected. ===== */
.tgf-cat{--tgf-accent:#FB5C06;--tgf-accent2:#eba313;--tgf-ink:#111;--tgf-muted:#555;--tgf-border:#eee;max-width:110rem;margin:0 auto;text-align:left}
.tgf-cat__intro{font-size:1.6rem;line-height:1.6;margin:0 0 1.2rem}
.tgf-cat__badges{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 .6rem;padding:0;list-style:none}
.tgf-cat__badges li{border:1px solid rgba(var(--color-foreground),.12);border-radius:99rem;padding:.4rem 1.1rem;font-size:1.3rem;background:rgba(var(--color-foreground),.03)}
.tgf-cat__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:.4rem 0 1.2rem}
.tgf-cat__box{border:1px solid rgba(var(--color-foreground),.1);border-radius:1.2rem;padding:1.4rem 1.6rem;background:rgb(var(--color-background))}
.tgf-cat__box h2{font-size:1.8rem;margin:0 0 .6rem}
.tgf-cat__box p{font-size:1.4rem;line-height:1.55;margin:0 0 .6rem}
.tgf-cat__box--accent{border-color:#ffd9c7;background:#fff6f1}
.tgf-cat__links{display:flex;flex-wrap:wrap;gap:.6rem;margin:.4rem 0 0}
.tgf-cat__links a{border:1px solid rgba(var(--color-foreground),.18);border-radius:99rem;padding:.4rem 1.1rem;font-size:1.3rem;text-decoration:none;color:rgb(var(--color-foreground))}
.tgf-cat__links a:hover{border-color:rgb(var(--color-foreground))}
.tgf-cat details.tgf-cat__q{border-top:1px solid rgba(var(--color-foreground),.1);padding:1rem 0}
.tgf-cat details.tgf-cat__q:first-of-type{border-top:0}
.tgf-cat details.tgf-cat__q summary{cursor:pointer;font-weight:700;font-size:1.45rem}
.tgf-cat details.tgf-cat__q p{margin:.6rem 0 0}
@media screen and (max-width:749px){.tgf-cat__grid{grid-template-columns:1fr}.tgf-cat__intro{font-size:1.5rem}}
.tgf-cat__box--wide{grid-column:1/-1}
/* hub of the skin categories (guitar-skin-artworks-design): theme tiles */
.tgf-cat__themes-title{font-size:2rem;margin:1.6rem 0 1rem}
.tgf-cat__themes{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin:0 0 1rem}
.tgf-cat__theme{display:flex;flex-direction:column;text-decoration:none;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1);border-radius:1rem;overflow:hidden;background:rgb(var(--color-background))}
.tgf-cat__theme img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.tgf-cat__theme span{padding:.6rem .8rem;font-size:1.3rem;font-weight:600;line-height:1.25}
.tgf-cat__theme:hover span{text-decoration:underline}
.tgf-cat details.tgf-cat__more>summary{cursor:pointer;font-weight:700;font-size:1.4rem;margin:.4rem 0 1rem;color:rgb(var(--color-foreground))}
@media screen and (max-width:989px){.tgf-cat__themes{grid-template-columns:repeat(4,1fr)}}
@media screen and (max-width:749px){.tgf-cat__themes{grid-template-columns:repeat(3,1fr)}.tgf-cat__theme span{font-size:1.2rem}}
.tgf-cat__related{font-size:1.4rem;margin:.2rem 0 .8rem}.tgf-cat__related a{font-weight:600}
/* "More like this" under the ready-made tiles on skin product pages */
.tgf-more{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:baseline;margin:1.4rem 0 0;font-size:1.35rem;line-height:1.5}
.tgf-more a{color:rgb(var(--color-foreground))}
.tgf-more__main{font-weight:700;font-size:1.45rem}
.tgf-more__also{opacity:.85}