/* NEXA / FREE FIRE HOODIES */
#free-fire-hoodies, .ff-card { scroll-margin-top: 115px; }
.ff-shortcut { display:inline-flex;align-items:center;gap:12px;margin-top:24px;font-size:.83rem;color:var(--ink);flex-wrap:wrap; }
.ff-shortcut>span { color:var(--lime);border:1px solid rgba(186,255,74,.3);border-radius:5px;padding:5px 7px;font-size:.52rem;font-weight:800;letter-spacing:.1em; }
.ff-shortcut b { color:var(--lime);font-size:1.15rem; }
.ff-service-link { position:relative;z-index:6;margin:20px 0 42px;font-size:.73rem;font-weight:700;color:var(--lime); }
.free-fire { background:radial-gradient(ellipse at 90% 0,rgba(186,255,74,.065),transparent 42%),#080d0a;border-block:1px solid var(--line);overflow:hidden; }
.ff-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px; }
.ff-heading h2 { margin:26px 0 0;font-size:clamp(3.3rem,7.4vw,7.8rem);font-weight:900;line-height:.87;letter-spacing:-.075em; }
.ff-heading h2 em { color:var(--lime);font-style:normal; }
.ff-intro { max-width:355px; }
.ff-count { color:var(--lime);font-size:.65rem;letter-spacing:.16em;font-weight:700; }
.ff-intro p { font-size:.91rem;line-height:1.8;color:#b2beb6;margin:16px 0 0; }
.ff-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px; }
.ff-filters { display:flex;gap:8px;flex-wrap:wrap; }
.ff-filters[hidden] { display:none; }
.ff-filters button { cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:999px;min-height:44px;padding:10px 17px;font-size:.78rem;transition:background .2s,color .2s,border-color .2s; }
.ff-filters button span { margin-left:8px;font-size:.62rem;opacity:.66; }
.ff-filters button[aria-pressed="true"] { background:var(--lime);border-color:var(--lime);color:#071008;font-weight:800; }
.ff-results { color:var(--muted);font-size:.7rem;margin:0;white-space:nowrap; }
.ff-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px; }
.ff-card { min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:#0d1510;transition:border-color .35s,box-shadow .35s; }
.ff-card[hidden] { display:none; }
.ff-card:hover { border-color:rgba(186,255,74,.45);box-shadow:0 18px 65px rgba(0,0,0,.2); }
.ff-card:target { border-color:var(--lime); }
.ff-preview { display:flex;align-items:center;justify-content:center;aspect-ratio:1.55;position:relative;background:radial-gradient(ellipse at 50% 38%,#48504a 0%,#2c332f 55%,#1c231f 100%);padding:48px 22px 40px;overflow:hidden;isolation:isolate; }
.ff-preview img { width:100%;height:100%;object-fit:contain;transform:translateY(0);transition:transform .7s var(--ease);filter:drop-shadow(0 12px 15px rgba(0,0,0,.23)); }
.ff-preview:hover img { transform:translateY(-5px) scale(1.035); }
.ff-code,.ff-view-label { position:absolute;top:19px;font-size:.59rem;font-weight:700;letter-spacing:.12em;z-index:1; }
.ff-code { left:20px;color:var(--lime); }
.ff-view-label { right:20px;color:#d2d8d3; }
.ff-enlarge { position:absolute;bottom:14px;right:17px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 13px;background:rgba(10,17,12,.8);font-size:.64rem;display:flex;gap:16px;align-items:center; }
.ff-enlarge span { font-size:.9rem;color:var(--lime); }
.ff-card-info { padding:24px; }
.ff-card-heading { display:flex;align-items:center;justify-content:space-between;gap:15px; }
.ff-card-heading h3 { margin:0;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.04em; }
.ff-colour { display:inline-flex;align-items:center;gap:7px;font-size:.69rem;color:#c1ccc4;white-space:nowrap; }
.ff-swatch { width:10px;height:10px;display:inline-block;border:1px solid #8f9992;border-radius:50%; }
.ff-swatch-white { background:#f2f2f2; }.ff-swatch-black { background:#161717; }.ff-swatch-pink { background:#ec8cb7; }
.ff-card-info>p { font-size:.8rem;line-height:1.6;color:#a5b2a9;margin:12px 0 22px;min-height:2.6em; }
.ff-card-actions { display:flex;align-items:stretch;gap:10px; }
.ff-order { display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:12px 17px;background:var(--lime);color:#071008;border:1px solid var(--lime);border-radius:11px;font-size:.73rem;font-weight:800;line-height:1.4;transition:background .2s,transform .2s;text-align:center; }
.ff-order:hover { background:#d0ff8b;transform:translateY(-2px); }
.ff-order span { font-size:1rem; }
.ff-card-actions .ff-order { flex:1; }
.ff-add { cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:transparent;padding:12px 14px;min-height:46px;font-size:.7rem; }
.ff-add:hover { border-color:var(--lime);color:var(--lime); }
.ff-add span { font-size:1rem; }
.ff-footnote { margin-top:38px;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:baseline;justify-content:space-between; }
.ff-footnote span { font-size:.67rem;letter-spacing:.1em;color:var(--lime);font-weight:700;white-space:nowrap; }
.ff-footnote p { font-size:.77rem;line-height:1.7;color:var(--muted);margin:0;max-width:490px; }
.ff-in-view { animation:ffReveal .65s var(--ease) both; }
@keyframes ffReveal { from { opacity:.35;transform:translateY(22px); } to { opacity:1;transform:translateY(0); } }
body.ff-viewer-open { overflow:hidden; }
.ff-dialog { padding:0;width:min(1120px,calc(100vw - 36px));max-width:none;max-height:calc(100svh - 36px);border:1px solid rgba(255,255,255,.2);border-radius:22px;background:#0b120e;color:var(--ink);overflow:auto;box-shadow:0 32px 140px #0009; }
.ff-dialog::backdrop { background:rgba(0,5,2,.88);backdrop-filter:blur(12px); }
.ff-dialog[open] { animation:ffReveal .3s var(--ease) both; }
.ff-dialog-bar { display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;top:0;z-index:2;padding:12px 18px 12px 26px;background:#0b120ef5;border-bottom:1px solid var(--line); }
.ff-dialog-bar>span { font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--lime); }
.ff-dialog-bar button { cursor:pointer;background:#ffffff08;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:1.65rem; }
.ff-dialog-image { display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#4a534c,#222b25);padding:28px 34px 42px; }
.ff-dialog-image img { width:100%;height:auto;max-height:53svh;min-height:140px;object-fit:contain; }
.ff-full-image { position:absolute;right:20px;bottom:13px;font-size:.65rem;background:#101b15d9;padding:8px 12px;border-radius:20px; }
.ff-dialog-info { padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px; }
.ff-dialog-info h2 { font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.04em;margin:6px 0 10px; }
.ff-dialog-info p { font-size:.79rem;color:var(--muted);line-height:1.65;margin:0; }
.ff-dialog-info #ffDialogColour { color:var(--lime);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase; }
.ff-dialog-info .ff-order { flex-shrink:0; }
.ff-dialog-pagination { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;border-top:1px solid var(--line); }
.ff-dialog-pagination button { cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 16px;font-size:.73rem; }
.ff-dialog-pagination span { color:var(--muted);font-size:.72rem; }
.free-fire :focus-visible,.ff-dialog :focus-visible,.ff-shortcut:focus-visible,.ff-service-link:focus-visible { outline:2px solid var(--lime);outline-offset:5px; }
@media(min-width:1181px) { .desktop-nav { gap:24px;margin-left:3%; } }
@media(max-width:850px) { .ff-heading { display:block; }.ff-intro { max-width:540px;margin-top:30px; }.ff-grid { gap:16px; }.ff-card-info { padding:18px; }.ff-card-actions { flex-direction:column; }.ff-preview { padding:40px 12px 36px; }.ff-card-info>p { min-height:3.2em; }.ff-footnote { display:block; }.ff-footnote p { margin-top:12px; }.ff-toolbar { flex-wrap:wrap; }.ff-dialog-info { align-items:flex-start; }.mobile-menu { overflow-y:auto; }.mobile-menu-inner { min-height:540px; }.mobile-menu a:not(.mobile-wa) { font-size:clamp(2rem,7vw,4rem); } }
@media(max-width:560px) { .free-fire.section-shell { padding:76px 18px; }.ff-heading { margin-bottom:30px; }.ff-heading h2 { font-size:clamp(3.2rem,16vw,5rem); }.ff-intro p { font-size:.85rem; }.ff-toolbar { gap:14px; }.ff-filters { gap:6px; }.ff-filters button { padding:10px 14px;font-size:.73rem; }.ff-filters button span { margin-left:5px; }.ff-grid { grid-template-columns:1fr;gap:22px; }.ff-card-heading h3 { font-size:1.6rem; }.ff-card-info>p { min-height:0; }.ff-card-actions { flex-direction:row;gap:8px; }.ff-order { gap:9px;padding:11px 12px;font-size:.68rem; }.ff-add { gap:8px;padding:11px;font-size:.65rem; }.ff-code,.ff-view-label { top:15px; }.ff-preview { aspect-ratio:1.45;padding:38px 14px 38px; }.ff-dialog { width:calc(100vw - 16px);max-height:calc(100svh - 16px);border-radius:16px; }.ff-dialog-image { padding:25px 10px 44px; }.ff-dialog-info { display:block;padding:20px; }.ff-dialog-info .ff-order { display:flex;margin-top:18px; }.ff-dialog-bar { padding-left:20px; }.ff-dialog-pagination { padding:12px 18px; }.ff-dialog-pagination button { padding:10px 12px; }.ff-service-link { margin-bottom:0; }.mobile-menu { padding-top:100px; }.mobile-menu-inner { min-height:480px;height:auto; }.mobile-menu a:not(.mobile-wa) { font-size:clamp(1.8rem,7vw,2.8rem); }.mobile-wa { letter-spacing:.04em; } }
@media(prefers-reduced-motion:reduce) { .ff-in-view,.ff-dialog[open] { animation:none; }.ff-preview:hover img,.ff-order:hover { transform:none; } }