/* Restaurant Marketing Budget Planner v4 (/tools/restaurant-marketing-planner/). Scoped to main.ftx; loads after global.css. */
main.ftx{--f-ink:#17171b;--f-soft:#6b6964;--f-line:#e6e0d8;--f-cream:#F5F3F0;--f-char:#1a1719;--f-pink:#E84274;--f-pink-ink:#c72d5c;--f-red:#b42318;
  --f-shadow:0 1px 2px rgba(0,0,0,.06),0 10px 24px -18px rgba(0,0,0,.28);color:var(--f-ink);font-family:Outfit,system-ui,sans-serif}
main.ftx section{padding-block:clamp(56px,7vw,96px)}
main.ftx .wrap{max-width:1200px;margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left,0px))}
main.ftx h2{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
main.ftx h3{letter-spacing:-.01em}
body main.ftx .kicker,body main.ftx .eyebrow{display:block;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:0!important;width:auto;margin:0 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--f-pink-ink)!important}
main.ftx p{line-height:1.55}
main.ftx a{color:inherit}
main.ftx :focus-visible{outline:3px solid var(--f-pink);outline-offset:2px;border-radius:4px}
.ftx-tag{position:absolute;top:10px;left:10px;z-index:3;background:rgba(23,23,27,.78);color:#fff;font:600 .66rem/1 Outfit,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border-radius:4px}
.ftx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:8px;background:var(--f-pink);color:#fff!important;font:inherit;font-weight:700;text-decoration:none;border:2px solid var(--f-pink);cursor:pointer}
.ftx-btn:hover{background:var(--f-pink-ink);border-color:var(--f-pink-ink)}
.ftx-btn-ghost{background:#fff;color:var(--f-ink)!important;border-color:var(--f-ink)}
.ftx-btn-ghost:hover{background:var(--f-ink);color:#fff!important;border-color:var(--f-ink)}
.ftx-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.ftx-sm{font-size:.9rem;color:var(--f-soft)}
.ftx-head{display:flex;justify-content:space-between;align-items:end;gap:16px 40px;flex-wrap:wrap;margin-bottom:32px}
.ftx-head>p{max-width:46ch;margin:0;color:var(--f-soft)}
.ftx-logo{width:18px;height:18px;fill:var(--b);flex:none;display:block}
.ftx-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--f-ink);color:#fff;font-weight:700;font-size:.86rem;flex:none}
.ftx-cta-row{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:28px}
/* mix colours, in order of size */
main.ftx .c-0{--c:#E84274}main.ftx .c-1{--c:#17171b}main.ftx .c-2{--c:#2f5fd0}main.ftx .c-3{--c:#1d7a46}main.ftx .c-4{--c:#d98b12}main.ftx .c-5{--c:#9b948c}
.ftx-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--f-line);gap:2px}
.ftx-bar i{display:block;width:var(--w);background:var(--c);transition:width .35s ease}

/* Hero (white) */
body main.ftx .ftx-hero{background:#fff;padding-block:clamp(44px,6vw,84px)}
.ftx-hero-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
body main.ftx .ftx-hero h1{font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.03;letter-spacing:-.03em;margin:0 0 20px;color:var(--f-ink);text-wrap:balance}
body main.ftx .ftx-hero h1 .hero-accent{display:block;color:var(--f-pink-ink)}
.ftx-hero .eyebrow{color:var(--f-soft)!important}
.ftx-lead{font-size:1.16rem;color:var(--f-soft);max-width:50ch;margin:0}
.ftx-promise{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--f-line);font-weight:600;font-size:.95rem}
.ftx-promise li{display:flex;align-items:center;gap:8px}.ftx-promise .pp-icon{color:var(--f-pink-ink)}
/* hero visual: owner at the counter + the paper plan they take away */
.ftx-hero-v{position:relative}
.ftx-photo{position:relative;margin:0;border-radius:12px;overflow:hidden;aspect-ratio:3/2;background:#d9d2c9}
.ftx-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ftx-paper,.ftx-sheet{background:#fffefb;border:1px solid #e9e3da;box-shadow:0 1px 1px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.06),0 16px 28px -20px rgba(0,0,0,.4)}
.ftx-sheet{position:relative;margin:-110px -12px 0 auto;width:min(320px,64%);border-radius:4px;padding:18px 18px 40px;transform:rotate(2deg);transform-origin:100% 0}
.ftx-sheet .ftx-tag{top:auto;bottom:10px;left:auto;right:10px}
.ftx-sheet-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--f-ink)}
.ftx-sheet-top img{width:96px;height:auto;display:block}
.ftx-sheet-top span{font-size:.62rem;line-height:1.25;color:var(--f-soft);text-align:right}
.ftx-sheet-k{margin:12px 0 2px;font-size:.68rem;color:var(--f-soft)}
main.ftx .ftx-sheet-h{font-size:1.18rem;font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.2}
.ftx-sheet-s{margin:2px 0 10px;font-size:.74rem;color:var(--f-pink-ink);font-weight:600}
.ftx-sheet-mv{list-style:none;margin:0 0 12px;padding:0}
.ftx-sheet-mv li{display:flex;gap:8px;align-items:center;font-size:.78rem;padding:6px 0;border-top:1px solid #eee7de}
.ftx-sheet-mv .n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--f-ink);color:#fff;font-size:.62rem;font-weight:700;flex:none}
.ftx-sheet-mv li:first-child .n{background:var(--f-pink)}
.ftx-sheet-mv em{margin-left:auto;font-style:normal;font-weight:700;white-space:nowrap}.ftx-sheet-mv small{font-weight:500;color:var(--f-soft)}
.ftx-sheet .ftx-bar{height:8px}
.ftx-split i{width:9px;height:9px;border-radius:2px;background:var(--c);flex:none}

/* Planner (cream) */
body main.ftx .ftx-tool{background:var(--f-cream)}
.ftx-nojs{background:#fff;border:1px solid var(--f-line);border-radius:10px;padding:14px 16px}
.ftx-tool-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.ftx-form{background:#fff;border:1px solid var(--f-line);border-radius:12px;padding:8px 26px 22px}
.ftx-step{border:0;margin:0;padding:20px 0;border-bottom:1px solid var(--f-line);min-width:0}
.ftx-step legend{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.08rem;padding:0;margin-bottom:14px;float:left;width:100%}
.ftx-step legend+*{clear:both}
.ftx-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ftx-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:12px}
.ftx-f{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;min-width:0}
.ftx-money{display:flex;align-items:center;border:1px solid #cfc7bd;border-radius:8px;background:#fff;min-height:48px;padding:0 12px;gap:6px}
.ftx-money:focus-within{border-color:var(--f-ink);box-shadow:0 0 0 3px rgba(232,66,116,.25)}
.ftx-money i{font-style:normal;color:var(--f-soft);font-weight:600}
.ftx-money input{border:0;outline:0;font:inherit;font-size:1.05rem;font-weight:600;width:100%;min-width:0;background:none;padding:10px 0}
.ftx-money:has([aria-invalid=true]){border-color:var(--f-red)}
.ftx-f select{min-height:48px;border:1px solid #cfc7bd;border-radius:8px;font:inherit;font-weight:500;padding:0 10px;background:#fff;color:var(--f-ink)}
.ftx-hint{font-size:.8rem;font-weight:400;color:var(--f-soft);margin:6px 0 0}
.ftx-err{font-size:.8rem;color:var(--f-red);font-weight:600}.ftx-err:empty{display:none}
.ftx-q{font-weight:400;color:var(--f-soft);font-size:.78rem}
.ftx-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ftx-goal,.ftx-seg,.ftx-chip{position:relative;cursor:pointer}
.ftx-goal input,.ftx-seg input,.ftx-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ftx-goal span,.ftx-seg span{display:flex;align-items:center;min-height:52px;padding:8px 12px;border:1px solid #cfc7bd;border-radius:8px;font-size:.9rem;font-weight:600;line-height:1.25;background:#fff}
.ftx-goal input:checked+span,.ftx-seg input:checked+span,.ftx-chip input:checked+span{border-color:var(--f-ink);background:var(--f-ink);color:#fff}
.ftx-goal input:focus-visible+span,.ftx-seg input:focus-visible+span,.ftx-chip input:focus-visible+span{outline:3px solid var(--f-pink);outline-offset:2px}
.ftx-segs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ftx-chips{display:flex;flex-wrap:wrap;gap:8px}
.ftx-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #cfc7bd;border-radius:999px;font-weight:600;background:#fff}
.ftx-custom{margin-top:12px;max-width:260px}
.ftx-more,.ftx-pay{padding-top:16px}
.ftx-more summary,.ftx-pay summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;list-style:none;min-height:44px}
.ftx-more summary::-webkit-details-marker,.ftx-pay summary::-webkit-details-marker{display:none}
.ftx-more summary span,.ftx-pay summary span{font-weight:400;color:var(--f-soft)}
.ftx-more summary .pp-icon,.ftx-pay summary .pp-icon{margin-left:auto;transition:transform .2s}
.ftx-more[open] summary .pp-icon,.ftx-pay[open] summary .pp-icon{transform:rotate(180deg)}
/* the live plan */
.ftx-plan{position:sticky;top:96px;background:#fffefb;border:1px solid #e9e3da;border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.05),0 22px 36px -28px rgba(0,0,0,.45);overflow:hidden}
.ftx-doc-h{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 26px;padding:18px 0 14px;border-bottom:2px solid var(--f-ink)}
.ftx-doc-h img{width:120px;height:auto;display:block}
.ftx-doc-h p{margin:0;font-size:.74rem;color:var(--f-soft);text-align:right;line-height:1.35}.ftx-doc-h span{display:block}
.ftx-plan-top{padding:18px 26px 4px}
.ftx-plan-k{margin:0 0 4px;font-size:.8rem;color:var(--f-soft)}
main.ftx .ftx-plan-top h3{margin:0;font-size:clamp(1.5rem,2.4vw,1.9rem);color:var(--f-ink);letter-spacing:-.02em}
.ftx-plan-s{margin:4px 0 0;font-size:.92rem;color:var(--f-pink-ink);font-weight:600}
.ftx-plan-sec{padding:18px 26px;border-bottom:1px solid #eee7de}
.ftx-l{margin:0 0 12px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--f-soft)}
.ftx-l-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.ftx-l-row .ftx-l{margin:0}
.ftx-moves{list-style:none;margin:0;padding:0;display:grid}
.ftx-moves li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid #eee7de}
.ftx-moves li:last-child{border-bottom:1px solid #eee7de}
.ftx-moves li:first-child .ftx-n{background:var(--f-pink)}
.ftx-mv-b b{display:block;font-size:1rem;line-height:1.25}
.ftx-mv-b p{margin:3px 0 0;font-size:.86rem;color:var(--f-soft);line-height:1.4}
.ftx-mv-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ftx-marks{display:flex;gap:6px;color:var(--f-soft)}.ftx-marks .pp-icon{width:18px;height:18px}
.ftx-mv-r em{font-style:normal;font-weight:700;white-space:nowrap}.ftx-mv-r small{font-weight:400;color:var(--f-soft)}
.ftx-note{margin:12px 0 0;font-size:.8rem;color:var(--f-soft)}
.ftx-view{display:inline-flex;border:1px solid #cfc7bd;border-radius:8px;overflow:hidden}
.ftx-view button{font:inherit;font-size:.8rem;font-weight:600;padding:0 12px;min-height:36px;border:0;background:#fff;color:var(--f-ink);cursor:pointer}
.ftx-view button[aria-pressed=true]{background:var(--f-ink);color:#fff}
.ftx-split{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px}
.ftx-split li{display:grid;grid-template-columns:10px 1fr auto 40px;gap:10px;align-items:center;font-size:.9rem;padding:6px 0;border-bottom:1px dashed var(--f-line)}
.ftx-split li:last-child{border-bottom:0}
.ftx-split small{color:var(--f-soft);text-align:right}
.ftx-split-0{display:block!important;color:var(--f-soft)}
.ftx-pay{padding:4px 26px 18px;border-bottom:1px solid #eee7de}
.ftx-pay .ftx-row2{padding-top:8px}
.ftx-pay-out{margin:14px 0 0;padding:12px 14px;background:var(--f-cream);border-radius:8px;font-size:.9rem}
.ftx-plan-cta{display:flex;flex-wrap:wrap;gap:10px;padding:20px 26px 4px}
.ftx-plan-cta .ftx-btn{flex:1 1 200px}
.ftx-cta-note{padding:0 26px 22px}
.ftx-plan.is-empty .ftx-plan-sec,.ftx-plan.is-empty .ftx-pay,.ftx-plan.is-empty .ftx-plan-cta,.ftx-plan.is-empty .ftx-cta-note{opacity:.35;pointer-events:none}

/* Growth Stories (charcoal) */
body main.ftx .ftx-ex{background:var(--f-char);color:#fff}
main.ftx .ftx-ex h2{color:#fff}.ftx-ex .ftx-head>p{color:#cfc9c2}
.ftx-sts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ftx-st{height:100%}
.ftx-st a{display:flex;flex-direction:column;height:100%;background:#fff;color:var(--f-ink);border-radius:12px;overflow:hidden;text-decoration:none}
.ftx-st figure{position:relative;margin:0;aspect-ratio:4/3;background:#2a2527}
.ftx-st figure img{width:100%;height:100%;object-fit:cover;display:block}
.ftx-st-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.ftx-st-k{margin:0;font-size:.78rem;font-weight:600;color:var(--f-soft)}
main.ftx .ftx-st h3{margin:0;font-size:1.12rem;line-height:1.3}
.ftx-st-m{margin:0;font-size:.9rem}.ftx-st-m b{font-size:1.3rem}
.ftx-st-m span{display:block;font-size:.74rem;color:var(--f-soft)}
.ftx-st-chips{color:var(--f-soft)}
.ftx-st .ftx-link{margin-top:auto;font-size:.9rem}
.ftx-st a:hover h3{text-decoration:underline;text-underline-offset:3px}

/* FAQ (white) */
body main.ftx .ftx-faq{background:#fff}
.ftx-faq-g{display:grid;grid-template-columns:300px 1fr;gap:clamp(28px,6vw,72px)}
.ftx-faq-l details{border-bottom:1px solid var(--f-line)}
.ftx-faq-l summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;font-weight:600;font-size:1.06rem;min-height:60px;padding:14px 0}
.ftx-faq-l summary::-webkit-details-marker{display:none}
.ftx-faq-l summary .pp-icon{transition:transform .2s}.ftx-faq-l details[open] summary .pp-icon{transform:rotate(45deg)}
.ftx-faq-l p{margin:0 0 18px;color:var(--f-soft);max-width:64ch}

/* Close (cream) */
body main.ftx .ftx-close{background:var(--f-cream)}
.ftx-close-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,6vw,72px);align-items:center}
.ftx-close-g>div>p:not(.kicker){color:var(--f-soft);max-width:48ch;font-size:1.08rem}
.ftx-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ftx-steps li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--f-line);border-radius:10px;padding:16px 18px}
.ftx-steps b{display:block}.ftx-steps p{margin:2px 0 0;color:var(--f-soft);font-size:.92rem}

/* Responsive */
@media (max-width:1080px){.ftx-tool-g{grid-template-columns:1fr}.ftx-plan{position:static}.ftx-goals{grid-template-columns:repeat(2,1fr)}}
@media (max-width:960px){.ftx-hero-g,.ftx-close-g,.ftx-faq-g{grid-template-columns:1fr}.ftx-sts{grid-template-columns:1fr;max-width:560px}}
@media (max-width:640px){
  .ftx-form{padding:4px 16px 16px}.ftx-plan-top,.ftx-plan-sec,.ftx-plan-cta{padding-inline:16px}.ftx-doc-h{margin-inline:16px}.ftx-pay,.ftx-cta-note{padding-inline:16px}
  .ftx-row2,.ftx-row3,.ftx-segs{grid-template-columns:1fr}
  .ftx-moves li{grid-template-columns:28px 1fr}.ftx-mv-r{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center}
  .ftx-plan-cta .ftx-btn{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){.ftx-bar i,.ftx-more summary .pp-icon,.ftx-pay summary .pp-icon,.ftx-faq-l summary .pp-icon{transition:none}}

/* Download My Plan: print only the plan sheet, as it looks on screen */
@media print{
  @page{margin:14mm}
  body.planner-page>*:not(main),main.ftx>*:not(.ftx-tool),.ftx-tool .ftx-head,.ftx-form,.ftx-plan-cta,.ftx-cta-note,.ftx-view,.ftx-pay summary .pp-icon,.ftx-dock{display:none!important}
  body main.ftx .ftx-tool{background:#fff;padding:0}
  .ftx-tool-g{display:block}
  .ftx-plan{position:static;border:0;box-shadow:none;background:#fff}
  .ftx-doc-h,.ftx-plan-top,.ftx-plan-sec,.ftx-pay{margin-inline:0;padding-inline:0;break-inside:avoid}
  .ftx-pay:not([open]){display:none}
  main.ftx .ftx-bar i,main.ftx .ftx-split i,main.ftx .ftx-moves .ftx-n{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

/* fixes after first look */
main.ftx [hidden]{display:none!important}
body main.ftx .ftx-hero h1{font-size:clamp(2.3rem,4.1vw,3.45rem)}
main.ftx .ftx-st h3{color:var(--f-ink)}
.ftx-st figure{overflow:hidden}
.ftx-st figure img{position:absolute;inset:0}
.ftx-plan-cta .ftx-btn{white-space:nowrap;padding:0 16px}
main.ftx .ftx-st .ftx-link{color:var(--f-pink-ink);width:auto;align-self:flex-start}
.ftx-view button{white-space:nowrap}
.ftx-dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;border-radius:10px;background:var(--f-char);color:#fff!important;text-decoration:none;font-size:.92rem;box-shadow:0 6px 18px -8px rgba(0,0,0,.45)}
.ftx-dock b{display:flex;align-items:center;gap:6px;color:#ffb8cd}
@media (min-width:1081px){.ftx-dock{display:none!important}}
@media (max-width:640px){.ftx-l-row{flex-direction:column;align-items:flex-start}}
.ftx-mv-r em.ftx-inhouse{font-size:.8rem;font-weight:600;color:var(--f-soft)}

/* v2: start small */
.ftx-small{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#eef5ef;color:#1d5a36;font-size:.86rem;font-weight:600;line-height:1.4}
.ftx-small .pp-icon{flex:none;margin-top:2px}
.ftx-chip span{white-space:nowrap}
.ftx-head>p{align-self:end}

/* v2: hero tidy */
.ftx-promise{gap:10px 20px}
.ftx-promise li{white-space:nowrap}

/* v2: up close (white) — what the first 3 moves look like */
body main.ftx .ftx-up{background:#fff}
.ftx-ucs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ftx-uc{display:flex;flex-direction:column;gap:18px;min-width:0}
.ftx-uc-mk{background:var(--f-cream);border-radius:12px;padding:24px;display:grid;place-items:center;min-height:560px}
.ftx-uc-b h3{margin:6px 0 12px;font-size:1.2rem;line-height:1.25}
.ftx-uc-k{display:flex;align-items:center;gap:10px;margin:0;font-weight:700}
.ftx-uc-k small{font-weight:400;color:var(--f-soft)}
.ftx-uc:first-child .ftx-uc-k .ftx-n{background:var(--f-pink)}
.ftx-uc-b .ftx-l{margin-bottom:8px}
.ftx-uc-s{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftx-uc-s li{display:flex;gap:8px;align-items:flex-start;font-size:.95rem;line-height:1.4}
.ftx-uc-s .pp-icon{flex:none;width:16px;height:16px;margin-top:3px;color:#1d7a46}

/* realistic examples: platform screens drawn in HTML (each tagged Example) */
.mk{position:relative;width:100%;max-width:300px;background:#fff;border-radius:14px;border:1px solid #e3ddd4;box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 24px -18px rgba(0,0,0,.35);overflow:hidden;font-family:Roboto,Arial,system-ui,sans-serif;color:#202124;font-size:13px;line-height:1.35;text-align:left}
.mk .ftx-tag{top:auto;bottom:8px;left:auto;right:8px}
.mk img{display:block;width:100%;height:100%;object-fit:cover}
.mk .ftx-logo{width:16px;height:16px}
.mk .pp-icon{width:14px;height:14px}
.mk-av{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7);color:#fff;font:700 11px/1 Outfit,system-ui,sans-serif;font-style:normal;flex:none;box-shadow:inset 0 0 0 2px #fff}
.mk-av-l{width:54px;height:54px;font-size:15px}
.mk-av-g{background:#7b61a8;box-shadow:none}
.mk-stars{color:#fbbc04;letter-spacing:1px;font-size:12px}
.mk-chip{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 7px;border-radius:99px;background:#e6f4ea;color:#137333;font-size:11px;font-weight:500}
.mk-chip .pp-icon{width:11px;height:11px}
/* Google listing */
.mk-g-bar{display:flex;align-items:center;gap:8px;margin:10px;padding:8px 12px;border-radius:99px;background:#fff;border:1px solid #dfe1e5;box-shadow:0 1px 4px rgba(32,33,36,.12);color:#3c4043}
.mk-g-bar span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-g-bar .pp-icon{color:#4285F4}
.mk-g-ph{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:62px 62px;gap:2px;height:126px}
.mk-g-ph span:first-child{grid-row:span 2}.mk-g-ph span{overflow:hidden}
.mk-g-b{padding:12px 14px 40px}
.mk-g-n{display:block;font-size:18px;font-weight:400;color:#202124}
.mk-g-r{margin:2px 0;color:#70757a}
.mk-g-o{margin:0 0 12px;color:#70757a}.mk-g-o em{font-style:normal;color:#188038;font-weight:500}
.mk-g-act{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center;font-size:11px;color:#1a73e8}
.mk-g-act span{display:flex;flex-direction:column;align-items:center;gap:4px}
.mk-g-act .pp-icon{width:34px;height:34px;padding:9px;border-radius:50%;border:1px solid #dadce0;box-sizing:border-box}
.mk-g-act .is-new .pp-icon{background:#1a73e8;color:#fff;border-color:#1a73e8}
/* Instagram ad + profile */
.mk-ig-h,.mk-ig-p{display:flex;align-items:center;gap:10px;padding:10px 12px}
.mk-ig-h div,.mk-ig-p div{flex:1;min-width:0;display:flex;flex-direction:column}
.mk-ig-h b,.mk-ig-p b{font-weight:600;font-size:13px}.mk-ig-h span{font-size:11px;color:#737373}
.mk-ig-p span{font-size:12px;color:#262626}
.mk-ad-im{aspect-ratio:5/4}
.mk-ad-cta{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#3897f0;color:#fff;font-weight:600}
.mk-ad-c{margin:8px 12px;font-size:12.5px}.mk-ad-c b{font-weight:600;margin-right:4px}
.mk-ad-set{display:flex;gap:8px;align-items:flex-start;margin:0 10px 36px;padding:8px 10px;border-radius:8px;background:#f0f2f5;font-size:11.5px;color:#1c2b33}
.mk-ad-set b{display:block;font-weight:600}
.mk-ig-tabs{display:flex;border-top:1px solid #efefef;font-size:12px;color:#737373}
.mk-ig-tabs span{flex:1;text-align:center;padding:8px 0}.mk-ig-tabs .is-on{color:#000;font-weight:600;box-shadow:inset 0 1px 0 #000}
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding-bottom:30px}
.mk-grid span{position:relative;aspect-ratio:9/14;overflow:hidden;background:#eee}
.mk-grid .pp-icon{position:absolute;top:6px;right:6px;width:13px;height:13px;color:#fff;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
/* TikTok-style creator video */
.mk-creator{aspect-ratio:9/16;max-width:250px;background:#000}
.mk-creator>img{position:absolute;inset:0}
.mk-creator::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.mk-tt-rail{position:absolute;right:10px;bottom:120px;z-index:2;display:flex;flex-direction:column;gap:16px;color:#fff}
.mk-tt-rail .pp-icon{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.mk-tt-cap{position:absolute;left:12px;right:48px;bottom:34px;z-index:2;color:#fff}
.mk-tt-cap b{display:block;font-weight:600;font-size:13px}.mk-tt-cap p{margin:4px 0 8px;font-size:12px}
.mk-tt-logo{--b:#fff!important;fill:#fff!important;margin-bottom:6px}
.mk-tt-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;background:rgba(255,255,255,.2);font-size:11px}
.mk-creator .ftx-tag{z-index:3}
/* Google review with owner reply */
.mk-rv{display:flex;gap:10px;align-items:center;padding:4px 14px 0}
.mk-rv b{font-weight:500}.mk-rv p{margin:0;color:#70757a;font-size:12px}
.mk-rv-t{margin:8px 14px;color:#202124}
.mk-rv-own{margin:0 14px;padding:10px 12px;border-left:3px solid #1a73e8;background:#f8f9fa;border-radius:0 6px 6px 0}
.mk-rv-own b{font-weight:500;font-size:12px}.mk-rv-own p{margin:3px 0 0}
.mk-rv-ask{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px;padding:10px 12px 10px;border:1px dashed #c6c9cc;border-radius:8px;margin-bottom:40px;font-size:12px}
.mk-rv-ask span{display:flex;gap:6px;align-items:center}.mk-rv-ask .pp-icon{color:#fbbc04}
.mk-rv-ask i{width:44px;height:44px;flex:none;background:
 conic-gradient(from 90deg at 30% 30%,#202124 25%,#fff 0) 0 0/8px 8px,#fff;border:3px solid #202124;border-radius:3px}
/* text message */
.mk-sms{background:#fff;padding-bottom:34px}
.mk-sms-h{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px;border-bottom:1px solid #eee;background:#f7f7f7}
.mk-sms-h .mk-av{width:40px;height:40px;background:#a3a8b0;box-shadow:none}
.mk-sms-h b{font-weight:500;font-size:12px}.mk-sms-h span{font-size:10.5px;color:#8e8e93}
.mk-sms-im{margin:12px 12px 4px;width:62%;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
.mk-bub{margin:4px 12px;max-width:78%;padding:8px 12px;border-radius:18px;background:#e9e9eb;color:#000;font-size:12.5px;width:fit-content}
.mk-bub-s{font-size:11px;color:#3c3c43}
.mk-bub-me{margin-left:auto;background:#34c759;color:#fff}
/* opening calendar */
.mk-cal{font-family:Outfit,system-ui,sans-serif;padding-bottom:30px}
.mk-cal-h{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #eee}
.mk-cal-h b{font-weight:600}.mk-cal-h span{margin-left:auto;color:#70757a;font-size:12px}
.mk-cal-l{list-style:none;margin:0;padding:6px 14px}
.mk-cal-l li{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f1f1f1}
.mk-cal-l li>span{font-size:11px;color:#70757a;font-weight:600}
.mk-cal-l div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;background:#e8f0fe;border-left:3px solid #1a73e8}
.mk-cal-l b{font-weight:500;font-size:12.5px}.mk-cal-l em{display:flex;gap:4px}
.mk-cal-l .is-day div{background:#fde7ef;border-color:var(--f-pink)}
@media (max-width:1080px){.ftx-ucs{grid-template-columns:1fr 1fr}.ftx-uc:nth-child(3){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}}
@media (max-width:960px){.ftx-hero-v{max-width:640px}}
@media (max-width:700px){.ftx-ucs{grid-template-columns:1fr}.ftx-uc:nth-child(3){grid-column:auto;display:flex}.ftx-uc-mk{min-height:0;padding:20px}
  .ftx-sheet{width:auto;margin:-56px 10px 0 auto;max-width:330px;transform:rotate(1.2deg)}}