{"product_id":"moonswatch-mission-to-neptune","title":"MoonSwatch MISSION TO NEPTUNE","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO NEPTUNE\u003c\/h2\u003e\n  \u003cp\u003eThis limited model combines deep navy-blue tones with the black hue of the VELCRO® strap. For contrast, all hands and hour markers are in white. A white tachymeter scale adorns a blue bezel. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/37ce9fdd67214e66bf0debc411a1a482.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eThe biosourced glass construction, the etched \"S\" integrated in the center of the glass, the fine and sophisticated circular pattern on the dial outer ring and the recessed subdials, the angular and smooth lugs construction, the iconic “dot over 90” detail on the tachymeter scale, and of course the unique Bioceramic feel are common to all models.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/neptune_image2_1920x930_d.avif?v=1761867797\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/neptune_image2_1080x1335_m.png?v=1761867811\" alt=\"MoonSwatch MISSION TO NEPTUNE\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eThis limited model combines deep navy-blue tones with the black hue of the VELCRO® strap. For contrast, all hands and hour markers are in white. A white tachymeter scale adorns a blue bezel. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo.\u003c\/p\u003e\n        \u003cp\u003eThe biosourced glass construction, the etched \"S\" integrated in the center of the glass, the fine and sophisticated circular pattern on the dial outer ring and the recessed subdials, the angular and smooth lugs construction, the iconic “dot over 90” detail on the tachymeter scale, and of course the unique Bioceramic feel are common to all models.\u003c\/p\u003e\n        \u003cp\u003eThe hour, minute, and chronograph seconds hands as well as the hour markers sport Super-LumiNova® for a perfect glow in the dark.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDeep navy-blue, Black Hue VELCRO® strap, bio-sourced crystal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DATA\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eBioceramic\u003c\/dd\u003e\n          \u003cdt\u003eDial color\u003c\/dt\u003e\n\u003cdd\u003eDeep Navy-blue\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovement\u003c\/dt\u003e\n\u003cdd\u003eQuartz\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eStrap\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"MoonSwatch","offers":[{"title":"Default Title","offer_id":45551893839951,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/neptune_image1_1080x1290_m.png?v=1780876274","url":"https:\/\/borneeusa.com\/products\/moonswatch-mission-to-neptune","provider":"Bornee","version":"1.0","type":"link"}