/* TattooClub — Tattoo Roulette 🎲 (landing containers tc-rlt-*, wheel, result, details sheet). */
@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{--rl-ink:#111;--rl-lime:#B7E41C;--rl-volt:#B7E41C;--rl-lime-ink:#4F7A00;--rl-lime-soft:#F1F8D9;--rl-ivory:#F9F5EF;--rl-cream:#F1ECE3;--rl-tan:#E3C3A0;--rl-line:#E8E4DC;--rl-muted:#68645E;--rl-red:#E5484D;--rl-h:'Archivo Black','Arial Black',sans-serif;--rl-b:'Space Grotesk',system-ui,sans-serif;--rl-hand:'Permanent Marker','Archivo Black',cursive}
body.tc-rlt-on .tc-rlt-landing{display:none!important}
body:not(.tc-rlt-on) .tc-rlt-appsec{display:none!important}
html.tc-rlt-lock,html.tc-rlt-lock body{overflow:hidden!important}
.tc-rlt [hidden],[data-rlt-app][hidden]{display:none!important}
.tc-rlt-i{flex:0 0 auto;width:18px;height:18px}
.tc-rlt-h2:focus,.tc-rlt-sheet__p:focus{outline:none}

/* ---------- landing (Elementor) ---------- */
.tc-rlt-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(--rl-b);background:var(--rl-ivory)}
.tc-rlt-sec>.e-con-inner{gap:clamp(18px,2.4vw,30px)!important;min-width:0}
.tc-rlt-sec .e-con{min-width:0;--width:auto;flex-wrap:nowrap!important}
.tc-rlt-sec>.e-con-inner>.e-con{width:100%!important}
.tc-rlt-sec .elementor-widget{margin:0!important;min-width:0;max-width:100%}
.tc-rlt-sec .elementor-widget-text-editor p{margin:0}
.tc-rlt-sec.tc-rlt-tight{--padding-top:14px!important}
.tc-rlt-hero{--padding-top:clamp(10px,1.6vw,20px)!important;--padding-bottom:0!important}
.tc-rlt-hero__card{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:clamp(460px,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}
.tc-rlt-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,.95) 0%,rgba(10,10,10,.76) 42%,rgba(10,10,10,.12) 78%)!important}
.tc-rlt-hero__txt{width:100%!important;max-width:640px;gap:16px!important}
.tc-rlt-script .elementor-heading-title{font-family:var(--rl-hand)!important;font-weight:400!important;font-size:clamp(46px,6.2vw,92px)!important;line-height:.9!important;color:var(--rl-volt)!important;text-transform:uppercase!important;transform:rotate(-3deg);transform-origin:left bottom;margin:0!important;letter-spacing:0!important}
.tc-rlt-h1 .elementor-heading-title{font-family:var(--rl-h)!important;font-weight:400!important;text-transform:uppercase!important;font-size:clamp(46px,6.6vw,96px)!important;line-height:.88!important;letter-spacing:-.02em!important;color:#fff!important;margin:-6px 0 0!important}
.tc-rlt-lead,.tc-rlt-lead p{font-family:var(--rl-b)!important;font-size:clamp(16px,1.4vw,19px)!important;line-height:1.45!important;color:#ECE7DE!important;max-width:40ch}
.tc-rlt-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(--rl-b)!important;letter-spacing:0!important;text-transform:none!important;border:0!important;background:var(--rl-volt)!important;color:var(--rl-ink)!important;box-shadow:0 10px 30px rgba(198,244,50,.3)}
.tc-rlt-ebtn .elementor-button:hover,.tc-rlt-ebtn .elementor-button:focus-visible{background:#fff!important}
.tc-rlt-ebtn .elementor-button-content-wrapper{gap:10px;align-items:center}
.tc-rlt-ebtn .elementor-button-icon svg{width:14px;height:14px;fill:currentColor}
.tc-rlt-trust{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}
.tc-rlt-trust .elementor-icon-box-wrapper{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px;text-align:center!important}
.tc-rlt-trust .elementor-icon-box-icon{margin:0!important}
.tc-rlt-trust .elementor-icon{font-size:22px!important;color:var(--rl-ink)!important}
.tc-rlt-trust .elementor-icon svg{width:24px;height:24px;fill:var(--rl-ink)!important}
.tc-rlt-trust .elementor-icon-box-title{font:700 15px/1.3 var(--rl-b)!important;color:var(--rl-ink)!important;margin:0!important;text-transform:none!important}
.tc-rlt-trust .elementor-icon-box-description{font:400 13.5px/1.35 var(--rl-b)!important;color:var(--rl-muted)!important;margin:2px 0 0!important}
.tc-rlt-eh2 .elementor-heading-title{font-family:var(--rl-h)!important;font-weight:400!important;text-transform:uppercase!important;font-size:clamp(24px,3vw,36px)!important;line-height:1.02!important;color:var(--rl-ink)!important;margin:0!important}
.tc-rlt-esub,.tc-rlt-esub p{font:400 15px/1.5 var(--rl-b)!important;color:var(--rl-muted)!important;max-width:64ch}
.tc-rlt-ex{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tc-rlt-ex__i{display:flex;flex-direction:column;gap:10px;color:var(--rl-ink)!important;text-decoration:none!important;min-width:0}
.tc-rlt-ex__m{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--rl-cream)}
.tc-rlt-ex__m img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .3s ease}
.tc-rlt-ex__i:hover .tc-rlt-ex__m img{transform:scale(1.04)}
.tc-rlt-ex__d{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--rl-volt);color:var(--rl-ink)}
.tc-rlt-ex__t{display:flex;flex-direction:column;gap:2px}
.tc-rlt-ex__t b{font:700 15px/1.2 var(--rl-b)}
.tc-rlt-ex__t small{font:500 13px/1.3 var(--rl-b);color:var(--rl-muted)}
.tc-rlt-ex__i:focus-visible{outline:3px solid var(--rl-lime-ink);outline-offset:3px;border-radius:14px}

/* ---------- generic (app) ---------- */
.tc-rlt{--shp-ink:#111;--shp-cream:#F9F5EF;--shp-line:#E8E4DC;--shp-muted:#68645E;--shp-green:#B7E41C;position:relative;display:flex;flex-direction:column;gap:clamp(14px,2vw,24px);min-height:60vh;font-family:var(--rl-b);color:var(--rl-ink)}
.tc-rlt :is(p,li,label,small){font-family:var(--rl-b)}
.tc-rlt p{margin:0}
.tc-rlt ul,.tc-rlt ol,.tc-rlt li{list-style:none;margin:0;padding:0}
.tc-rlt button{font-family:var(--rl-b);text-transform:none;letter-spacing:0;box-shadow:none}
.tc-rlt-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(--rl-b)!important;text-decoration:none!important;cursor:pointer;background:#fff;color:var(--rl-ink);transition:background .15s,color .15s,border-color .15s,transform .1s;text-transform:none!important}
.tc-rlt-btn:active{transform:scale(.98)}
.tc-rlt-btn .tc-rlt-i{width:17px;height:17px}
.tc-rlt-btn--lime{background:var(--rl-volt);color:var(--rl-ink)!important;box-shadow:0 8px 22px rgba(198,244,50,.35)}
.tc-rlt-btn--lime:hover{background:var(--rl-lime)}
.tc-rlt-btn--dark{background:var(--rl-ink);color:#fff!important}
.tc-rlt-btn--dark:hover{background:#2a2a2a}
.tc-rlt-btn--ghost{background:#fff;color:var(--rl-ink)!important;border-color:var(--rl-ink)}
.tc-rlt-btn--ghost:hover{background:var(--rl-ink);color:#fff!important}
.tc-rlt-btn--wide{width:100%}
.tc-rlt-btn--xl{min-height:58px;font-size:16px!important}
.tc-rlt-btn--sm{min-height:44px;padding:0 14px;font-size:14px!important}
.tc-rlt-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.tc-rlt :is(.tc-rlt-btn,.tc-rlt-tb,.tc-rlt-link,.tc-rlt-heart,.tc-rlt-nav,.tc-rlt-sz,.tc-rlt-dg__t button,.tc-rlt-sheet__x,.tc-rlt-wheel__go,summary,select):focus-visible{outline:3px solid var(--rl-lime-ink);outline-offset:2px}
.tc-rlt-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;font:700 14px/1.2 var(--rl-b)!important;color:var(--rl-ink)!important;text-decoration:underline!important;text-decoration-color:var(--rl-lime)!important;text-decoration-thickness:2px!important;text-underline-offset:4px;cursor:pointer}
.tc-rlt-sub{margin:6px 0 0!important;font:400 15px/1.5 var(--rl-b)!important;color:var(--rl-muted)!important;max-width:64ch}
.tc-rlt-lbl{margin:0!important;font:700 15px/1.2 var(--rl-b)!important;color:var(--rl-ink)}
.tc-rlt-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.tc-rlt-h2{margin:0!important;font:400 clamp(26px,3.2vw,40px)/1 var(--rl-h)!important;text-transform:uppercase;color:var(--rl-ink)!important}
.tc-rlt-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:36vh;text-align:center;font:500 15px var(--rl-b);color:var(--rl-muted)}
.tc-rlt-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--rl-cream);border-top-color:var(--rl-lime);animation:tc-rlt-spin .8s linear infinite}
@keyframes tc-rlt-spin{to{transform:rotate(360deg)}}
.tc-rlt-step{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px);animation:tc-rlt-in .25s ease}
@keyframes tc-rlt-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* top bar + 4-step progress */
.tc-rlt-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-top:6px}
.tc-rlt-tb{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:10px;background:none;color:var(--rl-ink);font:600 14px var(--rl-b);cursor:pointer}
.tc-rlt-tb:hover{background:var(--rl-cream)}
.tc-rlt-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:520px;width:100%;margin:0 auto!important;position:relative}
.tc-rlt-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font:600 12.5px/1.2 var(--rl-b);color:var(--rl-muted);text-align:center}
.tc-rlt-steps li::before{content:"";position:absolute;top:6px;left:-50%;right:50%;height:3px;background:var(--rl-line);z-index:0}
.tc-rlt-steps li:first-child::before{display:none}
.tc-rlt-steps i{position:relative;z-index:1;width:15px;height:15px;border-radius:50%;background:var(--rl-line);border:3px solid var(--rl-ivory);box-sizing:content-box;margin-top:-3px}
.tc-rlt-steps li.is-done::before,.tc-rlt-steps li.is-cur::before{background:var(--rl-volt)}
.tc-rlt-steps li.is-done i,.tc-rlt-steps li.is-cur i{background:var(--rl-volt)}
.tc-rlt-steps li.is-cur{color:var(--rl-ink);font-weight:700}
.tc-rlt-steps li.is-cur i{box-shadow:0 0 0 4px rgba(198,244,50,.35)}
.tc-rlt-steps li.is-cur span{border-bottom:3px solid var(--rl-volt);padding-bottom:3px}

/* ---------- step 1 · wheel ---------- */
.tc-rlt-spinwrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:center;max-width:1080px;width:100%;margin:0 auto}
.tc-rlt-wheelcol{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.tc-rlt-wheel{position:relative;width:min(460px,100%);aspect-ratio:1/1;filter:drop-shadow(0 20px 40px rgba(17,17,17,.22))}
.tc-rlt-wheel__svg{display:block;width:100%;height:100%}
.tc-rlt-wheel__rot{transform-origin:210px 210px;transform-box:view-box;will-change:transform}
.tc-rlt-wheel__ptr{position:absolute;top:-6px;left:50%;z-index:3;width:34px;height:40px;transform:translateX(-50%);background:var(--rl-volt);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.tc-rlt-wheel__ptr::after{content:"";position:absolute;top:6px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--rl-ink);transform:translateX(-50%)}
.tc-rlt.is-spinning .tc-rlt-wheel__ptr{animation:tc-rlt-tick .12s ease-in-out infinite alternate}
@keyframes tc-rlt-tick{to{transform:translateX(-50%) rotate(-12deg)}}
.tc-rlt-wheel__go{position:absolute;top:50%;left:50%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:34%;height:34%;padding:0;border-radius:50%;border:6px solid var(--rl-ink);background:var(--rl-volt);color:var(--rl-ink);transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 0 0 3px var(--rl-volt),0 0 34px rgba(198,244,50,.55);font:400 clamp(16px,2vw,22px)/1 var(--rl-h)!important;text-transform:uppercase;transition:transform .15s}
.tc-rlt .tc-rlt-wheel__go{text-transform:uppercase}
.tc-rlt-wheel__go b{font-size:1.15em;line-height:1}
.tc-rlt-wheel__go:hover{transform:translate(-50%,-50%) scale(1.05)}
.tc-rlt-wheel__go:active{transform:translate(-50%,-50%) scale(.95)}
.tc-rlt-wheel__go:not([disabled]){animation:tc-rlt-pulse 2.2s ease-in-out infinite}
.tc-rlt-wheel__go[disabled]{cursor:progress;animation:none}
@keyframes tc-rlt-pulse{50%{box-shadow:0 0 0 3px var(--rl-volt),0 0 0 12px rgba(198,244,50,.22),0 0 40px rgba(198,244,50,.6)}}
.tc-rlt-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(520px,100%)}
.tc-rlt-reel{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:12px;background:#fff;border:1.5px solid var(--rl-line);transition:border-color .2s,background .2s}
.tc-rlt-reel.is-on{border-color:var(--rl-volt);background:var(--rl-lime-soft)}
.tc-rlt-reel__i{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--rl-ink);color:var(--rl-volt)}
.tc-rlt-reel__i .tc-rlt-i{width:17px;height:17px}
.tc-rlt-reel__t{display:flex;flex-direction:column;min-width:0}
.tc-rlt-reel__t small{font:600 11px/1.2 var(--rl-b);color:var(--rl-muted);text-transform:uppercase;letter-spacing:.04em}
.tc-rlt-reel__t b{font:700 14.5px/1.25 var(--rl-b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-rlt-prefcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.tc-rlt-prefs{border-radius:16px;background:#fff;border:1.5px solid var(--rl-line);overflow:hidden}
.tc-rlt-prefs summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 16px;font:700 15px/1.2 var(--rl-b);cursor:pointer;list-style:none}
.tc-rlt-prefs summary::-webkit-details-marker{display:none}
.tc-rlt-prefs summary small{font-weight:500;color:var(--rl-muted)}
.tc-rlt-prefs summary span{flex:1 1 auto}
.tc-rlt-chev{transition:transform .2s}
.tc-rlt-prefs[open] summary .tc-rlt-chev{transform:rotate(180deg)}
.tc-rlt-prefs__b{display:flex;flex-direction:column;gap:10px;padding:2px 16px 16px}
.tc-rlt-sel{display:grid;grid-template-columns:auto 96px minmax(0,1fr);align-items:center;gap:10px;margin:0;font:600 14.5px var(--rl-b)}
.tc-rlt-sel>.tc-rlt-i{width:20px;height:20px}
.tc-rlt-sel__w{position:relative;min-width:0}
.tc-rlt-sel select{width:100%;min-height:48px;padding:0 38px 0 14px;border-radius:10px;border:1.5px solid var(--rl-line);background:#fff;color:var(--rl-ink);font:600 14.5px var(--rl-b);-webkit-appearance:none;appearance:none;cursor:pointer;box-shadow:none}
.tc-rlt-sel__w .tc-rlt-chev{position:absolute;right:12px;top:50%;margin-top:-9px;pointer-events:none}
.tc-rlt-sel.is-on select{border-color:var(--rl-volt);background:var(--rl-lime-soft);box-shadow:0 0 0 2px var(--rl-volt)}
.tc-rlt-count{font:500 13.5px/1.4 var(--rl-b)!important;color:var(--rl-muted)!important}
.tc-rlt-count b{color:var(--rl-ink)}
.tc-rlt-prefs__b .tc-rlt-link{align-self:flex-start;min-height:32px}

/* ---------- step 2 · result ---------- */
.tc-rlt-relax{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 auto;max-width:1040px;width:100%;padding:12px 14px;border-radius:12px;background:var(--rl-lime-soft);border:1.5px solid var(--rl-lime);font:500 14px/1.4 var(--rl-b)!important}
.tc-rlt-relax b{font-weight:700;width:100%}
.tc-rlt-relax .tc-rlt-link{min-height:32px}
.tc-rlt-res{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"media combo" "media info" "media ctas";grid-template-rows:auto auto 1fr;gap:16px 32px;align-items:start;max-width:1040px;width:100%;margin:0 auto;animation:tc-rlt-reveal .35s ease}
@keyframes tc-rlt-reveal{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.tc-rlt-combo{grid-area:combo;display:flex;flex-direction:column;gap:8px}
.tc-rlt-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#fff;border:1.5px solid var(--rl-line)}
.tc-rlt-row:first-child{border-color:var(--rl-volt);box-shadow:0 0 0 1px var(--rl-volt)}
.tc-rlt-row__i{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--rl-ink);color:var(--rl-volt)}
.tc-rlt-row__i .tc-rlt-i{width:20px;height:20px}
.tc-rlt-row__t{display:flex;flex-direction:column;min-width:0}
.tc-rlt-row__t small{font:600 11.5px/1.2 var(--rl-b);text-transform:uppercase;letter-spacing:.05em;color:var(--rl-muted)}
.tc-rlt-row__t b{font:700 17px/1.25 var(--rl-b)}
.tc-rlt-row__t em{font:400 13px/1.35 var(--rl-b);font-style:normal;color:var(--rl-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.tc-rlt-media{grid-area:media;position:relative;border-radius:20px;overflow:hidden;background:var(--rl-cream);aspect-ratio:4/5;touch-action:pan-y;box-shadow:0 18px 40px rgba(17,17,17,.12)}
.tc-rlt-img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;user-select:none;-webkit-user-drag:none}
.tc-rlt-nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:0;background:#fff;color:var(--rl-ink);box-shadow:0 6px 16px rgba(17,17,17,.18);transform:translateY(-50%);cursor:pointer}
.tc-rlt-nav:hover{background:var(--rl-volt)}
.tc-rlt-nav--p{left:12px}.tc-rlt-nav--n{right:12px}
.tc-rlt-dots{position:absolute;left:0;right:0;bottom:14px;z-index:2;display:flex;justify-content:center;gap:6px}
.tc-rlt-dots i{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.75);box-shadow:0 0 0 1px rgba(0,0,0,.15);transition:width .2s}
.tc-rlt-dots i.is-on{width:22px;background:var(--rl-volt)}
.tc-rlt-badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:99px;background:rgba(17,17,17,.82);color:#fff;font:700 12.5px/1 var(--rl-b)}
.tc-rlt-badge .tc-rlt-i{width:14px;height:14px;color:var(--rl-volt)}
.tc-rlt-heart{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;border:0;background:#fff;color:var(--rl-ink);box-shadow:0 6px 16px rgba(17,17,17,.15);cursor:pointer}
.tc-rlt-heart .tc-rlt-i{width:22px;height:22px}
.tc-rlt-heart.is-on{color:var(--rl-red)}
.tc-rlt-heart.is-on .tc-rlt-i{fill:var(--rl-red)}
.tc-rlt-heart--s{position:static;flex:0 0 auto;border:1.5px solid var(--rl-line);box-shadow:none}
.tc-rlt-info{grid-area:info;display:flex;flex-direction:column;gap:10px;min-width:0}
.tc-rlt-info__h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tc-rlt-name{margin:0!important;font:400 clamp(26px,3vw,36px)/1 var(--rl-h)!important;text-transform:uppercase;color:var(--rl-ink)!important}
.tc-rlt-price{display:flex;align-items:center;gap:12px;margin-top:6px!important;font:700 19px var(--rl-b)!important}
.tc-rlt-rt{display:inline-flex;align-items:center;gap:4px;font:600 13.5px var(--rl-b)}
.tc-rlt-rt .tc-rlt-i{width:15px;height:15px;fill:#F5B301;stroke:#F5B301}
.tc-rlt-rt small{color:var(--rl-muted)}
.tc-rlt-sizes{display:flex;gap:6px;flex-wrap:wrap}
.tc-rlt-sz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:62px;min-height:46px;padding:4px 10px;border-radius:10px;border:1.5px solid var(--rl-line);background:#fff;color:var(--rl-ink);font:700 14px/1 var(--rl-b);cursor:pointer}
.tc-rlt-sz small{font:500 10.5px/1 var(--rl-b);color:var(--rl-muted)}
.tc-rlt-sz.is-on{background:var(--rl-volt);border-color:var(--rl-volt)}
.tc-rlt-sz.is-on small{color:var(--rl-ink)}
.tc-rlt-sz[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.tc-rlt-oos{font:700 13.5px var(--rl-b)!important;color:#B42318!important}
.tc-rlt-ctas{grid-area:ctas;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tc-rlt-ctas .tc-rlt-try{grid-column:1/-1}
.tc-rlt-respin .tc-rlt-short{display:none}
.tc-rlt-done{display:flex;flex-direction:column;gap:12px;max-width:1040px;width:100%;margin:0 auto;padding:16px;border-radius:16px;background:var(--rl-lime-soft);border:1.5px solid var(--rl-lime);animation:tc-rlt-in .25s ease}
.tc-rlt-done__t{display:flex;align-items:center;gap:10px;font:500 15px/1.35 var(--rl-b)!important}
.tc-rlt-done__t .tc-rlt-i{width:26px;height:26px;padding:4px;border-radius:50%;background:var(--rl-volt);stroke-width:3}
.tc-rlt-done__a{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- details sheet ---------- */
.tc-rlt-sheet{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:24px}
.tc-rlt-sheet__bg{position:absolute;inset:0;background:rgba(17,17,17,.55);opacity:0;transition:opacity .2s}
.tc-rlt-sheet__p{position:relative;width:min(960px,100%);max-height:calc(100dvh - 48px);overflow:auto;border-radius:20px;background:var(--rl-ivory);box-shadow:0 30px 80px rgba(0,0,0,.3);transform:translateY(20px);opacity:0;transition:transform .2s ease,opacity .2s ease;outline:none;overscroll-behavior:contain}
.tc-rlt-sheet.is-open .tc-rlt-sheet__bg{opacity:1}
.tc-rlt-sheet.is-open .tc-rlt-sheet__p{transform:none;opacity:1}
.tc-rlt-sheet__x{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:0;background:#fff;color:var(--rl-ink);box-shadow:0 4px 14px rgba(0,0,0,.12);cursor:pointer}
.tc-rlt-sheet__b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px}
.tc-rlt-dg{display:flex;flex-direction:column;gap:8px}
.tc-rlt-dg__m{border-radius:16px;overflow:hidden;background:var(--rl-cream);aspect-ratio:1/1}
.tc-rlt-dg__m img{width:100%!important;height:100%!important;object-fit:cover}
.tc-rlt-dg__t{display:flex;gap:8px;overflow-x:auto}
.tc-rlt-dg__t button{flex:0 0 auto;width:64px;height:64px;padding:0;border-radius:10px;border:2px solid var(--rl-line);overflow:hidden;background:#fff;cursor:pointer}
.tc-rlt-dg__t button.is-on{border-color:var(--rl-volt)}
.tc-rlt-dg__t img{width:100%!important;height:100%!important;object-fit:cover}
.tc-rlt-dd{display:flex;flex-direction:column;gap:12px;min-width:0;padding-right:36px}
.tc-rlt-desc{font:400 15px/1.55 var(--rl-b)!important;color:#4A4640!important}
.tc-rlt-tags,.tc-rlt-zl{display:flex;flex-wrap:wrap;gap:6px}
.tc-rlt-tags span,.tc-rlt-zl a,.tc-rlt-zl span{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:99px;background:#fff;border:1px solid var(--rl-line);font:600 13px var(--rl-b);color:var(--rl-ink)!important;text-decoration:none!important}
.tc-rlt-tags .is-on,.tc-rlt-zl .is-on{background:var(--rl-volt);border-color:var(--rl-volt)}
.tc-rlt-zl a:hover{border-color:var(--rl-ink)}
.tc-rlt-zl .tc-rlt-i{width:14px;height:14px}
.tc-rlt-stock{font:600 13.5px var(--rl-b)!important;color:var(--rl-lime-ink)!important}
.tc-rlt-stock.is-out{color:#B42318!important}
.tc-rlt-deliv{display:flex;flex-direction:column;gap:8px;margin:4px 0 0!important;padding:12px 0 0!important;border-top:1px solid var(--rl-line)}
.tc-rlt-deliv li{display:flex;align-items:center;gap:8px;font:500 13.5px/1.35 var(--rl-b)}
body.tc-rlt-on .tc-wa{bottom:calc(24px + env(safe-area-inset-bottom))}

/* ---------- responsive ---------- */
@media (max-width:1024px){
	.tc-rlt-ex{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tc-rlt-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tc-rlt-spinwrap{grid-template-columns:minmax(0,1fr);max-width:560px}
	.tc-rlt-res{gap:14px 20px}
	.tc-rlt-ctas{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
	.tc-rlt-hero__card{min-height:0;justify-content:flex-end!important;--padding-top:clamp(190px,56vw,280px)!important;--padding-bottom:22px!important;--padding-left:18px!important;--padding-right:18px!important;background-position:70% 15%!important;border-radius:16px}
	.tc-rlt-hero__card::before{background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.55) 30%,rgba(10,10,10,.96) 55%)!important}
	.tc-rlt-script .elementor-heading-title{font-size:clamp(40px,13vw,58px)!important}
	.tc-rlt-h1 .elementor-heading-title{font-size:clamp(40px,13vw,58px)!important}
	.tc-rlt-hero__txt{gap:12px!important}
	.tc-rlt-ebtn,.tc-rlt-ebtn .elementor-button{width:100%}
	.tc-rlt-ebtn .elementor-button{justify-content:center}
	.tc-rlt-trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important}
	.tc-rlt-trust .elementor-icon-box-title{font-size:11.5px!important;line-height:1.25!important}
	.tc-rlt-trust .elementor-icon-box-description{display:none!important}
	.tc-rlt-ex{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
	.tc-rlt-ex::-webkit-scrollbar{display:none}
	.tc-rlt-ex__i{flex:0 0 42%;scroll-snap-align:start}
	.tc-rlt{gap:12px}
	.tc-rlt-tb span{display:none}
	.tc-rlt-steps li{font-size:11px}
	.tc-rlt-steps li span{white-space:nowrap}
	.tc-rlt-head .tc-rlt-sub{font-size:14px!important}
	.tc-rlt-step[data-step="2"] .tc-rlt-head .tc-rlt-sub{display:none}
	.tc-rlt-wheel{width:min(84vw,360px)}
	.tc-rlt-reels{gap:6px}
	.tc-rlt-reel{flex-direction:column;align-items:center;text-align:center;gap:5px;padding:8px 4px}
	.tc-rlt-reel__i{width:30px;height:30px}
	.tc-rlt-reel__t{align-items:center;max-width:100%}
	.tc-rlt-reel__t small{font-size:10px}
	.tc-rlt-reel__t b{font-size:13px;max-width:100%}
	.tc-rlt-sel{grid-template-columns:auto 86px minmax(0,1fr);font-size:13.5px}
	.tc-rlt-res{display:flex;flex-direction:column;align-items:stretch;gap:12px}
	.tc-rlt-row{padding:7px 10px;gap:10px;border-radius:12px}
	.tc-rlt-row__i{width:36px;height:36px}
	.tc-rlt-row__i .tc-rlt-i{width:17px;height:17px}
	.tc-rlt-row__t{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px}
	.tc-rlt-row__t small{flex:0 0 100%;font-size:10.5px}
	.tc-rlt-row__t b{font-size:15px}
	.tc-rlt-row__t em{font-size:12.5px}
	.tc-rlt-combo{gap:6px}
	.tc-rlt-media{margin:0 -16px;border-radius:0;aspect-ratio:auto;height:min(46vh,440px);box-shadow:none}
	.tc-rlt-nav{width:40px;height:40px}
	.tc-rlt-name{font-size:26px!important}
	.tc-rlt-price{font-size:17px!important;margin-top:4px!important}
	.tc-rlt-ctas{position:sticky;bottom:0;z-index:20;grid-template-columns:1fr 1fr;gap:8px;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(249,245,239,.96);backdrop-filter:blur(8px);border-top:1px solid var(--rl-line)}
	.tc-rlt-ctas .tc-rlt-btn{min-height:46px;padding:0 10px;font-size:14px!important}
	.tc-rlt-ctas .tc-rlt-try{min-height:54px;font-size:16px!important}
	.tc-rlt-respin span{white-space:nowrap}
	.tc-rlt-respin .tc-rlt-full{display:none}
	.tc-rlt-respin .tc-rlt-short{display:inline}
	.tc-rlt-done__a .tc-rlt-btn{flex:1 1 100%}
	.tc-rlt-sheet{align-items:flex-end;padding:0}
	.tc-rlt-sheet__p{width:100%;max-height:92dvh;border-radius:20px 20px 0 0;transform:translateY(100%)}
	.tc-rlt-sheet__b{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
	.tc-rlt-dd{padding-right:0}
	.tc-rlt-dg__m{aspect-ratio:4/3}
	body.tc-rlt-on .tc-wa{bottom:calc(132px + env(safe-area-inset-bottom))!important}
}
@media (max-width:380px){
	.tc-rlt-steps li{font-size:10px}
	.tc-rlt-wheel{width:min(82vw,300px)}
	.tc-rlt-sel{grid-template-columns:auto minmax(0,1fr);row-gap:6px}
	.tc-rlt-sel__w{grid-column:1/-1}
	.tc-rlt-ctas .tc-rlt-btn{font-size:13px!important;gap:6px}
	.tc-rlt-media{height:min(40vh,380px)}
	.tc-rlt-ex__i{flex-basis:56%}
}
@media (prefers-reduced-motion:reduce){.tc-rlt-step,.tc-rlt-res,.tc-rlt-wheel__go,.tc-rlt.is-spinning .tc-rlt-wheel__ptr{animation:none!important}.tc-rlt-wheel__rot{transition:none!important}}
