/* TattooClub — Tattoo Match (landing containers tc-mtc-*, immersive app overlay, reco blocks). */
@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url('../tattooclub-careers/fonts/PermanentMarker.woff2') format('woff2')}
:root{--mt-ink:#111;--mt-lime:#B7E41C;--mt-lime-d:#A3CF12;--mt-lime-ink:#4F7A00;--mt-lime-soft:#F1F8D9;--mt-ivory:#F9F5EF;--mt-cream:#F1ECE3;--mt-line:#E8E4DC;--mt-muted:#68645E;--mt-h:'Archivo Black','Arial Black',sans-serif;--mt-b:'Space Grotesk',system-ui,sans-serif;--mt-hand:'Permanent Marker','Archivo Black',cursive}
html.tc-mtc-lock,html.tc-mtc-lock body{overflow:hidden!important}
[data-mtc-app][hidden],[data-mtc-reco][hidden],[data-mtc-why][hidden],[data-mtc-resume][hidden],.tc-mtc-app [hidden]{display:none!important}
.tc-mtc-i{flex:0 0 auto;width:18px;height:18px}

/* ---------- landing (Elementor) ---------- */
.tc-mtc-sec{--padding-top:clamp(36px,5vw,72px)!important;--padding-bottom:clamp(36px,5vw,72px)!important;--padding-left:clamp(16px,4vw,40px)!important;--padding-right:clamp(16px,4vw,40px)!important;font-family:var(--mt-b);background:var(--mt-ivory)}
.tc-mtc-sec>.e-con-inner{gap:clamp(18px,2.4vw,30px)!important;min-width:0}
.tc-mtc-sec .e-con{min-width:0;--width:auto;flex-wrap:nowrap!important}
.tc-mtc-sec .elementor-widget{margin:0!important;min-width:0;max-width:100%}
.tc-mtc-sec .elementor-widget-text-editor p{margin:0}
.tc-mtc-sec.tc-mtc-tight{--padding-top:14px!important}
.tc-mtc-autohide:not(:has(.tc-mtc-reco:not([hidden]),.tc-mtc-resume:not([hidden]))){display:none!important}
.tc-mtc-hero{--padding-top:clamp(10px,1.6vw,20px)!important;--padding-bottom:0!important}
.tc-mtc-hero__card{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:clamp(440px,40vw,560px);justify-content:center!important;--padding-top:clamp(34px,5vw,64px)!important;--padding-bottom:clamp(34px,5vw,64px)!important;--padding-left:clamp(22px,5vw,64px)!important;--padding-right:clamp(22px,5vw,64px)!important;background-color:var(--mt-ink)!important;background-size:cover!important;background-position:center right!important}
.tc-mtc-hero__card::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-1;opacity:1!important;background:linear-gradient(90deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.72) 42%,rgba(10,10,10,.06) 78%)!important;mix-blend-mode:normal!important}
.tc-mtc-hero__txt{max-width:620px;gap:16px!important}
.tc-mtc-script .elementor-heading-title{font-family:var(--mt-hand)!important;font-weight:400!important;font-size:clamp(22px,2.4vw,32px)!important;line-height:1!important;color:var(--mt-lime)!important;text-transform:uppercase!important;transform:rotate(-3deg);transform-origin:left;margin:0!important}
.tc-mtc-h1 .elementor-heading-title{font-family:var(--mt-h)!important;font-weight:400!important;text-transform:uppercase!important;font-size:clamp(42px,5.2vw,74px)!important;line-height:.9!important;letter-spacing:-.02em!important;color:#fff!important;margin:0!important}
.tc-mtc-lead,.tc-mtc-lead p{font-size:clamp(16px,1.4vw,19px)!important;line-height:1.45!important;color:#ECE7DE!important;max-width:40ch}
.tc-mtc-scrawl .elementor-heading-title{font-family:var(--mt-hand)!important;font-weight:400!important;font-size:clamp(24px,2.8vw,40px)!important;line-height:1!important;color:#fff!important;text-transform:uppercase!important;transform:rotate(-9deg);text-align:center;margin:0!important}
.tc-mtc-scrawl{position:absolute!important;right:clamp(16px,4vw,56px);bottom:clamp(30px,5vw,60px);width:auto!important;z-index:1}
.tc-mtc-ebtn .elementor-button{display:inline-flex!important;align-items:center;min-height:56px;padding:0 28px!important;border-radius:8px!important;font:700 16px/1 var(--mt-b)!important;letter-spacing:0!important;text-transform:none!important;border:0!important;box-shadow:none!important;background:var(--mt-lime)!important;color:var(--mt-ink)!important;transition:background .15s}
.tc-mtc-ebtn .elementor-button:hover,.tc-mtc-ebtn .elementor-button:focus-visible{background:#fff!important}
.tc-mtc-ebtn .elementor-button-content-wrapper{gap:10px;align-items:center}
.tc-mtc-ebtn .elementor-button-icon svg{width:14px;height:14px;fill:currentColor}
.tc-mtc-trust{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}
.tc-mtc-trust .elementor-icon-box-wrapper{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px;text-align:left!important}
.tc-mtc-trust .elementor-icon-box-icon{margin:0!important;flex:0 0 auto}
.tc-mtc-trust .elementor-icon{font-size:22px!important;color:var(--mt-ink)!important}
.tc-mtc-trust .elementor-icon svg{width:24px;height:24px;fill:var(--mt-ink)!important}
.tc-mtc-trust .elementor-icon-box-title{font:700 15px/1.25 var(--mt-b)!important;color:var(--mt-ink)!important;margin:0!important;text-transform:none!important}
.tc-mtc-trust .elementor-icon-box-description{font-size:13.5px!important;line-height:1.35!important;color:var(--mt-muted)!important;margin:2px 0 0!important}
.tc-mtc-eh2 .elementor-heading-title,.tc-mtc-h2{font-family:var(--mt-h)!important;font-weight:400!important;text-transform:uppercase!important;font-size:clamp(24px,3vw,38px)!important;line-height:1!important;letter-spacing:-.01em!important;color:var(--mt-ink)!important;margin:0!important}
.tc-mtc-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}
.tc-mtc-step3{gap:6px!important;padding:20px!important;border-radius:16px;background:#fff;border:1px solid var(--mt-line)}
.tc-mtc-step3__n .elementor-heading-title{font-family:var(--mt-hand)!important;font-size:28px!important;line-height:1!important;color:var(--mt-ink)!important;margin:0!important;text-decoration:underline;text-decoration-color:var(--mt-lime);text-decoration-thickness:4px}
.tc-mtc-step3__t .elementor-heading-title{font:700 17px/1.25 var(--mt-b)!important;color:var(--mt-ink)!important;margin:0!important;text-transform:none!important}
.tc-mtc-step3__d,.tc-mtc-step3__d p{font-size:14.5px!important;line-height:1.45!important;color:var(--mt-muted)!important}

/* ---------- generic ---------- */
.tc-mtc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border-radius:8px;border:1.5px solid transparent;font:700 15px/1.15 var(--mt-b);text-decoration:none!important;cursor:pointer;background:none;transition:background .15s,color .15s,border-color .15s;text-align:center}
.tc-mtc-btn .tc-mtc-i{width:16px;height:16px}
.tc-mtc-btn small{display:block;font-weight:500;font-size:12.5px;opacity:.75;margin-top:3px}
.tc-mtc-btn--lime{background:var(--mt-lime);color:var(--mt-ink)!important}
.tc-mtc-btn--lime:hover{background:var(--mt-lime-d)}
.tc-mtc-btn--dark{background:var(--mt-ink);color:#fff!important}
.tc-mtc-btn--dark:hover{background:#2a2a2a}
.tc-mtc-btn--ghost{background:#fff;color:var(--mt-ink)!important;border-color:var(--mt-ink)}
.tc-mtc-btn--ghost:hover{background:var(--mt-ink);color:#fff!important}
.tc-mtc-btn--wide{width:100%}
.tc-mtc-btn--xl{min-height:58px;font-size:16px}
.tc-mtc-btn--sm{min-height:42px;padding:0 16px;font-size:14px}
.tc-mtc-btn:focus-visible,.tc-mtc-ib:focus-visible,.tc-mtc-act:focus-visible,.tc-mtc-st:focus-visible,.tc-mtc-chip:focus-visible,.tc-mtc-link:focus-visible{outline:3px solid var(--mt-lime-ink);outline-offset:2px}
.tc-mtc-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;font:700 14px/1.2 var(--mt-b);color:var(--mt-ink)!important;text-decoration:underline!important;text-decoration-color:var(--mt-lime)!important;text-decoration-thickness:3px!important;text-underline-offset:4px;cursor:pointer}
.tc-mtc-link .tc-mtc-i{width:15px;height:15px}
.tc-mtc-kicker{display:inline-flex;align-items:center;gap:6px;margin:0;font:700 12px/1 var(--mt-b);letter-spacing:.14em;text-transform:uppercase;color:var(--mt-lime-ink)}
.tc-mtc-kicker .tc-mtc-i{width:14px;height:14px}
.tc-mtc-sub{margin:0;color:var(--mt-muted);font:400 15.5px/1.5 var(--mt-b)}
.tc-mtc-mystyle{margin:0;font:500 15px var(--mt-b);color:var(--mt-ink)}
.tc-mtc-mystyle b{color:var(--mt-lime-ink)}
.tc-mtc-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.tc-mtc-chips::-webkit-scrollbar{display:none}
.tc-mtc-chip{flex:0 0 auto;min-height:42px;padding:0 18px;border-radius:8px;border:1.5px solid var(--mt-line);background:#fff;color:var(--mt-ink);font:600 14px/1 var(--mt-b);cursor:pointer}
.tc-mtc-chip.is-on{background:var(--mt-lime);border-color:var(--mt-lime)}
.tc-mtc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;--shp-ink:#111;--shp-cream:#F9F5EF;--shp-line:#E8E4DC;--shp-muted:#68645E;--shp-body:#4A4640;--shp-green:#B7E41C;--shp-green-txt:#4F7A00;--shp-green-soft:#F1F8D9;--shp-red:#B42318;--shp-head:'Archivo Black','Arial Black',sans-serif;--shp-font:'Space Grotesk',system-ui,sans-serif}
.tc-mtc-gi{min-width:0;display:flex;flex-direction:column;gap:6px}
.tc-mtc-gwhy{margin:0!important;padding:5px 9px;align-self:flex-start;border-radius:6px;background:var(--mt-lime-soft);color:var(--mt-lime-ink)!important;font:700 11.5px/1.3 var(--mt-b)!important}
.tc-mtc-grid .shp-card__cta{min-height:40px;font-size:12.5px}
.tc-mtc-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.tc-mtc-tags span{padding:7px 12px;border-radius:8px;background:var(--mt-lime);font:700 14px var(--mt-b);color:var(--mt-ink)}
.tc-mtc-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:40px 18px;max-width:520px;margin:0 auto}

/* ---------- app overlay ---------- */
.tc-mtc-app{position:fixed;inset:0;z-index:100001;display:flex;flex-direction:column;background:var(--mt-ivory);font-family:var(--mt-b);opacity:0;transition:opacity .2s;overscroll-behavior:contain}
.tc-mtc-app.is-open{opacity:1}
.tc-mtc-top{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px clamp(12px,3vw,32px);padding-top:calc(10px + env(safe-area-inset-top));background:#fff;border-bottom:1px solid var(--mt-line)}
.tc-mtc-top__logo{grid-column:2;grid-row:1;justify-self:center;margin:0;font:400 18px/1 var(--mt-h);text-transform:uppercase;letter-spacing:-.01em;color:var(--mt-ink)}
.tc-mtc-app[data-at=swipe] .tc-mtc-top__logo{display:none}
.tc-mtc-ib{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:10px;background:none;color:var(--mt-ink);font:600 14px var(--mt-b);cursor:pointer}
.tc-mtc-ib:hover{background:var(--mt-ivory)}
.tc-mtc-prog{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(420px,100%);justify-self:center}
.tc-mtc-prog__t{font:600 13px var(--mt-b);color:var(--mt-muted)}
.tc-mtc-prog__t b{color:var(--mt-ink)}
.tc-mtc-prog__bar{display:block;width:100%;height:6px;border-radius:99px;background:var(--mt-cream);overflow:hidden}
.tc-mtc-prog__bar i{display:block;height:100%;width:0;background:var(--mt-lime);border-radius:99px;transition:width .3s ease}
.tc-mtc-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.tc-mtc-step{max-width:1180px;margin:0 auto;padding:clamp(20px,3vw,40px) clamp(16px,3vw,32px) calc(28px + env(safe-area-inset-bottom))}
.tc-mtc-step .tc-mtc-h2{margin-bottom:8px!important}
.tc-mtc-h2--xl{font-size:clamp(28px,4vw,48px)!important}
.tc-mtc-foot{position:sticky;bottom:0;padding:14px 0 calc(6px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--mt-ivory) 30%);max-width:460px;margin:0 auto}

/* preferences */
.tc-mtc-step--prefs{max-width:720px}
.tc-mtc-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 12px}
.tc-mtc-st{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px 12px;border-radius:14px;border:2px solid var(--mt-line);background:#fff;color:var(--mt-ink);font:700 14px/1.2 var(--mt-b);cursor:pointer;transition:border-color .15s,transform .15s}
.tc-mtc-st img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:var(--mt-cream)}
.tc-mtc-st__q{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border-radius:10px;background:var(--mt-cream);font:400 34px var(--mt-h);color:var(--mt-muted)}
.tc-mtc-st:hover{border-color:var(--mt-ink)}
.tc-mtc-st[aria-pressed=true]{border-color:var(--mt-lime);box-shadow:0 0 0 3px var(--mt-lime) inset;background:var(--mt-lime-soft)}
.tc-mtc-st__ok{position:absolute;top:14px;right:14px;display:none;width:26px;height:26px;border-radius:50%;background:var(--mt-lime);align-items:center;justify-content:center}
.tc-mtc-st__ok .tc-mtc-i{width:14px;height:14px;fill:var(--mt-ink)}
.tc-mtc-st[aria-pressed=true] .tc-mtc-st__ok{display:flex}
.tc-mtc-quiz{display:flex;align-items:center;gap:8px;margin:4px 0;font:500 14px var(--mt-b);color:var(--mt-lime-ink)}

/* swipe */
.tc-mtc-step--swipe{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"stage side" "acts side";gap:18px 48px;align-items:center;max-width:1040px;min-height:100%}
.tc-mtc-stage{grid-area:stage;position:relative;display:flex;justify-content:center;padding:10px 0 4px}
.tc-mtc-deck{position:relative;width:min(440px,86vw);aspect-ratio:4/5;max-height:62vh;touch-action:pan-y}
.tc-mtc-app[data-at=swipe] .tc-mtc-deck{width:min(440px,86vw,calc(62vh * .8))}
.tc-mtc-card{position:absolute;inset:0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(17,17,17,.16);transform:translateY(calc(var(--i) * 14px)) scale(calc(1 - var(--i) * .045));transform-origin:50% 100%;transition:transform .3s ease,opacity .3s ease;user-select:none;-webkit-user-select:none;will-change:transform;--yes:0;--no:0}
.tc-mtc-card.is-top{z-index:3;cursor:grab;touch-action:pan-y}
.tc-mtc-card.is-drag{transition:none;cursor:grabbing}
.tc-mtc-card.is-out{opacity:0;transition:transform .35s ease,opacity .35s ease .05s;pointer-events:none}
.tc-mtc-card:not(.is-top){filter:brightness(.97)}
.tc-mtc-card__img{position:absolute;inset:0;background:var(--mt-cream);display:flex;align-items:center;justify-content:center}
.tc-mtc-card__img img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.tc-mtc-card__info{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(17,17,17,.78));color:#fff}
.tc-mtc-card__n{margin:0;font:400 clamp(22px,2.4vw,28px)/1.05 var(--mt-h)!important;color:#fff!important;text-transform:uppercase}
.tc-mtc-card__s{margin:4px 0 0;font:500 14px var(--mt-b);color:#E4DFD6}
.tc-mtc-card__oos{display:inline-block;margin:8px 0 0;padding:4px 9px;border-radius:6px;background:#fff;color:var(--mt-ink);font:700 12px var(--mt-b)}
.tc-mtc-card__wl{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--mt-ink);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.tc-mtc-card__wl.is-on{color:#D92D20}
.tc-mtc-stamp{position:absolute;top:26px;z-index:2;padding:8px 14px;border:3px solid;border-radius:10px;font:400 22px/1 var(--mt-hand);text-transform:uppercase;pointer-events:none}
.tc-mtc-stamp--yes{left:20px;color:var(--mt-ink);border-color:var(--mt-lime);background:var(--mt-lime);transform:rotate(-10deg);opacity:var(--yes)}
.tc-mtc-stamp--no{right:76px;color:var(--mt-ink);border-color:#fff;background:#fff;transform:rotate(10deg);opacity:var(--no)}
.tc-mtc-card.is-yes .tc-mtc-stamp--yes,.tc-mtc-card.is-no .tc-mtc-stamp--no{opacity:1}
.tc-mtc-hint{position:absolute;bottom:18%;margin:0;font:400 clamp(20px,2vw,26px)/1 var(--mt-hand);pointer-events:none}
.tc-mtc-hint--no{left:0;transform:rotate(-6deg);color:var(--mt-muted)}
.tc-mtc-hint--yes{right:0;transform:rotate(6deg);color:var(--mt-lime-ink)}
.tc-mtc-side{grid-area:side;display:flex;flex-direction:column;gap:10px}
.tc-mtc-keys{margin:6px 0 0;font:500 13px var(--mt-b);color:var(--mt-muted)}
.tc-mtc-acts{grid-area:acts;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,36px)}
.tc-mtc-act{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;border:0;cursor:pointer;transition:transform .15s,background .15s;box-shadow:0 10px 24px rgba(17,17,17,.12)}
.tc-mtc-act .tc-mtc-i{width:30px;height:30px}
.tc-mtc-act--no{background:#fff;color:var(--mt-ink)}
.tc-mtc-act--yes{background:var(--mt-lime);color:var(--mt-ink)}
.tc-mtc-act--yes .tc-mtc-i{fill:var(--mt-ink)}
.tc-mtc-act--undo{width:48px;height:48px;background:#fff;color:var(--mt-muted);box-shadow:0 4px 12px rgba(17,17,17,.08)}
.tc-mtc-act--undo .tc-mtc-i{width:20px;height:20px}
.tc-mtc-act--undo:disabled{opacity:.35;cursor:default}
.tc-mtc-act:active,.tc-mtc-act.is-pulse{transform:scale(.9)}
.tc-mtc-act:hover:not(:disabled){transform:translateY(-2px)}
.tc-mtc-cap{display:none;margin:0;text-align:center;font:500 14px var(--mt-b);color:var(--mt-muted)}

/* analysis */
.tc-mtc-step--an{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:70vh;max-width:520px}
.tc-mtc-an__ic,.tc-mtc-res__ic{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--mt-lime-soft);color:var(--mt-lime-ink);animation:tcMtcBeat 1.1s ease-in-out infinite}
.tc-mtc-an__ic .tc-mtc-i,.tc-mtc-res__ic .tc-mtc-i{width:40px;height:40px}
.tc-mtc-res__ic{animation:none;width:64px;height:64px;margin:0 auto}
.tc-mtc-res__ic .tc-mtc-i{width:30px;height:30px}
@keyframes tcMtcBeat{50%{transform:scale(1.1)}}
.tc-mtc-an__bar{display:block;width:min(280px,80%);height:8px;margin-top:10px;border-radius:99px;background:var(--mt-cream);overflow:hidden}
.tc-mtc-an__bar i{display:block;height:100%;width:40%;background:var(--mt-lime);border-radius:99px;animation:tcMtcLoad 1s ease-in-out infinite}
@keyframes tcMtcLoad{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.tc-mtc-an__likes{display:flex;justify-content:center;margin-top:18px}
.tc-mtc-an__likes img{width:84px;height:104px;object-fit:cover;border-radius:12px;border:4px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.12);margin:0 -10px}
.tc-mtc-an__likes img:nth-child(1){transform:rotate(-8deg)}
.tc-mtc-an__likes img:nth-child(2){transform:translateY(-8px);z-index:1}
.tc-mtc-an__likes img:nth-child(3){transform:rotate(8deg)}

/* results */
.tc-mtc-step--res{display:flex;flex-direction:column;gap:18px}
.tc-mtc-res__head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:680px;margin:0 auto}
.tc-mtc-step--res .tc-mtc-chips{justify-content:center}
.tc-mtc-nores{margin:0;text-align:center;color:var(--mt-muted)}
.tc-mtc-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:640px;width:100%;margin:6px auto 0}
.tc-mtc-likes{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:#fff;border:1.5px solid var(--mt-lime)}
.tc-mtc-likes__t{display:flex;align-items:center;gap:8px;margin:0;font:400 18px/1 var(--mt-h)!important;text-transform:uppercase;color:var(--mt-ink)}
.tc-mtc-likes__t .tc-mtc-i{fill:var(--mt-lime);color:var(--mt-lime-ink)}
.tc-mtc-likes__s{margin:4px 0 0;font-size:14px;color:var(--mt-muted)}
.tc-mtc-likes__list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.tc-mtc-like{position:relative;flex:0 0 96px;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.tc-mtc-like input{position:absolute;top:6px;left:6px;z-index:1;width:22px;height:22px;accent-color:var(--mt-ink)}
.tc-mtc-like__img img{width:96px!important;height:96px!important;object-fit:cover;border-radius:10px;background:var(--mt-cream);display:block}
.tc-mtc-like input:not(:checked)~.tc-mtc-like__img img{opacity:.45}
.tc-mtc-like__n{font:600 12.5px var(--mt-b);color:var(--mt-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-mtc-likes .tc-mtc-btn{align-self:flex-start}

/* restart dialog */
.tc-mtc-dlg{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,10,10,.5)}
.tc-mtc-dlg__box{display:flex;flex-direction:column;gap:10px;width:min(440px,100%);padding:22px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.tc-mtc-dlg__t{margin:0;font:400 22px/1.1 var(--mt-h)!important;text-transform:uppercase;color:var(--mt-ink)}
.tc-mtc-dlg__box .tc-mtc-btn{flex-direction:column;min-height:60px}
.tc-mtc-dlg__box .tc-mtc-link{align-self:center}

/* ---------- reco blocks / PDP why / resume / account ---------- */
.tc-mtc-reco{display:flex;flex-direction:column;gap:16px;font-family:var(--mt-b);margin:clamp(24px,4vw,44px) 0 0}
.tc-mtc-reco__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tc-mtc-reco__head>div{display:flex;flex-direction:column;gap:8px}
.tc-mtc-sec .tc-mtc-reco{margin:0}
.tc-mtc-why{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--mt-lime-soft);border:1px solid var(--mt-lime);font:500 14px/1.4 var(--mt-b);color:var(--mt-ink)}
.tc-mtc-why .tc-mtc-i{fill:var(--mt-lime-ink);color:var(--mt-lime-ink);margin-top:1px}
.tc-mtc-resume{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:14px;background:var(--mt-ink);color:#fff;font-family:var(--mt-b)}
.tc-mtc-resume p{display:flex;align-items:center;gap:10px;margin:0;font-size:15px}
.tc-mtc-resume .tc-mtc-i{color:var(--mt-lime);fill:var(--mt-lime)}
.tc-mtc-acc__title{font:400 26px/1 var(--mt-h)!important;text-transform:uppercase;margin:0 0 16px!important}
.tc-mtc-acc{display:flex;flex-direction:column;gap:18px;font-family:var(--mt-b)}
.tc-mtc-acc__top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--mt-line)}
.tc-mtc-acc__top .tc-mtc-h2{font-size:22px!important;margin-top:6px!important}
.tc-mtc-acc__ctas{display:flex;flex-wrap:wrap;gap:8px}
.tc-mtc-acc__ctas .is-confirm{background:#B42318;border-color:#B42318;color:#fff!important}
.tc-mtc-acc__h{margin:0;font:400 18px/1 var(--mt-h);text-transform:uppercase;color:var(--mt-ink)}
.tc-mtc-acc__h span{font-family:var(--mt-b);color:var(--mt-muted);font-size:14px}
.tc-mtc-acc__empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border-radius:16px;background:#fff;border:1px solid var(--mt-line)}
.tc-mtc-acc__empty .tc-mtc-res__ic{margin:0}
.tc-mtc-acc .tc-mtc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ---------- tablet ---------- */
@media (max-width:1024px){
	.tc-mtc-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tc-mtc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.tc-mtc-step--swipe{grid-template-columns:1fr;grid-template-areas:"stage" "acts";gap:18px}
	.tc-mtc-side{display:none}
	.tc-mtc-hint{display:none}
	.tc-mtc-cap{display:block}
}
/* ---------- mobile ---------- */
@media (max-width:767px){
	.tc-mtc-hero__card{min-height:0;justify-content:flex-end!important;--padding-top:clamp(200px,60vw,290px)!important;--padding-bottom:24px!important;--padding-left:20px!important;--padding-right:20px!important;background-position:62% top!important;border-radius:16px}
	.tc-mtc-hero__card::before{background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.6) 32%,rgba(10,10,10,.95) 55%)!important}
	.tc-mtc-h1 .elementor-heading-title{font-size:clamp(30px,8.8vw,46px)!important;word-break:keep-all;hyphens:none}
	.tc-mtc-scrawl{display:none}
	.tc-mtc-hero .tc-mtc-ebtn,.tc-mtc-hero .tc-mtc-ebtn .elementor-button{width:100%!important;justify-content:center}
	.tc-mtc-trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important}
	.tc-mtc-trust .elementor-icon-box-wrapper{flex-direction:column!important;text-align:center!important;gap:6px}
	.tc-mtc-trust .elementor-icon-box-title{font-size:12px!important}
	.tc-mtc-trust .elementor-icon-box-description{font-size:11px!important}
	.tc-mtc-steps{grid-template-columns:1fr}
	.tc-mtc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
	.tc-mtc-grid--row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 4px;scroll-padding-inline:16px}
	.tc-mtc-grid--row>.tc-mtc-gi{flex:0 0 46%;scroll-snap-align:start}
	.tc-mtc-acc .tc-mtc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tc-mtc-top{padding:6px 8px;padding-top:calc(6px + env(safe-area-inset-top))}
	.tc-mtc-top__bk{display:none}
	.tc-mtc-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
	.tc-mtc-st{padding:6px 6px 10px;font-size:13px;border-radius:12px}
	.tc-mtc-st__ok{top:10px;right:10px}
	.tc-mtc-step{padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
	.tc-mtc-step--swipe{min-height:100%;align-content:space-between;gap:14px}
	.tc-mtc-deck,.tc-mtc-app[data-at=swipe] .tc-mtc-deck{width:min(100%,calc(58vh * .8));max-height:58vh}
	.tc-mtc-act{width:72px;height:72px}
	.tc-mtc-ctas{grid-template-columns:1fr}
	.tc-mtc-step--res .tc-mtc-chips{justify-content:flex-start;margin:0 -16px;padding:0 16px 2px}
	.tc-mtc-likes{padding:14px}
	.tc-mtc-likes .tc-mtc-btn{align-self:stretch}
	.tc-mtc-dlg{align-items:flex-end;padding:0}
	.tc-mtc-dlg__box{border-radius:20px 20px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom))}
}
@media (max-width:360px){.tc-mtc-act{width:64px;height:64px}.tc-mtc-styles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.tc-mtc-card,.tc-mtc-app,.tc-mtc-prog__bar i{transition:none}.tc-mtc-an__ic,.tc-mtc-an__bar i{animation:none}}
.tc-mtc-why strong,.tc-mtc-why span{font-family:var(--mt-b)!important}.tc-mtc-card__s,.tc-mtc-sub,.tc-mtc-likes__s{font-family:var(--mt-b)!important}