{"product_id":"keycaps-nuphy-oblivion-berry-pbt-low-profile","title":"Oblivion","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@400;500;700\u0026family=IBM+Plex+Mono:wght@400;500\u0026display=swap');\n\n.obl *, .obl *::before, .obl *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n.obl {\n  --bg: #f5f5f5;\n  --white: #fff;\n  --ink: #1a1a1a;\n  --muted: #888;\n  --rule: #e0e0e0;\n  --accent: #8b6ad4;\n  font-family: 'IBM Plex Sans', sans-serif;\n  background: var(--bg);\n  color: var(--ink);\n  overflow-x: hidden;\n}\n.obl img { display: block; width: 100%; height: auto; }\n\n\/* ── SLIDER ── *\/\n.obl .slider { position: relative; overflow: hidden; background: #111; aspect-ratio: 16\/9; }\n@media (max-width: 600px) { .obl .slider { aspect-ratio: 4\/3; } }\n.obl .slider__track { display: flex; height: 100%; transition: transform .5s cubic-bezier(.4,0,.2,1); }\n.obl .slider__slide { flex: 0 0 100%; height: 100%; }\n.obl .slider__slide img { width: 100%; height: 100%; object-fit: cover; }\n.obl .slider__btn {\n  position: absolute; top: 50%; transform: translateY(-50%);\n  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.2); color: #fff;\n  width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;\n  cursor: pointer; font-size: 16px; transition: background .2s; z-index: 10; backdrop-filter: blur(4px);\n}\n.obl .slider__btn:hover { background: rgba(255,255,255,.3); }\n.obl .slider__btn--prev { left: 12px; }\n.obl .slider__btn--next { right: 12px; }\n.obl .slider__dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }\n.obl .slider__dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.4); cursor: pointer; transition: background .2s; border: 0; padding: 0; }\n.obl .slider__dot.active { background: #fff; }\n\n\/* ── CONTAINER ── *\/\n.obl .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }\n\n\/* ── SECTION ── *\/\n.obl .section { padding: 56px 0; border-bottom: 1px solid var(--rule); }\n.obl .section:last-child { border-bottom: none; }\n.obl .section__eyebrow { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; }\n.obl .section__title { font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 500; line-height: 1.2; margin-bottom: 20px; color: var(--ink); }\n.obl .section__body { font-size: 14px; color: var(--muted); line-height: 1.85; max-width: 640px; }\n\n\/* ── HERO TEXT ── *\/\n.obl .hero-text { background: var(--white); padding: 40px 20px; border-bottom: 1px solid var(--rule); }\n.obl .hero-text__title { font-family: 'IBM Plex Mono', monospace; font-size: clamp(1.6rem, 5vw, 2.8rem); font-weight: 500; letter-spacing: -.02em; color: var(--ink); margin-bottom: 16px; }\n.obl .hero-text__title span { color: var(--accent); }\n.obl .hero-text__body { font-size: 14px; color: var(--muted); line-height: 1.85; max-width: 720px; }\n\n\/* ── SPLIT ── *\/\n.obl .split { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }\n@media (min-width: 768px) {\n  .obl .split { grid-template-columns: 1fr 1fr; gap: 56px; }\n  .obl .split--reverse .split__img { order: 2; }\n  .obl .split--reverse .split__text { order: 1; }\n}\n.obl .split__img { overflow: hidden; background: #eee; }\n.obl .split__img img { width: 100%; display: block; object-fit: cover; }\n\n\/* ── TECH SPECS ── *\/\n.obl .specs-card { background: var(--white); border: 1px solid var(--rule); margin-top: 8px; }\n.obl .specs-card__header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--rule); cursor: pointer; user-select: none; }\n.obl .specs-card__heading { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--ink); }\n.obl .specs-card__close { font-size: 18px; color: var(--muted); background: none; border: none; cursor: pointer; line-height: 1; transition: transform .2s; }\n.obl .specs-card--collapsed .specs-card__close { transform: rotate(45deg); }\n.obl .specs-card--collapsed .specs-card__body { display: none; }\n.obl .specs-card__body { background: #f0f0f0; padding: 28px 20px; display: grid; grid-template-columns: 1fr; gap: 20px; }\n@media (min-width: 640px) { .obl .specs-card__body { grid-template-columns: 1fr 1fr; gap: 24px 60px; padding: 32px 28px; } }\n.obl .ts-group__label { font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 3px; }\n.obl .ts-group__value { font-size: 13px; color: var(--muted); line-height: 1.7; }\n\n\/* ── COMPAT CARD ── *\/\n.obl .compat-card { background: var(--white); border: 1px solid var(--rule); overflow: hidden; }\n.obl .compat-card__header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--rule); }\n.obl .compat-card__heading { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--ink); }\n.obl .compat-card__close { font-size: 18px; color: var(--muted); line-height: 1; }\n.obl .compat-card__body { background: #f0f0f0; padding: 24px 20px; }\n.obl .compat-value { font-size: 13px; color: #666; line-height: 1.7; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"obl\"\u003e\n\n  \u003c!-- ══ SLIDER 1 ══ --\u003e\n  \u003cdiv class=\"slider\" id=\"obl-slider1\"\u003e\n    \u003cdiv class=\"slider__track\"\u003e\n      \u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/7297\/1373\/files\/Mechanical_keyboard_keycaps_on_a_gray_background_with_Oblivion_branding..jpg?width=1920\" alt=\"Keycap set NuPhy Oblivion sobre fundo cinza\" loading=\"eager\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/5b59af1e-7b4a-4a1c-94a3-54c37ec7645d\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"NuPhy Oblivion — teclas cinza com acentos verde, azul e laranja\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/7297\/1373\/files\/Oblivion-main-03.jpg?width=1920\" alt=\"Detalhe do keycap set NuPhy Oblivion\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"slider__btn slider__btn--prev\" aria-label=\"Anterior\"\u003e‹\u003c\/button\u003e\n    \u003cbutton class=\"slider__btn slider__btn--next\" aria-label=\"Próximo\"\u003e›\u003c\/button\u003e\n    \u003cdiv class=\"slider__dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ══ HERO TEXT ══ --\u003e\n  \u003cdiv class=\"hero-text\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003cdiv class=\"hero-text__title\"\u003e\u003cspan\u003eOBLIVION\u003c\/span\u003e\u003c\/div\u003e\n      \u003cp class=\"hero-text__body\"\u003eNasce do caos estruturado da programação, onde a lógica dança com a criatividade e cada linha de código conta uma história. Inspirado na elegância crua das interfaces de terminal e no fluxo rítmico do syntax highlighting, sua base em cinza profundo é iluminada por acentos vibrantes de verde, azul e laranja — uma paleta tão atemporal quanto as ferramentas de quem programa. Uma colaboração entre a NuPhy e a Oblotzky.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ══ KEYTOK PBT ══ --\u003e\n  \u003cdiv class=\"section\" style=\"background: var(--white);\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003cdiv class=\"split\"\u003e\n        \u003cdiv class=\"split__text\"\u003e\n          \u003cdiv class=\"section__eyebrow\"\u003eMaterial\u003c\/div\u003e\n          \u003ch2 class=\"section__title\"\u003eKeycaps KeyTok PBT\u003c\/h2\u003e\n          \u003cp class=\"section__body\"\u003eMoldados em PBT, os keycaps NuPhy são altamente resistentes a oleosidade e arranhões, com legends duráveis e cores vivas. O processo dye-sublimation permite um nível ultrapreciso de detalhes de cor e uma riqueza visual em camadas.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/67081ece-52cc-41ab-882d-9f33ae74b023\/-\/format\/auto\/-\/quality\/better\/-\/resize\/1600x\/\" alt=\"Keycaps KeyTok PBT dye-sublimation\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ══ COMPATIBILIDADE ══ --\u003e\n  \u003cdiv class=\"section\" style=\"background: var(--bg);\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003cdiv class=\"split split--reverse\"\u003e\n        \u003cdiv class=\"split__text\"\u003e\n          \u003cdiv class=\"section__eyebrow\"\u003eCompatibilidade\u003c\/div\u003e\n          \u003ch2 class=\"section__title\"\u003eCompatibilidade com teclados\u003c\/h2\u003e\n          \u003cp class=\"section__body\"\u003eO keycap set Oblivion, no perfil Berry, inclui 160 teclas no total. Suporta NuPhy Air60, Air75, Air96, Air60 V2, Air75 V2, Air96 V2, Air75 V3, Air60 HE e Air75 HE, além de ser compatível com outros teclados mecânicos compactos low-profile nos layouts: 60 \/ 75 \/ 96.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/539433eb-0096-4c83-bfde-3fabf43279d1\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1600x\/\" alt=\"Compatibilidade do keycap set Oblivion com a série NuPhy Air\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ══ BERRY PROFILE ══ --\u003e\n  \u003cdiv class=\"section\" style=\"background: var(--white);\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003cdiv class=\"split\"\u003e\n        \u003cdiv class=\"split__text\"\u003e\n          \u003cdiv class=\"section__eyebrow\"\u003ePerfil\u003c\/div\u003e\n          \u003ch2 class=\"section__title\"\u003ePerfil Berry\u003c\/h2\u003e\n          \u003cp class=\"section__body\"\u003eQuer dar um \"up\" no perfil como os amigos gamers, mas sem perder o conforto e a portabilidade de um teclado low-profile? O perfil Berry pode ser exatamente para você. Com altura otimizada e ajustes cuidadosos, o Berry preserva a sensação familiar da altura Cherry e, ao mesmo tempo, alcança maior precisão em um teclado low-profile — um divisor de águas para quem busca performance de ponta, especialmente no jogo competitivo. Esse equilíbrio único entre inovação e familiaridade oferece a quem usa low-profile uma digitação mais suave e eficiente.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/65e63e89-bcac-4b04-93c6-63a232ddeeeb\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1600x\/\" alt=\"Detalhe do perfil Berry low-profile do keycap set Oblivion\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ══ IMAGEM FULLWIDTH ══ --\u003e\n  \u003cdiv style=\"background: #111;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/7297\/1373\/files\/732f81e5db9bd6a61a72347a7fcc2c8.jpg?width=1920\" alt=\"Keycap set NuPhy Oblivion montado\" loading=\"lazy\" style=\"max-height: 520px; object-fit: cover;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ══ COMPATIBILIDADE + TECH SPECS ══ --\u003e\n  \u003cdiv style=\"padding: 32px 20px; max-width: 1100px; margin: 0 auto;\"\u003e\n    \u003cdiv class=\"compat-card\" style=\"margin-bottom: 8px;\"\u003e\n      \u003cdiv class=\"compat-card__header\"\u003e\n        \u003cspan class=\"compat-card__heading\"\u003eCompatibilidade com teclados NuPhy\u003c\/span\u003e \u003cspan class=\"compat-card__close\"\u003e×\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"compat-card__body\"\u003e\n        \u003cdiv class=\"compat-value\"\u003eAir Series · Air60 \/ Air75 \/ Air96 (V1, V2, V3) · Air60 HE · Air75 HE\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"compat-card\" style=\"margin-bottom: 8px;\"\u003e\n      \u003cdiv class=\"compat-card__header\"\u003e\n        \u003cspan class=\"compat-card__heading\"\u003eLayouts suportados pelo Oblivion\u003c\/span\u003e \u003cspan class=\"compat-card__close\"\u003e×\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"compat-card__body\"\u003e\n        \u003cdiv class=\"compat-value\"\u003e60 \/ 75 \/ 96\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TECH SPECS colapsável --\u003e\n    \u003cdiv class=\"specs-card\" id=\"obl-specs\"\u003e\n      \u003cdiv class=\"specs-card__header\"\u003e\n        \u003cspan class=\"specs-card__heading\"\u003eTech Specs\u003c\/span\u003e \u003cbutton class=\"specs-card__close\" aria-label=\"Recolher\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"specs-card__body\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ts-group__label\"\u003ePerfil do Keycap\u003c\/div\u003e\n          \u003cdiv class=\"ts-group__value\"\u003eBerry\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ts-group__label\"\u003eShifts Incluídos\u003c\/div\u003e\n          \u003cdiv class=\"ts-group__value\"\u003e2.75u · 2.25u · 2u · 1.75u · 1.25u · 1u\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ts-group__label\"\u003eMaterial\u003c\/div\u003e\n          \u003cdiv class=\"ts-group__value\"\u003ePBT Dye-Sublimation\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ts-group__label\"\u003eSpacebars Incluídos\u003c\/div\u003e\n          \u003cdiv class=\"ts-group__value\"\u003e7u · 6.25u · 6u · 3u · 2.75u · 2.25u · 2u\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ts-group__label\"\u003eNúmero de Teclas\u003c\/div\u003e\n          \u003cdiv class=\"ts-group__value\"\u003e160\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ts-group__label\"\u003eFabricante\u003c\/div\u003e\n          \u003cdiv class=\"ts-group__value\"\u003eKeyTok\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ts-group__label\"\u003eDesigner\u003c\/div\u003e\n          \u003cdiv class=\"ts-group__value\"\u003eOblotzky\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  \/\/ ── Slider ──\n  document.querySelectorAll('.obl .slider').forEach(function (slider) {\n    var track = slider.querySelector('.slider__track');\n    var slides = slider.querySelectorAll('.slider__slide');\n    var dotsWrap = slider.querySelector('.slider__dots');\n    var prev = slider.querySelector('.slider__btn--prev');\n    var next = slider.querySelector('.slider__btn--next');\n    var i = 0, n = slides.length;\n    if (n \u003c 2) { if (prev) prev.style.display = 'none'; if (next) next.style.display = 'none'; return; }\n    \/\/ build dots\n    for (var d = 0; d \u003c n; d++) {\n      var dot = document.createElement('button');\n      dot.className = 'slider__dot' + (d === 0 ? ' active' : '');\n      dot.setAttribute('aria-label', 'Ir para imagem ' + (d + 1));\n      (function (idx) { dot.addEventListener('click', function () { go(idx); }); })(d);\n      dotsWrap.appendChild(dot);\n    }\n    var dots = dotsWrap.querySelectorAll('.slider__dot');\n    function go(idx) {\n      i = (idx + n) % n;\n      track.style.transform = 'translateX(' + (-i * 100) + '%)';\n      dots.forEach(function (dt, k) { dt.classList.toggle('active', k === i); });\n    }\n    prev.addEventListener('click', function () { go(i - 1); });\n    next.addEventListener('click', function () { go(i + 1); });\n  });\n\n  \/\/ ── Cards colapsáveis (specs + compat) ──\n  document.querySelectorAll('.obl .specs-card__header, .obl .compat-card__header').forEach(function (header) {\n    header.style.cursor = 'pointer';\n    header.addEventListener('click', function () {\n      header.parentElement.classList.toggle('specs-card--collapsed');\n      var x = header.querySelector('.specs-card__close, .compat-card__close');\n      if (x) x.style.transform = header.parentElement.classList.contains('specs-card--collapsed') ? 'rotate(45deg)' : 'none';\n    });\n  });\n})();\n\u003c\/script\u003e\n","brand":"NuPhy® x BOHO","offers":[{"title":"All in One","offer_id":67399957578032,"sku":null,"price":629.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0966\/0507\/7808\/files\/imgi_1_732f81e5db9bd6a61a72347a7fcc2c8.jpg?v=1784919315","url":"https:\/\/nuphybrasil.com.br\/products\/keycaps-nuphy-oblivion-berry-pbt-low-profile","provider":"Nuphy Brasil","version":"1.0","type":"link"}