{"product_id":"seamaster-diver-300m-42-mm-steel-black","title":"Seamaster Diver 300M 42 mm Steel Black","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\u003eThe Evolution of an Icon\u003c\/h2\u003e\n  \u003cp\u003eSince 1993, the Seamaster Diver 300M has enjoyed a legendary following. Today’s modern collection has embraced that famous ocean heritage and updated it with OMEGA’s most advanced innovation and design.\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\/527e617052ce438897c7531b45983c29.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\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eThis 42 mm model is crafted in stainless steel and includes a black oxalic anodized aluminium bezel ring with a diving scale in white Super-LumiNova.\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\/omegaseamasterdiver300mchronometer_7d98a75c-262d-4187-8202-9452b1442e61.png?v=1761059576\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omegaseamasterdiver300m2mm_f04662a5-8613-4643-9602-24256f201fdf.png?v=1761059578\" alt=\"Seamaster Diver 300M 42 mm Steel Black\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003eMain 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\/0609\/4811\/9612\/files\/materials-stainless_steel_small_39a3d26f-90c6-44dc-a635-3554fea26066.jpg?v=1760627376\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eStainless Steel\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eStainless steel is certainly the most conventional of watchmaking materials for outer craftsmanship, and offers beauty, strength and affordability. OMEGA uses 316L stainless steel. Known for its corrosion-resistance and high lustre after polishing, this material is often the ideal choice for watches in both daily-use and high-stress situations such as diving and adventure.\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\/0609\/4811\/9612\/files\/materials-aluminium_small_04a16e6f-4c0f-44fb-8a27-580ff209a3f8.avif?v=1760629363\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAluminium\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eAluminium has the advantage of being a truly lightweight material used for decorative components. Through anodisation, it offers an extensive range of colours for the creation of eye-catching watch parts such as bezel rings, applied elements on the dial, and hands. In particular, OMEGA’s special anodisation process has achieved aluminium bezel rings that are nearly double as hard as regular versions, therefore making them more resistant to outer damage.\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\/0609\/4811\/9612\/files\/materials-sapphire_crystal_small_24de59b1-299d-4357-ae41-a5d4d36523d6.jpg?v=1760627376\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eSapphire Crystal\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eTo really appreciate the finer details of a timepiece, OMEGA uses synthetic sapphire crystal with a highly scratch-resistant and anti-reflective treatment. Before the machining and finishing processes take place, the sapphire crystals are produced under the Verneuil process, also called flame fusion.\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\/0609\/4811\/9612\/files\/watchcalibre8806.png?v=1761059570\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Self-winding movement, resistant to magnetic fields reaching 15,000 gauss. Free sprung-balance with silicon balance spring, automatic winding in both directions. Rhodium plated finish with Geneva waves in arabesque.\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\u003eSince 1993, the Seamaster Diver 300M has enjoyed a legendary following. Today’s modern collection has embraced that famous ocean heritage and updated it with OMEGA’s most advanced innovation and design.\u003c\/p\u003e\n        \u003cp\u003eThis 42 mm model is crafted in stainless steel and includes a black oxalic anodized aluminium bezel ring with a diving scale in white Super-LumiNova.\u003c\/p\u003e\n        \u003cp\u003eBlack aluminium is also used to create the dial, which is laser-engraved with the Diver’s iconic wave pattern. The skeletonized hands and indexes are rhodium plated and filled with white Super-LumiNova, while the other markings, including the OMEGA logo, are transferred in white.\u003c\/p\u003e\n         \u003cp\u003eThe watch is presented on a brushed mesh bracelet with clasp, which can be seen through the sapphire-crystal caseback.\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, Date, Unidirectional rotating bezel.\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\u003eBetween lugs\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eLug‑to‑lug \u003c\/dt\u003e\n\u003cdd\u003e49,70 mm\u003c\/dd\u003e\n          \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e18,80 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\u003eSteel\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\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal product weight\u003c\/dt\u003e\n\u003cdd\u003e154 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAuatomatic\u003c\/dd\u003e\n          \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eSelf winding\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\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eType of Clasp\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":45983917506639,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omegaseamasterdiver300m_00dd7b6d-8454-4b4a-aa3d-c47909fffb1b.png?v=1782770242","url":"https:\/\/borneeusa.com\/products\/seamaster-diver-300m-42-mm-steel-black","provider":"Bornee","version":"1.0","type":"link"}