{"product_id":"standalone-esx-mk-tattoos-advanced-tattoo-studio-modern-ui-live-preview","title":"[Standalone \/ ESX] MK Tattoos | Advanced Tattoo Studio | Modern UI | Live Preview","description":"\u003cstyle\u003e\n  \/* =========================================================\n     FIVEM-LAB — MK TATTOOS\n     ADVANCED TATTOO STUDIO \/ ESX \/ ILLENIUM APPEARANCE\n     ========================================================= *\/\n\n  .fml-mk-tattoos {\n    --gold:#ffd700;\n    --white:#ffffff;\n    --black:#050505;\n    --text:rgba(255,255,255,.92);\n    --muted:rgba(255,255,255,.66);\n    --dim:rgba(255,255,255,.42);\n    --line:rgba(255,255,255,.10);\n    --line-soft:rgba(255,255,255,.055);\n    --gold-line:rgba(255,215,0,.34);\n    --panel:rgba(255,255,255,.022);\n\n    width:100%;\n    max-width:1180px;\n    margin:0 auto;\n    padding:18px 0 88px;\n\n    color:var(--text);\n    background:transparent;\n    font-family:inherit;\n    font-size:16px;\n    line-height:1.7;\n  }\n\n  .fml-mk-tattoos,\n  .fml-mk-tattoos *,\n  .fml-mk-tattoos *::before,\n  .fml-mk-tattoos *::after {\n    box-sizing:border-box;\n  }\n\n  .fml-mk-tattoos h2,\n  .fml-mk-tattoos h3,\n  .fml-mk-tattoos p,\n  .fml-mk-tattoos dl,\n  .fml-mk-tattoos dt,\n  .fml-mk-tattoos dd {\n    margin:0;\n  }\n\n  .fml-mk-tattoos a {\n    color:inherit;\n  }\n\n  .fml-mk-tattoos ::selection {\n    color:#050505;\n    background:var(--gold);\n  }\n\n  .fml-mk-tattoos code {\n    padding:2px 6px;\n\n    color:var(--gold);\n    background:rgba(255,215,0,.055);\n\n    border:1px solid rgba(255,215,0,.18);\n    border-radius:3px;\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n  }\n\n\n  \/* =========================================================\n     HERO\n     ========================================================= *\/\n\n  .fml-mk-tattoos__hero {\n    position:relative;\n    isolation:isolate;\n    overflow:hidden;\n\n    display:grid;\n    grid-template-columns:minmax(0,1.03fr) minmax(330px,.72fr);\n    gap:clamp(28px,5vw,64px);\n    align-items:center;\n\n    padding:clamp(36px,5.5vw,72px);\n\n    border:1px solid var(--line);\n    border-top-color:var(--gold-line);\n    border-radius:7px;\n\n    background:\n      radial-gradient(\n        circle at 91% 5%,\n        rgba(255,215,0,.14),\n        transparent 30%\n      ),\n      linear-gradient(\n        135deg,\n        rgba(255,215,0,.034),\n        transparent 48%\n      ),\n      rgba(0,0,0,.18);\n  }\n\n  .fml-mk-tattoos__hero::before {\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:min(440px,72%);\n    height:2px;\n\n    background:var(--gold);\n    box-shadow:0 0 24px rgba(255,215,0,.36);\n  }\n\n  .fml-mk-tattoos__eyebrow {\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px 16px;\n\n    margin-bottom:24px;\n\n    color:var(--gold);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__eyebrow span + span {\n    color:var(--dim);\n  }\n\n  .fml-mk-tattoos__eyebrow span + span::before {\n    content:\"\/\";\n    margin-right:16px;\n    color:var(--gold);\n  }\n\n  .fml-mk-tattoos__title {\n    margin:0 !important;\n\n    color:var(--white) !important;\n\n    font-size:clamp(43px,6vw,76px) !important;\n    font-weight:950 !important;\n    letter-spacing:-.052em;\n    line-height:.95 !important;\n\n    text-wrap:balance;\n  }\n\n  .fml-mk-tattoos__lead {\n    max-width:810px;\n    margin-top:27px !important;\n\n    color:var(--muted) !important;\n\n    font-size:clamp(18px,1.9vw,23px);\n    font-weight:600;\n    line-height:1.58;\n  }\n\n  .fml-mk-tattoos__lead strong {\n    color:var(--white);\n  }\n\n  .fml-mk-tattoos__badges {\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n\n    margin-top:31px;\n  }\n\n  .fml-mk-tattoos__badge {\n    display:inline-flex;\n    align-items:center;\n\n    min-height:37px;\n    padding:0 13px;\n\n    color:var(--white);\n    background:rgba(255,255,255,.025);\n\n    border:1px solid var(--line);\n    border-radius:3px;\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:.09em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__badge--gold {\n    color:#050505;\n    background:var(--gold);\n    border-color:var(--gold);\n  }\n\n  .fml-mk-tattoos__meta {\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px 25px;\n\n    margin-top:28px;\n    padding-top:22px;\n\n    border-top:1px solid var(--line);\n  }\n\n  .fml-mk-tattoos__meta span {\n    position:relative;\n    padding-left:17px;\n\n    color:var(--dim);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.09em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__meta span::before {\n    content:\"\";\n    position:absolute;\n    top:.7em;\n    left:0;\n\n    width:7px;\n    height:1px;\n    background:var(--gold);\n  }\n\n\n  \/* HERO MEDIA *\/\n\n  .fml-mk-tattoos__media {\n    position:relative;\n    overflow:hidden;\n\n    min-height:400px;\n\n    border:1px solid var(--line);\n    border-radius:5px;\n\n    background:#050505;\n  }\n\n  .fml-mk-tattoos__media img {\n    display:block;\n\n    width:100%;\n    height:100%;\n    min-height:400px;\n\n    object-fit:cover;\n  }\n\n  .fml-mk-tattoos__media::after {\n    content:\"\";\n    position:absolute;\n    inset:0;\n\n    pointer-events:none;\n\n    background:\n      linear-gradient(\n        180deg,\n        transparent 54%,\n        rgba(0,0,0,.82)\n      );\n  }\n\n  .fml-mk-tattoos__media-tag {\n    position:absolute;\n    z-index:2;\n    right:15px;\n    bottom:14px;\n    left:15px;\n\n    color:rgba(255,255,255,.72);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n  }\n\n\n  \/* =========================================================\n     SECTIONS\n     ========================================================= *\/\n\n  .fml-mk-tattoos__section {\n    padding:clamp(54px,7vw,88px) 0;\n    border-bottom:1px solid var(--line);\n  }\n\n  .fml-mk-tattoos__head {\n    display:grid;\n    grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n    gap:clamp(26px,5vw,68px);\n    align-items:start;\n  }\n\n  .fml-mk-tattoos__index {\n    padding-top:7px;\n\n    color:var(--gold);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__kicker {\n    margin-bottom:13px;\n\n    color:var(--dim);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__section-title {\n    max-width:950px;\n    margin:0 !important;\n\n    color:var(--white) !important;\n\n    font-size:clamp(29px,3.9vw,47px) !important;\n    font-weight:950 !important;\n    letter-spacing:-.04em;\n    line-height:1.05 !important;\n\n    text-wrap:balance;\n  }\n\n  .fml-mk-tattoos__intro {\n    max-width:900px;\n    margin-top:20px !important;\n\n    color:var(--muted) !important;\n\n    font-size:clamp(16px,1.45vw,19px);\n    line-height:1.74;\n  }\n\n  .fml-mk-tattoos__statement {\n    display:grid;\n    grid-template-columns:minmax(0,1fr) auto;\n    gap:30px;\n    align-items:end;\n\n    margin-top:42px;\n    padding-top:27px;\n\n    border-top:1px solid var(--line);\n  }\n\n  .fml-mk-tattoos__statement p {\n    max-width:860px;\n\n    color:var(--text) !important;\n\n    font-size:clamp(18px,2vw,23px);\n    font-weight:650;\n    line-height:1.5;\n  }\n\n  .fml-mk-tattoos__code-label {\n    color:var(--gold);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:.12em;\n    white-space:nowrap;\n  }\n\n\n  \/* =========================================================\n     STATS\n     ========================================================= *\/\n\n  .fml-mk-tattoos__stats {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:12px;\n\n    margin-top:42px;\n  }\n\n  .fml-mk-tattoos__stat {\n    min-width:0;\n    padding:23px;\n\n    border:1px solid var(--line);\n    border-top-color:var(--gold-line);\n    border-radius:4px;\n\n    background:var(--panel);\n  }\n\n  .fml-mk-tattoos__stat small {\n    display:block;\n    margin-bottom:17px;\n\n    color:var(--dim);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:8px;\n    font-weight:900;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__stat strong {\n    display:block;\n\n    color:var(--gold);\n\n    font-size:clamp(23px,2.8vw,36px);\n    font-weight:950;\n    letter-spacing:-.045em;\n    line-height:1;\n  }\n\n  .fml-mk-tattoos__stat span {\n    display:block;\n    margin-top:10px;\n\n    color:var(--muted);\n\n    font-size:12px;\n    line-height:1.5;\n  }\n\n\n  \/* =========================================================\n     CARDS\n     ========================================================= *\/\n\n  .fml-mk-tattoos__grid {\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:14px;\n\n    margin-top:42px;\n  }\n\n  .fml-mk-tattoos__card {\n    position:relative;\n    overflow:hidden;\n\n    min-width:0;\n    padding:clamp(24px,3vw,31px);\n\n    border:1px solid var(--line);\n    border-radius:4px;\n\n    background:var(--panel);\n\n    transition:\n      transform .18s ease,\n      border-color .18s ease,\n      background .18s ease;\n  }\n\n  .fml-mk-tattoos__card::before {\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:0;\n    height:1px;\n\n    background:var(--gold);\n\n    transition:width .22s ease;\n  }\n\n  .fml-mk-tattoos__card:hover {\n    transform:translateY(-2px);\n    border-color:var(--gold-line);\n    background:rgba(255,255,255,.038);\n  }\n\n  .fml-mk-tattoos__card:hover::before {\n    width:100%;\n  }\n\n  .fml-mk-tattoos__card-top {\n    display:flex;\n    justify-content:space-between;\n    gap:14px;\n\n    margin-bottom:26px;\n  }\n\n  .fml-mk-tattoos__number {\n    color:var(--gold);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:10px;\n    font-weight:950;\n  }\n\n  .fml-mk-tattoos__label {\n    color:var(--dim);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:8px;\n    font-weight:800;\n    letter-spacing:.09em;\n    text-align:right;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__card h3 {\n    margin:0 0 11px !important;\n\n    color:var(--white) !important;\n\n    font-size:clamp(20px,2vw,25px) !important;\n    font-weight:950 !important;\n    letter-spacing:-.03em;\n    line-height:1.15 !important;\n  }\n\n  .fml-mk-tattoos__card p {\n    color:var(--muted) !important;\n\n    font-size:14px;\n    line-height:1.7;\n  }\n\n\n  \/* =========================================================\n     STUDIO PANEL\n     ========================================================= *\/\n\n  .fml-mk-tattoos__studio {\n    display:grid;\n    grid-template-columns:minmax(0,1fr) 270px;\n    gap:16px;\n\n    margin-top:42px;\n  }\n\n  .fml-mk-tattoos__studio-main,\n  .fml-mk-tattoos__studio-side {\n    padding:clamp(26px,4vw,38px);\n\n    border:1px solid var(--line);\n    border-radius:5px;\n\n    background:var(--panel);\n  }\n\n  .fml-mk-tattoos__studio-main {\n    border-color:var(--gold-line);\n\n    background:\n      linear-gradient(\n        130deg,\n        rgba(255,215,0,.055),\n        transparent 55%\n      ),\n      var(--panel);\n  }\n\n  .fml-mk-tattoos__studio small {\n    display:block;\n    margin-bottom:11px;\n\n    color:var(--gold);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__studio h3 {\n    margin:0 0 13px !important;\n\n    color:var(--white) !important;\n\n    font-size:clamp(22px,3vw,32px) !important;\n    font-weight:950 !important;\n    letter-spacing:-.035em;\n    line-height:1.1 !important;\n  }\n\n  .fml-mk-tattoos__studio p {\n    color:var(--muted) !important;\n\n    font-size:14px;\n    line-height:1.72;\n  }\n\n  .fml-mk-tattoos__studio-side {\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n\n    min-height:230px;\n  }\n\n  .fml-mk-tattoos__studio-side strong {\n    color:var(--gold);\n\n    font-size:clamp(27px,4vw,42px);\n    font-weight:950;\n    letter-spacing:-.045em;\n    line-height:1;\n  }\n\n\n  \/* =========================================================\n     FLOW\n     ========================================================= *\/\n\n  .fml-mk-tattoos__flow {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:10px;\n\n    margin-top:42px;\n  }\n\n  .fml-mk-tattoos__flow-item {\n    padding:22px 18px;\n\n    border:1px solid var(--line);\n    border-top-color:var(--gold-line);\n    border-radius:4px;\n\n    background:var(--panel);\n  }\n\n  .fml-mk-tattoos__flow-item small {\n    display:block;\n    margin-bottom:25px;\n\n    color:var(--gold);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:9px;\n    font-weight:900;\n  }\n\n  .fml-mk-tattoos__flow-item strong {\n    display:block;\n\n    color:var(--white);\n\n    font-size:17px;\n    font-weight:950;\n  }\n\n  .fml-mk-tattoos__flow-item span {\n    display:block;\n    margin-top:7px;\n\n    color:var(--muted);\n\n    font-size:11px;\n    line-height:1.5;\n  }\n\n\n  \/* =========================================================\n     TECHNICAL\n     ========================================================= *\/\n\n  .fml-mk-tattoos__terminal {\n    margin-top:42px;\n    overflow:hidden;\n\n    border:1px solid var(--gold-line);\n    border-radius:4px;\n\n    background:\n      linear-gradient(\n        180deg,\n        rgba(255,215,0,.026),\n        transparent 30%\n      ),\n      rgba(0,0,0,.20);\n  }\n\n  .fml-mk-tattoos__terminal-head {\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:space-between;\n    gap:10px 24px;\n\n    padding:14px 18px;\n\n    border-bottom:1px solid var(--line);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:.09em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__terminal-head strong {\n    color:var(--gold);\n  }\n\n  .fml-mk-tattoos__terminal-head span {\n    color:var(--dim);\n  }\n\n  .fml-mk-tattoos__spec-grid {\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .fml-mk-tattoos__spec {\n    min-width:0;\n    padding:clamp(23px,3.5vw,32px);\n\n    border-right:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n  }\n\n  .fml-mk-tattoos__spec:nth-child(2n) {\n    border-right:0;\n  }\n\n  .fml-mk-tattoos__spec:nth-last-child(-n + 2) {\n    border-bottom:0;\n  }\n\n  .fml-mk-tattoos__spec dt {\n    margin-bottom:11px;\n\n    color:var(--dim);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:8px;\n    font-weight:900;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__spec-value {\n    display:block;\n\n    color:var(--white);\n\n    font-size:clamp(19px,2.3vw,28px);\n    font-weight:950;\n    letter-spacing:-.035em;\n    line-height:1.1;\n  }\n\n  .fml-mk-tattoos__spec:first-child\n  .fml-mk-tattoos__spec-value {\n    color:var(--gold);\n  }\n\n  .fml-mk-tattoos__spec-copy {\n    display:block;\n    margin-top:9px;\n\n    color:var(--muted);\n\n    font-size:12px;\n    line-height:1.58;\n  }\n\n\n  \/* =========================================================\n     LINKS\n     ========================================================= *\/\n\n  .fml-mk-tattoos__links {\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n\n    margin-top:30px;\n  }\n\n  .fml-mk-tattoos__link {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n\n    min-height:46px;\n    padding:0 18px;\n\n    color:var(--white) !important;\n    background:rgba(255,255,255,.025);\n\n    border:1px solid var(--line);\n    border-radius:4px;\n\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:.04em;\n    text-decoration:none !important;\n    text-transform:uppercase;\n\n    transition:\n      transform .18s ease,\n      border-color .18s ease,\n      color .18s ease;\n  }\n\n  .fml-mk-tattoos__link:hover {\n    transform:translateY(-2px);\n    color:var(--gold) !important;\n    border-color:var(--gold-line);\n  }\n\n  .fml-mk-tattoos__link--gold {\n    color:#050505 !important;\n    background:var(--gold);\n    border-color:var(--gold);\n  }\n\n  .fml-mk-tattoos__link--gold:hover {\n    color:#050505 !important;\n  }\n\n\n  \/* =========================================================\n     CLOSING\n     ========================================================= *\/\n\n  .fml-mk-tattoos__closing {\n    position:relative;\n    overflow:hidden;\n\n    margin-top:clamp(62px,8vw,100px);\n    padding:clamp(38px,6vw,72px);\n\n    border-top:1px solid var(--gold-line);\n    border-bottom:1px solid var(--line);\n\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(255,215,0,.12),\n        transparent 34%\n      ),\n      rgba(255,255,255,.012);\n  }\n\n  .fml-mk-tattoos__closing-label {\n    margin-bottom:19px;\n\n    color:var(--gold);\n\n    font-family:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace;\n\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n  }\n\n  .fml-mk-tattoos__closing h2 {\n    max-width:950px;\n    margin:0 !important;\n\n    color:var(--white) !important;\n\n    font-size:clamp(31px,4.4vw,52px) !important;\n    font-weight:950 !important;\n    letter-spacing:-.045em;\n    line-height:1.03 !important;\n\n    text-wrap:balance;\n  }\n\n  .fml-mk-tattoos__closing p {\n    max-width:890px;\n    margin-top:20px !important;\n\n    color:var(--muted) !important;\n\n    font-size:16px;\n    line-height:1.74;\n  }\n\n  .fml-mk-tattoos__final {\n    margin-top:clamp(44px,7vw,72px);\n\n    color:var(--white);\n\n    font-size:clamp(25px,3.7vw,44px);\n    font-weight:950;\n    letter-spacing:-.043em;\n    line-height:1.08;\n    text-align:center;\n\n    text-wrap:balance;\n  }\n\n  .fml-mk-tattoos__final em {\n    color:var(--gold);\n    font-style:normal;\n  }\n\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width:1000px) {\n    .fml-mk-tattoos__hero {\n      grid-template-columns:1fr;\n    }\n\n    .fml-mk-tattoos__media,\n    .fml-mk-tattoos__media img {\n      min-height:430px;\n    }\n\n    .fml-mk-tattoos__stats,\n    .fml-mk-tattoos__flow {\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n  }\n\n  @media (max-width:900px) {\n    .fml-mk-tattoos__head {\n      grid-template-columns:1fr;\n      gap:15px;\n    }\n\n    .fml-mk-tattoos__studio {\n      grid-template-columns:1fr;\n    }\n  }\n\n  @media (max-width:680px) {\n    .fml-mk-tattoos {\n      padding-top:8px;\n    }\n\n    .fml-mk-tattoos__hero {\n      padding:29px 20px;\n    }\n\n    .fml-mk-tattoos__eyebrow {\n      display:grid;\n      gap:5px;\n    }\n\n    .fml-mk-tattoos__eyebrow span + span::before {\n      display:none;\n    }\n\n    .fml-mk-tattoos__media,\n    .fml-mk-tattoos__media img {\n      min-height:270px;\n    }\n\n    .fml-mk-tattoos__statement,\n    .fml-mk-tattoos__stats,\n    .fml-mk-tattoos__grid,\n    .fml-mk-tattoos__flow,\n    .fml-mk-tattoos__spec-grid {\n      grid-template-columns:1fr;\n    }\n\n    .fml-mk-tattoos__code-label {\n      white-space:normal;\n    }\n\n    .fml-mk-tattoos__spec {\n      border-right:0;\n      border-bottom:1px solid var(--line);\n    }\n\n    .fml-mk-tattoos__spec:nth-last-child(-n + 2) {\n      border-bottom:1px solid var(--line);\n    }\n\n    .fml-mk-tattoos__spec:last-child {\n      border-bottom:0;\n    }\n\n    .fml-mk-tattoos__links {\n      flex-direction:column;\n    }\n\n    .fml-mk-tattoos__link {\n      width:100%;\n    }\n\n    .fml-mk-tattoos__closing {\n      padding:36px 21px;\n    }\n  }\n\n  @media (prefers-reduced-motion:reduce) {\n    .fml-mk-tattoos *,\n    .fml-mk-tattoos *::before,\n    .fml-mk-tattoos *::after {\n      transition-duration:.01ms !important;\n      animation-duration:.01ms !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-mk-tattoos\"\u003e\n\n  \u003c!-- =======================================================\n       HERO\n       ======================================================= --\u003e\n\n  \u003cheader class=\"fml-mk-tattoos__hero\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__eyebrow\"\u003e\n        \u003cspan\u003eFiveM Tattoo Studio\u003c\/span\u003e\n        \u003cspan\u003eESX Legacy\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003ch2 class=\"fml-mk-tattoos__title\"\u003e\n        MK Tattoos\n      \u003c\/h2\u003e\n\n\n      \u003cp class=\"fml-mk-tattoos__lead\"\u003e\n        A tattoo is supposed to be permanent.\n        \u003cstrong\u003eHaving it disappear because somebody changed their outfit is slightly less convincing.\u003c\/strong\u003e\n        MK Tattoos turns the usual FiveM tattoo menu into a proper studio\n        experience: browse the catalog, see the ink on your character before\n        paying and keep it after relogs, restarts and appearance reloads.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"fml-mk-tattoos__badges\"\u003e\n\n        \u003cspan class=\"fml-mk-tattoos__badge fml-mk-tattoos__badge--gold\"\u003e\n          Live Preview\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fml-mk-tattoos__badge\"\u003e\n          Persistent Tattoos\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fml-mk-tattoos__badge\"\u003e\n          ESX Legacy\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fml-mk-tattoos__badge\"\u003e\n          Illenium Appearance\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fml-mk-tattoos__meta\"\u003e\n        \u003cspan\u003eVersion 1.0.4\u003c\/span\u003e\n        \u003cspan\u003eCustom shop locations\u003c\/span\u003e\n        \u003cspan\u003eServer-side validation\u003c\/span\u003e\n        \u003cspan\u003eCFX Asset Escrow\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__media\"\u003e\n\n      \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/c\/b\/f\/d\/cbfde99d895d81f0db437c5813d4ad4505faa93d.jpeg\" alt=\"MK Tattoos advanced tattoo studio for FiveM\" loading=\"lazy\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__media-tag\"\u003e\n        Pick it · Preview it · Pay for the regret\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/header\u003e\n\n\n  \u003c!-- =======================================================\n       EXPERIENCE\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        00 \/ Studio\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          Tattoos deserve more than a dropdown and a purchase button\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          Let players actually look at the tattoo before making it part of the character.\n        \u003c\/h2\u003e\n\n\n        \u003cp class=\"fml-mk-tattoos__intro\"\u003e\n          MK Tattoos gives the tattoo shop its own visual flow instead of\n          treating body customization like another inventory transaction.\n          Players browse available designs through a dedicated interface,\n          preview them directly on the character and only then decide whether\n          the ink deserves the money.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__statement\"\u003e\n\n      \u003cp\u003e\n        No more buying something because the name sounded cool and discovering\n        three seconds later that the tattoo is enormous, sideways and somehow\n        sitting exactly where the shirt covers it.\n      \u003c\/p\u003e\n\n      \u003cspan class=\"fml-mk-tattoos__code-label\"\u003e\n        \/\/ LOOK FIRST · REGRET LATER\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__stats\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__stat\"\u003e\n\n        \u003csmall\u003eCurrent Version\u003c\/small\u003e\n\n        \u003cstrong\u003e1.0.4\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Version stated in the current release information.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fml-mk-tattoos__stat\"\u003e\n\n        \u003csmall\u003eFramework\u003c\/small\u003e\n\n        \u003cstrong\u003eESX\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Built for ESX Legacy environments.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fml-mk-tattoos__stat\"\u003e\n\n        \u003csmall\u003eSource Size\u003c\/small\u003e\n\n        \u003cstrong\u003e3,000+\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approximate line count listed by the developer.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fml-mk-tattoos__stat\"\u003e\n\n        \u003csmall\u003eSubscription\u003c\/small\u003e\n\n        \u003cstrong\u003eNO\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          No recurring subscription is listed.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       FLOW\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        01 \/ Flow\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          The tattoo shop finally behaves like an actual shop\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          Browse. Preview. Commit. Walk out looking like the character you had in mind.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__flow\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__flow-item\"\u003e\n\n        \u003csmall\u003e01 \/ BROWSE\u003c\/small\u003e\n\n        \u003cstrong\u003eChoose the Design\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Browse available tattoos through the dedicated custom UI.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fml-mk-tattoos__flow-item\"\u003e\n\n        \u003csmall\u003e02 \/ PREVIEW\u003c\/small\u003e\n\n        \u003cstrong\u003eSee It Live\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Preview the tattoo directly on the character before purchase.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fml-mk-tattoos__flow-item\"\u003e\n\n        \u003csmall\u003e03 \/ BUY\u003c\/small\u003e\n\n        \u003cstrong\u003eConfirm the Ink\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Purchases are handled with server-side ownership validation.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fml-mk-tattoos__flow-item\"\u003e\n\n        \u003csmall\u003e04 \/ KEEP\u003c\/small\u003e\n\n        \u003cstrong\u003eIt Stays There\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Purchased tattoos are stored and automatically reapplied.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       PERSISTENCE\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        02 \/ Persistence\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          Permanent ink should probably survive a reconnect\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          Change clothes. Reload the skin. Restart the resource. The tattoo does not suddenly develop commitment issues.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__studio\"\u003e\n\n      \u003carticle class=\"fml-mk-tattoos__studio-main\"\u003e\n\n        \u003csmall\u003e\n          \/\/ PERSISTENT CHARACTER DATA\n        \u003c\/small\u003e\n\n        \u003ch3\u003e\n          Buy it once. Keep it on the character.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Purchased tattoos are stored permanently and automatically reapplied\n          when the player's appearance is loaded again. That includes normal\n          reconnects, resource restarts and appearance reloads through the\n          supported character system.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003caside class=\"fml-mk-tattoos__studio-side\"\u003e\n\n        \u003csmall\u003e\n          Persistence\n        \u003c\/small\u003e\n\n        \u003cstrong\u003eSAVED\u003c\/strong\u003e\n\n        \u003csmall\u003e\n          Relog · Restart · Skin reload\n        \u003c\/small\u003e\n\n      \u003c\/aside\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__statement\"\u003e\n\n      \u003cp\u003e\n        This is one of those features nobody applauds when it works.\n        They absolutely notice when it doesn't.\n      \u003c\/p\u003e\n\n      \u003cspan class=\"fml-mk-tattoos__code-label\"\u003e\n        \/\/ STILL TATTOOED\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       APPEARANCE\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        03 \/ Appearance\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          No need to throw away the appearance system you already use\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          Built to work with illenium-appearance instead of trying to replace it.\n        \u003c\/h2\u003e\n\n\n        \u003cp class=\"fml-mk-tattoos__intro\"\u003e\n          MK Tattoos integrates with \u003ccode\u003eillenium-appearance\u003c\/code\u003e, allowing\n          tattoo ownership to stay connected to the player's character\n          customization flow instead of becoming a completely separate island.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__grid\"\u003e\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e01\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eAppearance · Reload\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eOutfit Changes Don't Wipe the Ink\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Tattoos can be reapplied after appearance reloads, helping the\n          character keep the same visual identity when clothing and skin data\n          are refreshed.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e02\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003ePosition · Preview\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003ePut the Character Where the Tattoo Can Actually Be Seen\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The system includes smooth character positioning and preview behavior\n          so players can inspect designs instead of trying to judge body art\n          while the camera is staring at the back of their head.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e03\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eAnimations · Shop\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eMake the Shop Feel Like a Place\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Clean animations and interaction flow help the tattoo studio feel\n          like part of roleplay rather than a configuration menu that happens\n          to be standing inside a building.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e04\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eOwnership · Server\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003ePurchases Are Checked Server-Side\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Ownership and purchase validation are handled server-side rather than\n          trusting the client with the important part of the transaction.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       CONFIGURATION\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        04 \/ Configure\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          Your tattoo economy should not be decided by somebody else's server\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          Put the shops where you want them, charge what makes sense and decide what each studio can offer.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__grid\"\u003e\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e01\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eLocations\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eCustom Tattoo Shops\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Configure tattoo shop locations around your own map rather than being\n          locked into one hard-coded studio.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e02\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003ePrices\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eYour Economy, Your Prices\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Tattoo pricing can be configured so a tiny wrist design and a bigger\n          character decision do not have to cost whatever the default happens\n          to say.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e03\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eCategories\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eOrganize the Catalog\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Categories can be configured to keep larger tattoo libraries easier\n          to browse.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e04\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eCollections\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eControl What's Available\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Available tattoo collections can be configured through accessible\n          configuration files while the protected core remains under CFX Asset\n          Escrow.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       ROLEPLAY\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        05 \/ RP\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          Character customization gets way better when it becomes part of the story\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          A tattoo shop can be more than somewhere players visit once during character creation.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__grid\"\u003e\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e01\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eCharacter · Story\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eLet Characters Change Over Time\u003c\/h3\u003e\n\n        \u003cp\u003e\n          New tattoo after joining a crew, memorial ink after a major RP arc or\n          simply a terrible late-night decision — persistent tattoos give those\n          choices somewhere to stay.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e02\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eBusiness · Studio\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eGive Tattoo MLOs Something to Do\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Pair the script with a tattoo studio interior and the location stops\n          being decorative. Players now have an actual reason to walk through\n          the door.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e03\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003eIdentity · Style\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eMake Characters Easier to Recognize\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Tattoos add another layer of visual identity beyond clothing and\n          hairstyles — especially for characters who have been on the server\n          long enough to develop a history.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n          \u003cspan class=\"fml-mk-tattoos__number\"\u003e04\u003c\/span\u003e\n          \u003cspan class=\"fml-mk-tattoos__label\"\u003ePreview · Decision\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eMake the Purchase Part of the Moment\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Live preview gives the player time to actually look at the design,\n          compare options and decide instead of turning body customization into\n          blind shopping.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       TECHNICAL\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        06 \/ Technical\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          The boring part that becomes very interesting five minutes before installation\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          ESX Legacy, illenium-appearance and oxmysql are the pieces you'll need.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__terminal\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__terminal-head\"\u003e\n\n        \u003cstrong\u003e\n          \/\/ MK_TATTOOS_V1.0.4\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          FiveM \/ ESX \/ Tattoo Studio\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdl class=\"fml-mk-tattoos__spec-grid\"\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eFramework\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              ESX Legacy\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              ESX Legacy is listed as the supported framework.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eAppearance\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              illenium-appearance\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              Required appearance system and supported for tattoo persistence.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eDatabase\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              oxmysql\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              Required database resource.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eCurrent Version\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              1.0.4\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              Current version stated in the supplied product information.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eCode Access\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              Config Files\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              Configuration files are accessible; the core resource is protected.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eProtection\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              CFX Escrow\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              Core logic is protected through CFX Asset Escrow.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eApprox. Lines\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              3,000+\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              Approximate line count listed by the developer.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eSubscription\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              No\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              No recurring subscription is listed.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003ePersistence\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              Included\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              Tattoos are stored and reapplied after relog, restart and\n              appearance reload.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n          \u003cdt\u003eSupport\u003c\/dt\u003e\n\n          \u003cdd\u003e\n            \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n              Yes\n            \u003c\/span\u003e\n\n            \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n              Support and suggestions are handled through the developer's\n              Discord.\n            \u003c\/span\u003e\n          \u003c\/dd\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/dl\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       ROADMAP\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        07 \/ Next\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          Planned next update\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          Custom tattoo importing is planned to get easier.\n        \u003c\/h2\u003e\n\n\n        \u003cp class=\"fml-mk-tattoos__intro\"\u003e\n          The developer lists an \u003cstrong\u003eEasy-Import of Custom Tattoos\u003c\/strong\u003e\n          system as the next planned update. It is a roadmap item rather than a\n          current v1.0.4 feature.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       GET IT\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n      \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n        08 \/ Get It\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n          Your tattoo shop deserves something better than the 2018 dropdown experience\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n          Watch the preview, check the current package and let players see the ink before they commit.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fml-mk-tattoos__links\"\u003e\n\n      \u003ca class=\"fml-mk-tattoos__link fml-mk-tattoos__link--gold\" href=\"https:\/\/mkturescripts.tebex.store\/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n        View on Tebex\n        \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n      \u003c\/a\u003e\n\n\n      \u003ca class=\"fml-mk-tattoos__link\" href=\"https:\/\/youtu.be\/QTB5GmIcSao\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n        Watch Preview\n        \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n      \u003c\/a\u003e\n\n\n      \u003ca class=\"fml-mk-tattoos__link\" href=\"https:\/\/discord.gg\/qqrEmqpprf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n        Discord Support\n        \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n      \u003c\/a\u003e\n\n\n      \u003ca class=\"fml-mk-tattoos__link\" href=\"https:\/\/forum.cfx.re\/t\/paid-standalone-esx-mk-tattoos-advanced-tattoo-studio-modern-ui-live-preview\/5424812\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n        Cfx.re Release\n        \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =======================================================\n       CLOSING\n       ======================================================= --\u003e\n\n  \u003csection class=\"fml-mk-tattoos__closing\"\u003e\n\n    \u003cdiv class=\"fml-mk-tattoos__closing-label\"\u003e\n      MK Tattoos \/ Advanced FiveM Tattoo Studio\n    \u003c\/div\u003e\n\n\n    \u003ch2\u003e\n      Character customization gets a lot more personal when the choice is supposed to stay.\n    \u003c\/h2\u003e\n\n\n    \u003cp\u003e\n      MK Tattoos combines a modern browsing interface, live character preview,\n      persistent tattoo ownership, configurable shops and pricing,\n      illenium-appearance integration and server-side purchase validation into\n      one focused tattoo system for ESX Legacy servers.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003cdiv class=\"fml-mk-tattoos__final\"\u003e\n    Preview before buying.\n    \u003cem\u003eBecause laser removal isn't in the config.\u003c\/em\u003e\n  \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Mkturescripts","offers":[{"title":"Default Title","offer_id":45780503822445,"sku":null,"price":16.26,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/cbfde99d895d81f0db437c5813d4ad4505faa93d.jpg?v=1788599417","url":"https:\/\/fivem-lab.com\/products\/standalone-esx-mk-tattoos-advanced-tattoo-studio-modern-ui-live-preview","provider":"Fivem-Lab","version":"1.0","type":"link"}