/* Review 6 (26 Oct 2026): domain brand mark + "send photos on WhatsApp" calls to action. sellmyninja.co.uk */
:root{--r6-acc:#d9391b;--r6-acc2:#ff8a6b;--r6-ink:#14213d;--r6-band:#14213d;--r6-band-ink:#fff;--r6-card:#1f3058;--r6-card-ink:#fff;--r6-num:#ff8a6b;--r6-head:var(--font);--r6-body:var(--font);--r6-rad:18px;--r6-wa:#1b8a4c}
.r6-tld.r6-tld{display:inline;font-size:.62em;font-weight:inherit;font-style:normal;letter-spacing:0;text-transform:none;color:var(--r6-tld,var(--r6-acc));margin:0 0 0 .04em;padding:0;white-space:nowrap;vertical-align:baseline}
.r6-only-m{display:none!important}
.r6-wa{display:inline-flex;align-items:center;gap:12px;background:var(--r6-wa);color:#fff!important;text-decoration:none!important;border-radius:var(--r6-rad);padding:10px 20px 10px 10px;font-family:var(--r6-body);line-height:1.15;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease;max-width:100%;box-sizing:border-box}
.r6-wa:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.24)}
.r6-wa:focus-visible{outline:3px solid var(--r6-acc);outline-offset:3px}
.r6-wa-dot{flex:0 0 auto;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:calc(var(--r6-rad) * .8);background:rgba(255,255,255,.18)}
.r6-wa-ico{display:block}
.r6-wa-txt{display:flex;flex-direction:column;min-width:0}
.r6-wa-txt b{font-family:var(--r6-head);font-weight:700;font-size:1.06rem;letter-spacing:.01em}
.r6-wa-txt small{font-size:.82rem;opacity:.92;font-weight:500}
.r6-wa--hero{margin:12px 0 4px;position:relative}
.r6-wa--hero .r6-wa-dot{animation:r6dot 2.5s ease-in-out infinite}
.r6-wa--sm{padding:8px 16px 8px 8px}
.r6-wa--sm .r6-wa-dot{width:34px;height:34px}
.r6-wa--sm .r6-wa-txt b{font-size:.98rem}
.r6-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:16px 0 4px;padding:14px 16px;border:2px dashed var(--r6-wa);border-radius:var(--r6-rad);background:rgba(37,211,102,.08);color:inherit;box-sizing:border-box;max-width:100%}
.r6-strip p{margin:0;flex:1 1 220px;font-family:var(--r6-body);font-size:.98rem;line-height:1.4;font-weight:600}
.r6-steps{background:var(--r6-band);color:var(--r6-band-ink);padding:clamp(40px,6vw,72px) 0;position:relative;overflow:hidden}
.r6-shell{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px);box-sizing:border-box}
.r6-steps-top{max-width:720px;margin-bottom:24px}
.r6-steps-top h2{font-family:var(--r6-head);font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.05;margin:0 0 8px;color:inherit}
.r6-steps-top p{margin:0;font-family:var(--r6-body);font-size:1.05rem;opacity:.9}
.r6-steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}
.r6-steps-list>li{display:flex;gap:14px;align-items:flex-start;background:var(--r6-card);color:var(--r6-card-ink);border-radius:var(--r6-rad);padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.08);transition:transform .25s ease}
.r6-steps-list>li:hover{transform:translateY(-3px)}
.r6-steps-list h3{font-family:var(--r6-head);font-size:1.2rem;margin:4px 0 6px;color:inherit;line-height:1.15}
.r6-steps-list p{margin:0;font-family:var(--r6-body);font-size:.95rem;line-height:1.45;opacity:.92}
.r6-n{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--r6-num);color:var(--r6-band);font:800 1.35rem/1 var(--r6-head);box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.r6-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px!important}
.r6-chips span{font-size:.78rem;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid currentColor;opacity:.85}
.r6-steps-go{margin:24px 0 0}
/* Floating WhatsApp button: pulsing ring + "Send photos" tag */
.r6-fab{overflow:visible!important}
.r6-fab .r6-ring{position:absolute;inset:0;border-radius:inherit;border:3px solid var(--r6-wa);pointer-events:none;animation:r6ping 2.5s cubic-bezier(.2,.6,.3,1) infinite}
.r6-fab .r6-ring{border-radius:50%}
.r6-fab .r6-tag{position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%);white-space:nowrap;background:#fff;color:#14231a;border:2px solid var(--r6-wa);font:700 14px/1 var(--r6-body);padding:8px 12px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.18);pointer-events:none;animation:r6tag 2.5s ease-in-out infinite}
.r6-fab .r6-tag::after{content:"";position:absolute;top:50%;right:-7px;width:10px;height:10px;background:#fff;border-right:2px solid var(--r6-wa);border-top:2px solid var(--r6-wa);transform:translateY(-50%) rotate(45deg)}
.r6-fab--left .r6-tag{right:auto;left:calc(100% + 10px)}
.r6-fab--left .r6-tag::after{right:auto;left:-7px;transform:translateY(-50%) rotate(-135deg)}
.r6-tag-s{display:none}
@keyframes r6ping{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.65);opacity:0}100%{transform:scale(1.65);opacity:0}}
@keyframes r6tag{0%,100%{transform:translateY(-50%) scale(1)}12%{transform:translateY(-50%) scale(1.06)}24%{transform:translateY(-50%) scale(1)}}
@keyframes r6tagm{0%,100%{transform:scale(1)}12%{transform:scale(1.06)}24%{transform:scale(1)}}
@keyframes r6dot{0%,100%{transform:scale(1)}10%{transform:scale(1.12)}20%{transform:scale(1)}}
@media (max-width:900px){.r6-steps-list{grid-template-columns:1fr}}
@media (max-width:640px){
.r6-wa--hero{display:flex;width:100%}
.r6-fab .r6-tag{font-size:12px;padding:6px 9px;top:auto;bottom:calc(100% + 9px);right:-2px;transform:none;animation-name:r6tagm}
.r6-fab .r6-tag::after{top:auto;bottom:-7px;right:20px;transform:rotate(135deg)}
.r6-fab--left .r6-tag{left:-2px;right:auto}
.r6-fab--left .r6-tag::after{left:20px;right:auto;transform:rotate(135deg)}
.r6-tag-l{display:none}.r6-tag-s{display:inline}
.r6-strip{padding:12px}
.r6-strip .r6-wa{width:100%}
}
@media (prefers-reduced-motion:reduce){
.r6-fab .r6-ring{animation:none;opacity:0}
.r6-fab .r6-tag,.r6-wa--hero .r6-wa-dot{animation:none}
.r6-wa,.r6-steps-list>li{transition:none}
.r6-wa:hover,.r6-steps-list>li:hover{transform:none}
}
@media print{.r6-fab .r6-ring,.r6-fab .r6-tag{display:none}}
