{"product_id":"speedmaster-dark-side-of-the-moon-bracelet-nylon","title":"Speedmaster Dark Side of the Moon Bracelet Nylon 44,25mm","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\u003eAn Icon in Absolute Black\u003c\/h2\u003e\n  \u003cp\u003eIn tribute to OMEGA's legacy of space exploration, this Speedmaster Dark Side of the Moon features a 44.25mm case in polished and brushed black steel.\u003c\/p\u003e\n\u003c\/div\u003e\n\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\/5add5fb486a24d5eb8462c821588eb0e.mp4\" type=\"video\/mp4\"\u003e\n    Your browser does not support HTML5 video.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eBeneath the sapphire crystal, the polished steel dial includes a small seconds indicator at 9 o'clock, a 60-minute and 12-hour counter at 3 o'clock, and a date window at 6 o'clock.\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\/0644\/4040\/2018\/files\/omega-speedmaster-dark-side-of-the-moon-co-axial-master-chro-_8_38954e9b-0cf2-4614-870b-0089da5d6bd5.png?v=1787169610\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-dark-side-of-the-moon-co-axial-master-chro-_6.png?v=1787169607\" alt=\"Speedmaster Dark Side of the Moon 44.25mm\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003eKey Materials\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-titanium_grade.png?v=1757714709\" alt=\"Steel\"\u003e\n          \u003ch3\u003eSteel\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eSteel alloys are lightweight, corrosion-resistant, biochemically inert, and able to withstand extreme temperatures. These properties make them particularly well suited for medical products, aircraft and spacecraft. They offer a perfect balance of strength, corrosion resistance and workability.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-ceramic_s.png?v=1757714709\" alt=\"Ceramic\"\u003e\n          \u003ch3\u003eAluminium\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eRecognised for its excellent strength-to-weight ratio, aluminium allows for a lighter construction without sacrificing the robustness needed for everyday wear.\nIts low density provides a more comfortable feel on the wrist, especially during extended wear.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eSapphire Crystal\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eOMEGA uses synthetic sapphire crystal with an anti-reflective treatment and high scratch resistance. Produced using the Verneuil process, which melts the raw material until it crystallises, it reaches a hardness of 9 on the Mohs scale, making it virtually scratchproof and ensuring total clarity on the dial.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Go to Stainless Steel\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Go to Aluminium\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Go to Sapphire Crystal\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovement\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomatic\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre-9900_1.png?v=1772287718\" alt=\"OMEGA Calibre 3869\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Automatic movement. Resistant to magnetic fields up to 15,000 gauss. Silicon balance spring, two barrels mounted in series, time zone function. Central hour, minute and second hands.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\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\u003eIn tribute to OMEGA's legacy of space exploration, this Speedmaster Dark Side of the Moon features a 44.25mm case in polished and brushed black steel.\u003c\/p\u003e\n        \u003cp\u003eBeneath the sapphire crystal, the ceramic dial has been laser-blasted and includes a small seconds indicator at 9 o'clock, a 60-minute and 12-hour counter at 3 o'clock, and a date window at 6 o'clock. All hands and bevelled indexes are blackened.\u003c\/p\u003e\n        \u003cp\u003eThe watch comes with a super-comfortable black nylon strap and a lever-style clasp.\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\u003eAntimagnetic, Automatic Movement.\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\u003eLug width\u003c\/dt\u003e\n\u003cdd\u003e21 mm\u003c\/dd\u003e\n          \u003cdt\u003eLug to lug\u003c\/dt\u003e\n\u003cdd\u003e50 mm\u003c\/dd\u003e\n          \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e15.09 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e44.25 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n          \u003cdt\u003eDial colour\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal weight\u003c\/dt\u003e\n\u003cdd\u003e108 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n          \u003cdt\u003eMovement\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\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\u003eSTRAP\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eStrap colour\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n          \u003cdt\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003eLever-style clasp\u003c\/dd\u003e\n          \u003cdt\u003eBuckle material\u003c\/dt\u003e\n\u003cdd\u003eNylon\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Omega","offers":[{"title":"Default Title","offer_id":46032402022460,"sku":null,"price":180.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-speedmaster-dark-side-of-the-moon-co-axial-master-chro-_4.png?v=1787170428","url":"https:\/\/www.bornee.com\/products\/speedmaster-dark-side-of-the-moon-bracelet-nylon","provider":"Bornee","version":"1.0","type":"link"}