{"title":"Front Page","description":null,"products":[{"product_id":"t-h-carrera-extreme-sport-44mm-orange","title":"T. H. Carrera Extreme Sport 44mm Orange","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\u003eTAG Heuer Carrera Extreme Sport\u003c\/h2\u003e\n \u003cp\u003eFeel the adrenaline of motorsport with the TAG Heuer Carrera, where boldness meets precision.\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\/d5cf43791f0a43729e0d6298c67b1991.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\u003eThe rhodium-plated skeletonised dial features black grained details, while the openworked counters and orange accents echo the pulse of extreme sports.\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\/CBU2082-FT6275_USP2.png?v=1772378918\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBU2082-FT6275_10002.png?v=1772378918\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eFeel the adrenaline of motorsport with this TAG Heuer Carrera chronograph, where boldness meets precision. The skeletonised dial, a reference to the Maison’s logo, reveals the vibrant mechanics of passion and performance.\u003c\/p\u003e\n \u003cp\u003eThe rhodium-plated skeletonised dial features black grained details, while the openworked counters and orange accents echo the pulse of extreme sports. Crafted in steel with a black PVD grained recessed side, this 44 mm chronograph is built for resilience both on and off the track.\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\u003eAutomatic, 44mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e40 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\u003eOrange\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBRACELET\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eOrange\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eDouble Folding Clasp\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eRubber\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45524928495695,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/Sem-Titulo-1.png?v=1780785904"},{"product_id":"t-h-aquaracer-professional-200-date-40mm","title":"T. H. Aquaracer Professional 200 Date 40mm","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\u003eTAG Heuer Aquaracer\nProfessional 200 Date\u003c\/h2\u003e\n \u003cp\u003eDesigned for high performance and exceptional style, the TAG Heuer Aquaracer is a versatile technical watch that can go anywhere and handle anything.\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\/dd01d5fd64a24580bc093d3e2752cd24.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\u003eThe dial of this TAG Heuer Aquaracer features a black effect finish, with a subtly smoked touch that enhances an already exceptional composition and design.\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\/WBP21105.png?v=1772569581\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/WBP21107.png?v=1772569581\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eDesigned for high performance and exceptional style, the TAG Heuer Aquaracer is a versatile technical watch that can go anywhere and handle anything. Thanks to its remarkable new dial and superior ergonomics, it is built to push boundaries.\u003c\/p\u003e\n \u003cp\u003eThe dial of this TAG Heuer Aquaracer features a black effect finish, with a subtly smoked finish that enhances an already exceptional composition and design.\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\u003eAutomatic, 40mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e40 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 crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBRACELET\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eSilver\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp push-buttons\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eSteel\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45524940259407,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/Sem-Titulo-1_92d8850a-ecd4-4764-8433-71a1ececc4b3.png?v=1780786151"},{"product_id":"t-h-carrera-data-black-39-mm","title":"T. H. Carrera Data Black 39 mm","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\u003eTAG Heuer Carrera\nData\u003c\/h2\u003e\n \u003cp\u003eThe iconic TAG Heuer Carrera in its most elegant form. A progression of the renowned model towards its most ambitious refinement.\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\/65b3affa37734706a4fe380d1b7d80aa.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\u003eWith a timeless classic style, this 39 mm TAG Heuer Carrera three-hand watch embodies striking luxury, designed for those constantly on the move.\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\/WBN21109.png?v=1772676904\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/Sem-Titulo-2_9bfa47d6-673e-4076-ad9e-61c4a9a39fbe.png?v=1772676905\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eThe iconic TAG Heuer Carrera in its most elegant form. A progression of the renowned model towards its most ambitious refinement. The finely brushed steel case and deeply black spiral dial give this exclusive design a distinctive urban look.\u003c\/p\u003e\n \u003cp\u003eWith a timeless classic style, this 39 mm TAG Heuer Carrera three-hand watch embodies striking luxury, designed for wearers constantly on the move.\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\u003eAutomatic, 39mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e39 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 crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBRACELET\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eSilver\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp push-buttons\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eSteel\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525053210703,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/Sem-Titulo-1_aeee8684-0f0e-42a4-bf81-ad76a983f415.png?v=1780786726"},{"product_id":"t-h-aquaracer-professional-300-date-blue-42mm","title":"T. H. Aquaracer Professional 300 Date Blue 42mm","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\u003eTAG Heuer Aquaracer\nProfessional 300 Date\u003c\/h2\u003e\n \u003cp\u003eEvoking the beauty of the underwater world, the blue brushed dial with a wave-pattern finish features white applied hands and indexes, enhanced by a vivid orange central hand for optimal visibility.\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\/022568bdaccc4aae81153c6aba59fb94.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\u003eThe durable polished and finely brushed steel case features a unidirectional bezel with a 60-minute scale, advanced ergonomics, and a satisfying rotational sound.\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\/WBP51115.png?v=1772759949\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/WBP51115.png?v=1772759949\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eEvoking the beauty of the underwater world, the blue brushed dial with a wave-pattern finish features white applied hands and indexes, enhanced by a vivid orange central hand for optimal visibility.\u003c\/p\u003e\n \u003cp\u003eThe durable polished and finely brushed steel case features a unidirectional bezel with a 60-minute scale, advanced ergonomics, and a satisfying rotational sound.\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\u003eAutomatic, 42mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \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\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBRACELET\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eSilver\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp push-buttons\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eSteel\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525087223887,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/WBP5111.png?v=1780786885"},{"product_id":"t-h-aquaracer-professional-300-date-black-42mm","title":"T. H. Aquaracer Professional 300 Date Black 42mm","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\u003eTAG Heuer Aquaracer\nProfessional 300 Date\u003c\/h2\u003e\n \u003cp\u003eAre you ready to take on the toughest challenges with this TAG Heuer Aquaracer Professional 300?\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\/022568bdaccc4aae81153c6aba59fb94.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\u003eCrafted in a polished and brushed steel construction, the black unidirectional bezel with a 60-minute scale delivers premium ergonomics and a smooth rotational feel.\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\/WBP51104.png?v=1773080321\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/WBP51104.png?v=1773080321\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eAre you ready to take on the toughest challenges with this TAG Heuer Aquaracer Professional 300? Crafted in a polished and brushed steel construction, the black unidirectional bezel with a 60-minute scale delivers premium ergonomics and a smooth rotational feel.\u003c\/p\u003e\n \u003cp\u003eAs robust as ever, the three-row steel bracelet, featuring a folding clasp with double safety push-buttons, ensures a secure fit for your activities.\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\u003eAutomatic, 42mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \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 crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBRACELET\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eSilver\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp push-buttons\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eSteel\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525102526543,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/principal.png?v=1780787010"},{"product_id":"t-h-aquaracer-professional-200-date-40mm-blue","title":"T. H. Aquaracer Professional 200 Date 40mm Blue","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\u003eTAG Heuer Aquaracer\nProfessional 200 Date Blue\u003c\/h2\u003e\n \u003cp\u003eAdmire the beauty of the Northern Lights with the blue sunray-brushed dial and polished steel case of this TAG Heuer Aquaracer.\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\/dd01d5fd64a24580bc093d3e2752cd24.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\u003eThe dial of this TAG Heuer Aquaracer features a black effect finish, with a subtly smoked touch that enhances an already exceptional composition and design.\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\/Imagem-2.png?v=1773101336\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/Imagem-2.png?v=1773101336\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eAdmire the beauty of the Northern Lights with the blue sunray-brushed dial and polished steel case of this TAG Heuer Aquaracer.\u003c\/p\u003e\n \u003cp\u003eThe dial of this TAG Heuer Aquaracer features a black effect finish, with a subtly smoked touch that enhances an already exceptional composition and design.\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\u003eAutomatic, 40mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e40 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\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBRACELET\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eSilver\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp push-buttons\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eSteel\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525135917135,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/Principal_b0677156-ca68-45b8-b0fc-3a221cbda8c1.png?v=1780787165"},{"product_id":"t-h-carrera-porsche-44-mm","title":"T. H. Carrera Porsche 44 mm","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\u003eTAG Heuer Carrera Porsche\u003c\/h2\u003e\n \u003cp\u003eAn authentic partnership between two icons of design, quality, and innovation to create this special edition TAG Heuer Carrera Porsche.\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\/27f13e3cd4a94789b24e49d7286b63d1.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\u003eA sporty design filled with references to two of the world’s most iconic and dynamic luxury brands, preserving the excellence of both without compromising the essence of either, featuring vibrant red details and a Quartz movement beating within.\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\/CBN2A1F.png?v=1773260603\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBN2A1F.png?v=1773260603\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eAn authentic partnership between two icons of design, quality, and innovation to create this special edition TAG Heuer Carrera Porsche. A sporty design filled with references to two of the world’s most iconic and dynamic luxury brands, preserving the excellence of both without compromising the essence of either, featuring vibrant red details and a Quartz movement beating within.\u003c\/p\u003e\n \u003cp\u003eThe asphalt-effect dial, created especially for this watch, perfectly expresses a passion for the racetrack, while the Arabic numerals evoke the instrument panels of an authentic Porsche.\u003c\/p\u003e\n \u003cp\u003eThe TAG Heuer Carrera Porsche, with its 44 mm case, is fitted with a luxurious and soft leather strap, featuring innovative stitching inspired by the interior of a Porsche.\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\u003eQuartz, 44mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eFinely brushed steel\u003c\/dd\u003e\n \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eGrey\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp push-buttons\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eLeather\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525199159375,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/Principal_ee1d0555-846c-47c8-8310-81351c82c088.png?v=1780787523"},{"product_id":"t-h-carrera-tourbillon-extreme-sport-44-mm-black","title":"T. H. Carrera Tourbillon Extreme Sport 44 mm 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\u003eTAG Heuer Carrera Tourbillon Extreme Sport\u003c\/h2\u003e\n \u003cp\u003eThe TAG Heuer Carrera Tourbillon is a masterpiece that combines the thrill of racing with the sophistication of fine watchmaking. Its skeletonised design, crafted in steel, is a bold statement of luxury.\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\/bb466f914003439abbbb79ea33532fe5.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\u003eThe NAC-finished dial, with its detailed black centre and grey-toned flange, offers a fascinating view into the heart of the watch, where precision meets the art of watchmaking.\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\/pagina.png?v=1773265501\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pagina.png?v=1773265501\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eThe TAG Heuer Carrera Tourbillon is a masterpiece that combines the thrill of racing with the sophistication of fine watchmaking. Its skeletonised design, crafted in steel, is a bold statement of luxury.\u003c\/p\u003e\n \u003cp\u003eThe NAC-finished dial, with its detailed black centre and grey-toned flange, offers a fascinating view into the heart of the watch, where precision meets the art of watchmaking.\u003c\/p\u003e\n \u003cp\u003eHoused in a 44 mm black steel case, this ultra-resistant watch is a celebration of innovative materials and excellence in design.\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\u003eAutomatic, 44mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eFinely brushed steel\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 crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBRACELET\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp push-buttons\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eRubber\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525248016463,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/principal_c531d19e-9a7b-4611-ad46-893543f35f4c.png?v=1780787767"},{"product_id":"t-h-carrera-extreme-sport-44m-blue","title":"T. H. Carrera Extreme Sport 44m Blue","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\u003eTAG Heuer Carrera Extreme Sport\u003c\/h2\u003e\n \u003cp\u003eEnhance your style with the TAG Heuer Carrera, a testament to the thrill of motorsport. With its bold design and blue accents, the skeletonised dial of this watch captures the essence of speed and innovation. Ready to take the lead in style.\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\/d5cf43791f0a43729e0d6298c67b1991.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\u003eThe finely brushed skeletonised dial features black grained details, a blue flange, and blue lacquered tips on the openworked hands, adding a touch of dynamism.\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\/pagina_19f31ab8-7426-4e57-b5a7-7e7b1549da64.png?v=1773415923\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pagina_19f31ab8-7426-4e57-b5a7-7e7b1549da64.png?v=1773415923\" alt=\"TAG Heuer Extreme Sport 44m Blue\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eEnhance your style with the TAG Heuer Carrera, a testament to the thrill of motorsport. With its bold design and blue accents, the skeletonised dial of this watch captures the essence of speed and innovation. Ready to take the lead in style.\u003c\/p\u003e\n \u003cp\u003eThe finely brushed skeletonised dial features black grained details, a blue flange, and blue lacquered tips on the openworked hands, adding a touch of dynamism.\u003c\/p\u003e\n \u003cp\u003eCrafted in steel with a black PVD grained recessed side, this 44 mm chronograph is built for resilience both on and off the track.\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\u003eAutomatic, 44mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e44 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\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBRACELET\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eDouble Folding Clasp\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eRubber\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525281079375,"sku":null,"price":340.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/principal_2c23053e-4102-44ed-9fe2-885da693bef3.png?v=1780787877"},{"product_id":"t-h-carrera-skipper-gold-39-mm","title":"T. H. Carrera Skipper Gold 39 mm","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\u003eTAG Heuer Carrera Skipper\u003c\/h2\u003e\n \u003cp\u003eEmbark on a luxurious odyssey with the TAG Heuer Carrera Skipper, a 39 mm masterpiece that celebrates the Maison’s historic sailing legacy.\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\/604df6412f7a424f8e015868256cd350.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\u003eA tribute to the open sea, the blue circular-brushed dial combines touches of green, orange, and the exclusive “Intrepid” teal colour on the regatta countdown indicator.\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\/CBS2241-FN8023_0314.png?v=1773104253\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBS2241-FN8023_0314.png?v=1773104253\" alt=\"TAG Heuer Carrera Skipper Silver 39 mm\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eEmbark on a luxurious odyssey with the TAG Heuer Carrera Skipper, a 39 mm masterpiece that celebrates the Maison’s historic sailing legacy.\u003c\/p\u003e\n \u003cp\u003eA tribute to the open sea, the blue circular-brushed dial combines touches of green, orange, and the exclusive “Intrepid” teal colour on the regatta countdown indicator.\u003c\/p\u003e\n \u003cp\u003eA high-quality blue fabric strap secures the watch, reflecting the robust and adventurous spirit of sailing, while the rose gold-tone steel buckle adds a touch of elegance.\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\u003eQuartz, 39mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e39 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\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eBuckle\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eFabric\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525305917519,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/Principal_5ae9f53f-43e0-4f78-992b-7b8632a7513b.png?v=1780787996"},{"product_id":"t-h-carrera-skipper-silver-39-mm","title":"T. H. Carrera Skipper Silver 39 mm","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\u003eTAG Heuer Carrera Skipper\u003c\/h2\u003e\n \u003cp\u003eThe natural affinity between sailing and motorsport, together with an unwavering passion for precision and speed, inspires this exclusive TAG Heuer Carrera “Skipper”. A bold tribute to our nautical heritage, expressed through a distinctive colour pattern. Resolutely iconic.\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\/604df6412f7a424f8e015868256cd350.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\u003eCelebrate the allure of the open sea and experience the perfect blend of sporty elegance with this new and durable blue fabric strap, designed to provide enhanced comfort and durability.\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\/webzine-article-skipper-tag-heuer.png?v=1773417705\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/webzine-article-skipper-tag-heuer.png?v=1773417705\" alt=\"TAG Heuer Carrera Skipper Silver 39 mm\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\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\u003eThe natural affinity between sailing and motorsport, together with an unwavering passion for precision and speed, inspires this exclusive TAG Heuer Carrera “Skipper”. A bold tribute to our nautical heritage, expressed through a distinctive colour pattern. Resolutely iconic.\u003c\/p\u003e\n \u003cp\u003eReinterpreting the dual-register display of the Heuer Skipper, this nautical edition features a striking combination of teal, orange, green, and blue.\u003c\/p\u003e\n \u003cp\u003eCelebrate the allure of the open sea and experience the perfect blend of sporty elegance with this new and durable blue fabric strap, designed to provide enhanced comfort and durability.\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\u003eQuartz, 39mm, Steel\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 DETAILS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e39 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\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\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\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eBuckle\u003c\/dd\u003e\n \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eFabric\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":"TAG Heuer","offers":[{"title":"Default Title","offer_id":45525335310415,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/CBS22133.png?v=1780788147"},{"product_id":"speedmaster-professional-moonwatch-apollo-11-limited-edition","title":"Speedmaster Professional Moonwatch Apollo 11 Limited Edition","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\u003eApollo 11 Limited Edition\u003c\/h2\u003e\n \u003cp\u003eThe Speedmaster Moonwatch Professional Apollo 11 celebrates one of humanity’s most important moments, when man first set foot on the Moon.\n\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\/e0a16c0f28e84a9daece72a8068f7ebf.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\u003eCreated with the same essence as the original model used in space missions, this watch retains the classic 42mm design, with a tachymeter scale and functional dial, true to the heritage that has spanned generations.\n\u003c\/p\u003e\n\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\/MAGAZI_3.png?v=1774103526\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/MAGAZI_3.png?v=1774103526\" alt=\"Speedmaster Professional Moonwatch Apollo 11 Limited Edition\"\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\/watch-calibre.png?v=1761062008\" alt=\"Calibre Omega 3861\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"movement-desc\"\u003e\n Manual-winding movement, resistant to magnetic fields reaching 15,000 gauss. Free-sprung balance with silicon balance spring. Rhodium-plated finish, bridges with straight Geneva waves.\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\u003eThe Speedmaster Moonwatch Professional Apollo 11 celebrates one of humanity’s most important moments, when man first set foot on the Moon. Present in every lunar mission, the Speedmaster has become a symbol of absolute precision, extreme reliability, and true legacy.\u003c\/p\u003e\n \u003cp\u003eCreated with the same essence as the original model used in space missions, this watch retains the classic 42mm design, with a tachymeter scale and a functional dial, staying true to a heritage that has spanned generations.\u003c\/p\u003e\n \u003cp\u003eThe Apollo 11 editions were developed to celebrate the historic achievement of 1969, often released in limited series, reinforcing their collectible and exclusive nature.\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.\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\u003e47,50 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e13,18 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\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eTotal product weight\u003c\/dt\u003e\n\u003cdd\u003e140 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eManual‑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":45525349302351,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega310-20-42-50-01-001.png?v=1780788341"},{"product_id":"mission-on-earth-desert","title":"MISSION ON EARTH DESERT","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\u003eMISSION ON EARTH DESERT\u003c\/h2\u003e\n \u003cp\u003eThis limited watch boasts a sand-colored Bioceramic case, crown and pushers and a greige (taupe) VELCRO® strap with contrasting sand-colored topstitching. It features a greige (taupe) dial with sand-colored hands.\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\/257b07f5f66840829c8f2f69771ef584.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 subdials feature Arabic numerals and indexes in a radial format, as a nod to the Speedmaster Alaska II and III projects. The greige (taupe) bezel is adorned with a sand-colored tachymeter scale. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and MoonSwatch logo.\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\/2_d_moe_desert_1920x1371_v3.png?v=1762390608\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/2_m_moe_desert_1080x1200_v3.png?v=1762390607\" alt=\"MISSION ON EARTH - DESERT\"\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 watch boasts a sand-colored Bioceramic case, crown and pushers and a greige (taupe) VELCRO® strap with contrasting sand-colored topstitching. It features a greige (taupe) dial with sand-colored hands.\u003c\/p\u003e\n \u003cp\u003eThe subdials feature Arabic numerals and indexes in a radial format, as a nod to the Speedmaster Alaska II and III projects. The greige (taupe) bezel is adorned with a sand-colored tachymeter scale. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and MoonSwatch logo.\u003c\/p\u003e\n \u003cp\u003eThe box-shaped 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. The hour hand and markers, the minute hand as well as the tip of the chronograph seconds hand sport Super-LumiNova® (green emission) 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\u003eSand, 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,75 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\u003eSand\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\u003eStratp\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003eVELCRO® fastener\u003c\/dd\u003e\n \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":45525380694095,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/1_m_moe_desert_1080x1470_v2.png?v=1780788619"},{"product_id":"mission-on-earth-polar-lights","title":"MISSION ON EARTH POLAR LIGHTS","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\u003eMISSION ON EARTH - POLAR LIGHTS\u003c\/h2\u003e\n \u003cp\u003eThis limited watch boasts a turquoise Bioceramic case, crown and pushers and a blue VELCRO® strap with contrasting turquoise topstitching. It features a dark blue dial with tiny silver-colored sparkles inspired by aventurine glass dials.\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\/b45443227cc4456098814d117b0d7da4.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 layout of these flakes is different on every model, making the dial on each watch unique. All hands are in turquoise. The recessed subdials feature white rings, as well as Arabic numerals and indexes in a radial format, as a nod to the Speedmaster Alaska II and III projects.\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\/2_d_moe_polar_1920x1371_v2.webp?v=1762390195\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/2_m_moe_polar_1080x1200_d5e98343-c82e-4e0e-9076-1cae0b06077f.png?v=1762390190\" alt=\"MISSION ON EARTH - POLAR LIGHTS\"\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 watch boasts a turquoise Bioceramic case, crown and pushers and a blue VELCRO® strap with contrasting turquoise topstitching. It features a dark blue dial with tiny silver-colored sparkles inspired by aventurine glass dials.\u003c\/p\u003e\n \u003cp\u003eThe layout of these flakes is different on every model, making the dial on each watch unique. All hands are in turquoise. The recessed subdials feature white rings, as well as Arabic numerals and indexes in a radial format, as a nod to the Speedmaster Alaska II and III projects. The blue bezel is adorned with a turquoise tachymeter scale. \u003c\/p\u003e\n \u003cp\u003eAll dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and MoonSwatch logo. The box-shaped 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. The hour hand and markers, the minute hand as well as the tip of the chronograph seconds hand sport Super-LumiNova® (green emission) 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\u003eTurquoise, 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,75 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\u003eTurquoise\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\u003eStratp\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003eVELCRO® fastener\u003c\/dd\u003e\n \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":45525458780239,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/1_m_moe_polar_1080x1470_f04d36eb-961f-42e4-930d-4281192fc1c1.png?v=1780788815"},{"product_id":"mission-on-earth-lava","title":"MISSION ON EARTH LAVA","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\u003eMISSION ON EARTH LAVA\u003c\/h2\u003e\n \u003cp\u003eThis limited watch boasts a vibrant orange Bioceramic case, crown and pushers, and a black VELCRO® strap with contrasting orange topstitching.\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\/7cc2a1a0e5304fdeb3084b8b9e4c94ff.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\u003eIt features a black dial with orange hands and hour markers. The chronograph seconds hand is in orange, as a nod to the OMEGA 1968 Speedmaster Moonwatch “Ultraman” model’s color and shape. The subdials feature Arabic numerals and indexes in a radial format, as a nod to the Speedmaster Alaska II and III projects. The black bezel is adorned with a white tachymeter scale and the word “TACHYMÈTRE” written in orange.\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\/2_d_moe_lava_1920x1371_v2.webp?v=1762210024\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/2_m_moe_lava_1080x1200_b8813185-284b-4a76-b51e-c8b4da22aacf.png?v=1762210009\" alt=\"MISSION ON EARTH - LAVA\"\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 watch boasts a vibrant orange Bioceramic case, crown and pushers, and a black VELCRO® strap with contrasting orange topstitching. It features a black dial with orange hands and hour markers. The chronograph seconds hand is in orange, as a nod to the OMEGA 1968 Speedmaster Moonwatch “Ultraman” model’s color and shape.\u003c\/p\u003e\n \u003cp\u003eThe subdials feature Arabic numerals and indexes in a radial format, as a nod to the Speedmaster Alaska II and III projects. The black bezel is adorned with a white tachymeter scale and the word “TACHYMÈTRE” written in orange. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and MoonSwatch logo.\u003c\/p\u003e\n \u003cp\u003eThe box-shaped 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. The hour and minute hands as well as the hour markers sport Super-LumiNova® (green emission) 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\u003eVibrant orange, 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,75 mm\u003c\/dd\u003e\n \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e40 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\u003eOrange and Black\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\u003eStratp\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003eVELCRO® fastener\u003c\/dd\u003e\n \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":"MoonSwacth","offers":[{"title":"Default Title","offer_id":45550285979727,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/1_d_moe_lava_1x1_753b0376-62e2-433d-a4a3-52c7a7efff66.png?v=1780873839"},{"product_id":"mission-to-the-moonphase-full-moon","title":"MISSION TO THE MOONPHASE FULL MOON","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\u003eMISSION TO THE MOONPHASE FULL MOON\u003c\/h2\u003e\n \u003cp\u003eReferencing the full moon, this non-limited model boasts an all-white color scheme. It features a Bioceramic case, crown and pushers as well as a VELCRO® strap. The chronograph seconds hand, subdial hands, and tachymeter scale are in black. \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\/47e6b99eedb842be94761845e043f7be.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 subdials and bezel are in white. This model stands out with its moon phase function, arguably the most poetic of all watch complications. Snoopy who has been associated with human space missions since the 1960s, is featured lying on the moon on the moon phase disc, which rotates in the subdial set at 2 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\/0609\/4811\/9612\/files\/2_d_1920x1370_8ec99d23-7bda-4d2c-801a-d11782155bb6.png?v=1762209424\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/2_m_1080x1200_f8801829-b6ea-4341-9235-9e42786aa904.png?v=1762209423\" alt=\"MISSION TO THE MOONPHASE - FULL MOON\"\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\u003e\nReferencing the full moon, this non-limited model boasts an all-white color scheme. It features a Bioceramic case, crown and pushers as well as a VELCRO® strap. The chronograph seconds hand, subdial hands, and tachymeter scale are in black. The subdials and bezel are in white.\u003c\/p\u003e\n \u003cp\u003eThis model stands out with its moon phase function, arguably the most poetic of all watch complications. Snoopy who has been associated with human space missions since the 1960s, is featured lying on the moon on the moon phase disc, which rotates in the subdial set at 2 o’clock. Under UV light, a hidden quote from a Snoopy comic strip nestled amidst crescent moons and stars, is revealed on the unique subdial.\u003c\/p\u003e\n \u003cp\u003eAll dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. The box-shaped biosourced glass construction, the etched \"S\" in the center of the glass referencing the Swatch logo, the fine and sophisticated circular pattern on the dial outer ring and the recessed subdials, the sharp 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. The indexes, hour and minute hands and chronograph seconds hand sport Grade A 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\u003eWhite, 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,75 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\u003eWhite\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":45550415970383,"sku":null,"price":120.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/1_m_1080x1181_d7be5e4d-2906-4589-929b-3e0fa69b09d5.png?v=1780874087"},{"product_id":"mission-to-the-moonphase-new-moon","title":"MISSION TO THE MOONPHASE NEW MOON","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\u003eMISSION TO THE MOONPHASE NEW MOON\u003c\/h2\u003e\n \u003cp\u003eAptly named “NEW MOON”, this limited model boasts an elegant all-black color scheme. It features a Bioceramic case, crown and pushers as well as a VELCRO® strap. The chronograph seconds hand, subdial hands, and tachymeter scale are in white.\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\/7b876156e9e04cbab846fc4ff7cada72.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\u003eThis model stands out with its black moon phase function, arguably the most poetic of all watch complications. Snoopy who has been associated with human space missions since the 1960s, is featured lying on the moon on the moon phase disc, which rotates in the subdial set at 2 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\/0609\/4811\/9612\/files\/2_d_1920x1370_v2.png?v=1762208895\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/2_m_1080x1200x2.png?v=1762208896\" alt=\"MISSION TO THE MOONPHASE - NEW MOON\"\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\u003eAptly named “NEW MOON”, this limited model boasts an elegant all-black color scheme. It features a Bioceramic case, crown and pushers as well as a VELCRO® strap. The chronograph seconds hand, subdial hands, and tachymeter scale are in white. The subdials and bezel are in black.\u003c\/p\u003e\n \u003cp\u003eThis model stands out with its black moon phase function, arguably the most poetic of all watch complications. Snoopy who has been associated with human space missions since the 1960s, is featured lying on the moon on the moon phase disc, which rotates in the subdial set at 2 o’clock. Under UV light, a hidden quote from a Snoopy comic strip nestled amidst crescent moons and stars, is revealed on the unique subdial.\u003c\/p\u003e\n \u003cp\u003eAll dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. The box-shaped biosourced glass construction, the etched \"S\" in the center of the glass referencing the Swatch logo, the fine and sophisticated circular pattern on the dial outer ring and the recessed subdials, the sharp 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. The indexes, hour and minute hands and chronograph seconds hand sport Grade A 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\u003eAll-black, 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,75 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\u003eBlack\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":45550761050191,"sku":null,"price":120.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/1_m_960x960x2.png?v=1780874459"},{"product_id":"mission-to-earthphase-moonshine-gold","title":"MISSION TO EARTHPHASE MOONSHINE GOLD","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\u003eMISSION TO EARTHPHASE MOONSHINE GOLD\u003c\/h2\u003e\n \u003cp\u003eThis chronograph features a navy case, crown, and pushers, paired with a matching navy rubber strap and a Bioceramic loop. It has a white opaline dial with hour markers coated in Grade A Super-LumiNova® (green emission).\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\/4df34f6044794bf498cd7c8b5eee8df9.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\u003eAt the 10 o’clock position, the earth phase indicator shows the Earth with oceans that glow blue under UV light. Beneath the earth phase indicator is an illustration of Snoopy and Woodstock on the Moon, marveling at the enchanting spectacle of Earth.\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\/2_d_mtemg_sept.png?v=1762124879\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/2_m_mtemg_sept.png?v=1762124879\" alt=\"MISSION TO EARTHPHASE – MOONSHINE GOLD\"\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 chronograph features a navy Bioceramic case, crown, and pushers, paired with a matching navy rubber strap and a Bioceramic loop. It has a white opaline dial with hour markers coated in Grade A Super-LumiNova® (green emission). At the 10 o’clock position, the earth phase indicator shows the Earth with oceans that glow blue under UV light.\u003c\/p\u003e\n \u003cp\u003eBeneath the earth phase indicator is an illustration of Snoopy and Woodstock on the Moon, marveling at the enchanting spectacle of Earth. The illustration showcases a phrase that appears only under UV light. At the 2 o’clock subdial, is a moon phase indicator with two radiant full moons, both coated with OMEGA’s Moonshine™ Gold. One of the moons is designed in the distinctive style of the world of Snoopy, while the other is reimagined with a human hand pointing directly at the wearer.\u003c\/p\u003e\n \u003cp\u003eThe battery cover is adorned with an Earth-inspired design, while the navy rubber strap with VELCRO® closure adds a dash of astronaut cool. The dials of every watch in this collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. Also common to all models are the box-shaped biosourced glass construction, the etched \"S\" in the center of the glass referencing the Swatch logo, the fine and sophisticated circular pattern on the dial outer ring and the recessed subdials, the sharp and smooth lugs construction and of course the unique Bioceramic feel. The hour markers, hour and minute hands and the tip of the chronograph seconds hand are coated with Grade A Super-LumiNova® for a perfect glow in the dark (green emission).\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\u003eNavy, 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,75 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\u003eNavy White\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":45551037087823,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/1_m_mtemg_sept.png?v=1780875004"},{"product_id":"moonswatch-mission-to-venus","title":"MoonSwatch MISSION TO VENUS","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 VENUS\u003c\/h2\u003e\n \u003cp\u003eThe white VELCRO® strap on this limited model perfectly offsets the powdery pastel pink. Oval subdials embellished with diamond-like details on the edges and a two-toned pink and white bezel, add a touch of elegance.\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 hours, minutes, chronograph seconds hand and subdial hands are in pink. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo.\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\/venus_image2_1920x930_d.avif?v=1762124121\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/venus_image2_1920x930_d.avif?v=1762124121\" alt=\"MoonSwatch MISSION TO VENUS\"\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\u003eThe white VELCRO® strap on this limited model perfectly offsets the powdery pastel pink. Oval subdials embellished with diamond-like details on the edges and a two-toned pink and white bezel, add a touch of elegance.\u003c\/p\u003e\n \u003cp\u003eThe hours, minutes, chronograph seconds hand and subdial hands are in pink. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. The 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\u003ePastel pink, White 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\u003ePastel pink\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":45551209152591,"sku":null,"price":80.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/venus_image1_1080x1290_m.png?v=1780875222"},{"product_id":"moonswatch-mission-to-uranus","title":"MoonSwatch MISSION TO URANUS","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 URANUS\u003c\/h2\u003e\n \u003cp\u003ePastel blue meets a bright white VELCRO® strap on this limited model. All the hands are in white. A black tachymeter scale adorns a white-colored 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\/uranus_image2_1920x930_d.avif?v=1762123162\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/uranus_image2_1080x1335_m.png?v=1762123143\" alt=\"MoonSwatch MISSION TO URANUS\"\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\u003ePastel blue meets a bright white VELCRO® strap on this limited model. All the hands are in white. A black tachymeter scale adorns a white-colored 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\u003ePastel blue, Bright white 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\u003ePastel 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":45551726624847,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/uranus_image1_1080x1290_m.png?v=1780875835"},{"product_id":"moonswatch-mission-to-saturn","title":"MoonSwatch MISSION TO SATURN","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 SATURN\u003c\/h2\u003e\n \u003cp\u003eOn this limited model, sandy, cool beige tones contrast nicely with a brown dial and VELCRO® strap. The chronograph seconds hand and the subdial hands at 10 and 2 o'clock are in green. The seconds subdial at 6 o'clock depicts Saturn's rings.\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\u003eA white tachymeter scale adorns a brown-colored bezel. The hour and minute hands as well as the hour markers and tachymeter scale are in white. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster and the MoonSwatch logo.\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\/saturn_image2_1920x930_d.avif?v=1762121773\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/saturn_image2_1080x1335_m.png?v=1762121711\" alt=\"MoonSwatch MISSION TO SATURN\"\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\u003eOn this non-limited model, sandy, cool beige tones contrast nicely with a brown dial and VELCRO® strap. The chronograph seconds hand and the subdial hands at 10 and 2 o'clock are in green. The seconds subdial at 6 o'clock depicts Saturn's rings.\u003c\/p\u003e\n \u003cp\u003eA white tachymeter scale adorns a brown-colored bezel. The hour and minute hands as well as the hour markers and tachymeter scale are in white. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster 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. The 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\u003eBeige tones, Brown Dial, Brown 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\u003eBeige and Brown\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":45551829778511,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/saturn_image1_1080x1290_m.png?v=1780876002"},{"product_id":"moonswatch-mission-to-pluto","title":"MoonSwatch MISSION TO PLUTO","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 PLUTO\u003c\/h2\u003e\n \u003cp\u003eOn this limited watch, light cool gray tones contrast with the dark gray VELCRO® strap. The chronograph features an eggshell-toned dial with two-toned black and white hour and minute hands, a black chronograph seconds hand, and burgundy subdials and bezel.\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 subdial hands at 10 and 2 o'clock are in black, while the subdial hand at 6 o'clock and tachymeter scale are in white. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster and MoonSwatch logos.\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\/pluto_image2_1920x930_d_v2.webp?v=1761868199\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/pluto_image2_1080x1335_m.png?v=1761868215\" alt=\"MoonSwatch MISSION TO PLUTO\"\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\u003eOn this limited watch, light cool gray tones contrast with the dark gray VELCRO® strap. The chronograph features an eggshell-toned dial with two-toned black and white hour and minute hands, a black chronograph seconds hand, and burgundy subdials and bezel.\u003c\/p\u003e\n \u003cp\u003eThe subdial hands at 10 and 2 o'clock are in black, while the subdial hand at 6 o'clock and tachymeter scale are in white. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster and MoonSwatch logos.\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 \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\u003eLight Cool Gray, Dark Gray 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\u003eLight Cool Gray\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":45551859105871,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/pluto_image1_1080x1290_m.png?v=1780876137"},{"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"},{"product_id":"moonswatch-mission-to-mercury","title":"MoonSwatch MISSION TO MERCURY","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 MERCURY\u003c\/h2\u003e\n \u003cp\u003eWith its intense deep gray color and metallic gray VELCRO® strap, this limited watch means business. The chronograph seconds hand, subdial hands and tachymeter scale are in white. The subdials and bezel are in black.\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\u003eAll dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. The 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.\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\/pluto_image2_1920x930_d_v2-1.avif?v=1761867051\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/mercury_image2_1080x1335_m.png?v=1761867064\" alt=\"MoonSwatch MISSION TO MERCURY\"\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\u003eWith its intense deep gray color and metallic gray VELCRO® strap, this limited watch means business. The chronograph seconds hand, subdial hands and tachymeter scale are in white. The subdials and bezel are in black.\u003c\/p\u003e\n \u003cp\u003eAll dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. The 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 Gray, Metallic Gray 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 Gray\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":45551907799119,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/mercury_image1_1080x1290_m.png?v=1780876379"},{"product_id":"moonswatch-mission-to-the-sun","title":"MoonSwatch MISSION TO THE SUN","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 THE SUN\u003c\/h2\u003e\n \u003cp\u003eThis limited watch in bright sun yellow has a sophisticated sunbrushed golden-colored dial and white VELCRO® strap. The chronograph seconds hand, subdial hands, and tachymeter scale are in orange. The hour and minute hands, hour markers, subdials and bezel are in white.\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 hour and minute hands, hour markers, subdials and bezel are in white. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo.\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\/sun_image2_1920x930_d.webp?v=1761778512\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/sun_image2_1080x1335_m.png?v=1761778528\" alt=\"MoonSwatch MISSION TO THE SUN\"\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 watch in bright sun yellow has a sophisticated sunbrushed golden-colored dial and white VELCRO® strap. The chronograph seconds hand, subdial hands, and tachymeter scale are in orange. The hour and minute hands, hour markers, subdials and bezel are in white.\u003c\/p\u003e\n \u003cp\u003eAll dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. The 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\u003eSun Yellow, White 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\u003eSun Yellow\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":45551929753679,"sku":null,"price":80.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/sun_image1_1080x1290_m.png?v=1780876499"},{"product_id":"moonswatch-mission-on-earth","title":"MoonSwatch MISSION ON EARTH","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 ON EARTH\u003c\/h2\u003e\n \u003cp\u003eLovers of Mother Earth will love this non-limited earthy green watch with navy blue VELCRO® strap. The chronograph seconds hand and subdial hands are in brown.\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 hour and minute hands, hour markers and subdials are in white, as is the tachymeter scale on the 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\/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\/earth_image2_1920x930_d.jpg?v=1761778185\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/earth_image2_1080x1335_m.png?v=1761778170\" alt=\"MoonSwatch MISSION ON EARTH\"\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\u003eLovers of Mother Earth will love this non-limited earthy green watch with navy blue VELCRO® strap. The chronograph seconds hand and subdial hands are in brown.\u003c\/p\u003e\n \u003cp\u003eThe hour and minute hands, hour markers and subdials are in white, as is the tachymeter scale on the blue bezel. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. The 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\u003eEarthy green, Navy Blue 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\u003eEarthy green\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":45551966912591,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/earth_image1_1080x1290_m.png?v=1780876630"},{"product_id":"moonswatch-mission-to-the-moon","title":"MoonSwatch MISSION TO THE MOON","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 THE MOON\u003c\/h2\u003e\n \u003cp\u003eThis steel gray limited watch is complete with a black VELCRO® strap. All the hands and tachymeter scale are in white, just like in the original Moonwatch. The bezel is in black.\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\u003eAll dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo. The 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.\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\/moon_image2_1920x930_d.avif?v=1761086100\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/moon_image2_1080x1335_m.png?v=1761086129\" alt=\"MoonSwatch MISSION TO THE MOON\"\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 steel gray limited watch is complete with a black VELCRO® strap. All the hands and tachymeter scale are in white, just like in the original Moonwatch. The bezel is in black.\u003c\/p\u003e\n \u003cp\u003eAll 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. The 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\u003eGray, Black 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\u003eBlack and Gray\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":45552093102159,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/moon_image1_1080x1290_m.png?v=1780877038"},{"product_id":"moonswatch-mission-to-mars","title":"MoonSwatch MISSION TO MARS","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 MARS\u003c\/h2\u003e\n \u003cp\u003eOn this limited watch, fiery red tones contrast with the bright white dial and VELCRO® strap. The chronograph seconds hand is red, while the subdials hands at 10 and 2 o'clock sport unique red hands in a playful spacecraft shape, a special nod to the OMEGA Speedmaster Alaska II.\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 subdial hand at 6 o'clock is in black while the hour and minute hand are two-toned in white and black. The bezel is white and sports a black tachymeter scale. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster logo and the MoonSwatch logo.\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\/mars_image2_1920x930_d.jpg?v=1761085250\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/mars_image2_1080x1335_m.png?v=1761085228\" alt=\"MoonSwatch MISSION TO MARS\"\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\u003eOn this limited watch, fiery red tones contrast with the bright white dial and VELCRO® strap. The chronograph seconds hand is red, while the subdials hands at 10 and 2 o'clock sport unique red hands in a playful spacecraft shape, a special nod to the OMEGA Speedmaster Alaska II.\u003c\/p\u003e\n \u003cp\u003eThe subdial hand at 6 o'clock is in black while the hour and minute hand are two-toned in white and black. The bezel is white and sports a black tachymeter scale. 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. The hour, minute and chronograph seconds hands, as well the subdials hands at 10 and 2 o'clock and 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\u003eRed tones, White 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\u003eRed and White\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":45552400138319,"sku":null,"price":80.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/mars_image1_1080x1290_m.png?v=1780877162"},{"product_id":"moonswatch-mission-to-jupiter","title":"MoonSwatch MISSION TO JUPITER","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 JUPITER\u003c\/h2\u003e\n \u003cp\u003eThe beige tones of this limited watch are perfectly offset with a black VELCRO® strap. The chronograph seconds hand and subdial hands at 10 and 2 o'clock are in orange, in homage to the OMEGA Speedmaster Ultraman.\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 subdial hand at 6 o'clock is in brown. A dark beige tachymeter scale with orange detail adorns the light beige-colored bezel. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster and the MoonSwatch logo.\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\/jupiter_image2_1920x930_d.avif?v=1761084560\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/jupiter_image2_1080x1335_m.png?v=1761084216\" alt=\"MoonSwatch MISSION TO JUPITER\"\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\u003eThe beige tones of this limited watch are perfectly offset with a black VELCRO® strap. The chronograph seconds hand and subdial hands at 10 and 2 o'clock are in orange, in homage to the OMEGA Speedmaster Ultraman.\u003c\/p\u003e\n \u003cp\u003eThe subdial hand at 6 o'clock is in brown. A dark beige tachymeter scale with orange detail adorns the light beige-colored bezel. All dials in the collection carry the OMEGA X Swatch branding, the iconic Speedmaster 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. The 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\u003eBeige, beige 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\u003eBeige\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":45552540745807,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/jupiter_image1_1080x1290_m.png?v=1780877337"},{"product_id":"moonswatch-1965","title":"MOONSWATCH 1965","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 1965\u003c\/h2\u003e\n \u003cp\u003eThis limited chronograph features a gray Bioceramic case, crown and pushers as well as a gray VELCRO® strap with contrasting light gray stitching and Bioceramic loop.\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\/ae2f7ec1cd1d461ca3d37d0a876a3d3a.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\u003eIt has a white dial and a black Premium Polymer bezel with a white tachymeter scale. This timepiece features two unique counters at 10 and 2 o’clock. The first indicates the number 19 (normally 60) at the top, while the other displays the number 65 (normally 10), referencing the year 1965.\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\/2_d_ms1965_v3.webp?v=1758997240\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_ms1965_v3.png?v=1758997222\" alt=\"MoonSwatch 1965\"\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 chronograph features a gray Premium Polymer case, crown and pushers as well as a gray VELCRO® strap with contrasting light gray stitching and Premium Polymer loop.\u003c\/p\u003e\n \u003cp\u003eIt has a white dial and a black Bioceramic bezel with a white tachymeter scale. This timepiece features two unique counters at 10 and 2 o’clock. The first indicates the number 19 (normally 60) at the top, while the other displays the number 65 (normally 10), referencing the year 1965.\u003c\/p\u003e\n \u003cp\u003eThe numbers 19, 65 and 60 (on the counter at 6 o’clock) glow blue under UV light, paying tribute to the OMEGA Speedmaster and the flight qualification it received from NASA, 60 years ago, in 1965. \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\u003eGrey, VELCRO® strap, biosourced glass.\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 Specifications\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\u003ePremium Polymer\u003c\/dd\u003e\n \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eWhite\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n \u003cdt\u003eMoviment\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\u003eStrap\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n \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":45552653729871,"sku":null,"price":80.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/1_m_ms1965_v3.png?v=1780878139"},{"product_id":"speedmaster-anniversary-series-silver-snoopy-award","title":"Speedmaster Anniversary Series Silver Snoopy Award","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\u003e50 Years of Legacy\u003c\/h2\u003e\n \u003cp\u003eThis 50th anniversary timepiece pays tribute to the “Silver Snoopy Award” that OMEGA received from NASA astronauts in 1970, in recognition of the brand’s contributions to space exploration, including the Apollo 13 mission.\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\/7e18f5cf14bf478d9a9176585be03f58.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\u003eThe 42 mm stainless steel case is presented on a blue nylon fabric strap.\n\nThe silver dial features blue PVD angle-shaped hour markers and hands, as well as an embossed silver Snoopy medallion on the blue subdial at 9 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\/0609\/4811\/9612\/files\/omega-speedmaster-anniversary-series-co-axial-master-chronom-_7.png?v=1761083098\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-speedmaster-anniversary-series-co-axial-master-chronom-_3.png?v=1761083097\" alt=\"Speedmaster Anniversary Series Silver Snoopy Award\"\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\/watch-calibre-3861.png?v=1761083091\" alt=\"Calibre Omega 3861\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"movement-desc\"\u003e\n Manual-winding chronograph movement with Co-Axial escapement. Certified Master Chronometer, approved by METAS, resistant to magnetic fields reaching 15,000 gauss. Free-sprung balance with silicon balance spring. Rhodium-plated finish, bridges with straight Geneva waves.\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\u003eThis 50th anniversary timepiece pays tribute to the “Silver Snoopy Award” that OMEGA received from NASA astronauts in 1970, in recognition of the brand’s contributions to space exploration, including the Apollo 13 mission.\u003c\/p\u003e\n \u003cp\u003eThe 42 mm case in stainless steel is presented on a blue nylon fabric strap. The silver dial has blue PVD angle-shaped hour markers and hands, as well as an embossed silver Snoopy medallion on the blue subdial at 9 o’clock.\u003c\/p\u003e\n \u003cp\u003eOn the NAIAD LOCK caseback, a vision of the far side of the moon has been decorated using micro-structured metallisation.\n\nThere is a static image of Snoopy in his Command and Service Module (CSM).\u003c\/p\u003e\n \u003cp\u003e\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, Small Seconds\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\u003e47,50 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e14.47 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\u003eSilver\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 product weight\u003c\/dt\u003e\n\u003cdd\u003e90 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eManual‑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\u003eCoated nylon fabric strap\u003c\/dd\u003e\n \u003cdt\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003ePin buckle\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":45948583444559,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega-speedmaster-anniversary-series-co-axial-master-chronom.png?v=1782164478"},{"product_id":"aquanaut-stainless-steel","title":"Aquanaut Stainless Steel","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 Sportiest of Complications\u003c\/h2\u003e\n \u003cp\u003ePowered by a self-winding movement, this stainless steel Aquanaut features a bold and distinctive design, with orange accents standing out against the black dial. It comes with two ultra-resistant composite material straps, in black and orange, both secured by an Aquanaut fold-over clasp.\u003c\/p\u003e\n\u003c\/div\u003e\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\/201140-51882.png?v=1758841013\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/201140-51882.png?v=1758841013\" alt=\"Aquanaut Chronograph Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\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\u003eCharcoal grey sunburst dial with a black gradient chapter ring, embossed Aquanaut pattern, and applied steel numerals with white luminescent coating. Steel baton-style hands with white luminescent coating.\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\u003eKEY FEATURES\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eBlack composite material strap (originally fitted). Orange composite material strap (additional strap included). Patented stainless steel fold-over clasp.\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 SPECIFICATIONS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCase Thickness\u003c\/dt\u003e\n\u003cdd\u003e11,9 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e42,2 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eStainless Steel\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 Crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n \u003cdt\u003eMovement\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\u003eComposite Material\u003c\/dd\u003e\n \u003cdt\u003eClasp Type\u003c\/dt\u003e\n\u003cdd\u003ePatented Stainless Steel Fold-Over Clasp\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\/201132-51882.png?v=1758841013\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/201133-51883.png?v=1758841013\" alt=\"Aquanaut Chronograph Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek Philippe","offers":[{"title":"Orange","offer_id":45948594585679,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":45948594618447,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/202155-51887.png?v=1782162333"},{"product_id":"nautilus-blue","title":"Nautilus Blue","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 of Sporting Elegance\u003c\/h2\u003e\n \u003cp\u003eA reinterpretation of a cult design, this model stands out with its stainless steel case and bracelet, complemented by a blue sunburst dial with a black gradient chapter ring. The distinctive Nautilus architecture is enhanced by the subtle interplay of satin-brushed and polished finishes. The bracelet features a patented fold-over clasp with a secure locking adjustment system.\n\u003c\/p\u003e\n\u003c\/div\u003e\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\/175354-51882.png?v=1758846007\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/175354-51882.png?v=1758846007\" alt=\"Nautilus Blue\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\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\u003eBlue dial with a black gradient chapter ring, horizontal embossed pattern, and applied baton-style hour markers with white luminescent coating. Rounded baton-style hands with white luminescent coating.\n\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\u003eKEY FEATURES\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003ePatented Stainless Steel Fold-Over Clasp. Secure Locking Adjustment System.\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 SPECIFICATIONS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCase Thickness\u003c\/dt\u003e\n\u003cdd\u003e8,2 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e41 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eStainless Steel\u003c\/dd\u003e\n \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-Resistant Sapphire Crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n \u003cdt\u003eMoviment\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\u003eStainless Steel\u003c\/dd\u003e\n \u003cdt\u003eClasp Type\u003c\/dt\u003e\n\u003cdd\u003ePatented Stainless Steel Fold-Over Clasp\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\/206351-51882.png?v=1758846007\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/206352-51883.png?v=1758846008\" alt=\"Nautilus Blue\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek Philippe","offers":[{"title":"Default Title","offer_id":45948600614991,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/4827-51887.png?v=1782162809"},{"product_id":"aquanaut-blue-dial","title":"Aquanaut Blue Dial","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\u003eA Bold Aquanaut\u003c\/h2\u003e\n \u003cp\u003eThis self-winding Aquanaut combines a stainless steel case with an embossed dial featuring a subtle gradient that transitions from black to deep blue. The dial offers exceptional legibility both day and night, thanks to its luminescent hands and applied Arabic numerals.\n\u003c\/p\u003e\n\u003c\/div\u003e\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\/pp-5168g-001-16-9-banner.png?v=1758844245\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pp-5168g-001-16-9-banner.png?v=1758844245\" alt=\"Aquanaut Blue Dial\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\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\u003eBlue sunburst dial with a black gradient chapter ring, embossed Aquanaut pattern, and applied numerals with white luminescent coating. Baton-style hands with white luminescent coating.\n\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\u003eKEY FEATURES\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eScrew-Down Crown. Sapphire Crystal Case Back.\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 SPECIFICATIONS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCase Thickness\u003c\/dt\u003e\n\u003cdd\u003e8,25 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e42,2 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eStainless Steel\u003c\/dd\u003e\n \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-Resistant Sapphire Crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n \u003cdt\u003eMoviment\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\u003eComposite Material\u003c\/dd\u003e\n \u003cdt\u003eClasp Type\u003c\/dt\u003e\n\u003cdd\u003ePatented Stainless Steel Fold-Over Clasp\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\/175246-51882.png?v=1758844722\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/203270-51883.png?v=1758844244\" alt=\"Aquanaut Blue Dial\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek Philippe","offers":[{"title":"Default Title","offer_id":45948603400271,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/202460-51887.png?v=1782162991"},{"product_id":"aquanaut-date-black-strap-stainless-steel","title":"Aquanaut Date Black Strap Stainless Steel","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\u003eContemporary Sporty Chic\u003c\/h2\u003e\n \u003cp\u003eThe very essence of the Aquanaut style, this stainless steel model stands out with its embossed black-pattern dial and matching composite material strap. The distinctive lines of the case and bezel are enhanced by alternating polished and satin-brushed finishes. Time is displayed by a self-winding movement, visible through the transparent sapphire crystal case back.\n\u003c\/p\u003e\n\u003c\/div\u003e\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\/221059-51883.png?v=1758834602\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/221059-51883.png?v=1758834602\" alt=\"Aquanaut Date Black Strap Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\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\u003eCharcoal grey sunburst dial with a black gradient chapter ring, embossed Aquanaut pattern, and applied steel numerals with white luminescent coating. Steel baton-style hands with white luminescent coating.\n\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\u003eKEY FEATURES\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eScrew-Down Crown. Sapphire Crystal Case Back.\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 SPECIFICATIONS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCase Thickness\u003c\/dt\u003e\n\u003cdd\u003e8,1 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e40,8 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eStainless Steel\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 Crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n \u003cdt\u003eMoviment\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\u003eComposite Material\u003c\/dd\u003e\n \u003cdt\u003eClasp Type\u003c\/dt\u003e\n\u003cdd\u003ePatented Stainless Steel Fold-Over Clasp\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\/199888-51882.png?v=1758835666\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/199888-51882.png?v=1758835666\" alt=\"Aquanaut Date Black Strap Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek Philippe","offers":[{"title":"Default Title","offer_id":45948608708687,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/202472-51887.png?v=1782163183"},{"product_id":"p-p-perpetual-calendar","title":"P.P PERPETUAL CALENDAR","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\u003eReinterpreting a Classic\u003c\/h2\u003e\n \u003cp\u003eThe lustrous finish enhances the timeless design of this watch, featuring its concave bezel and elegantly fluted lugs. The lacquered green dial, inspired by the bodywork of the most sophisticated automobiles, displays its various functions in a layout that is both exceptionally harmonious and highly legible.\n\u003c\/p\u003e\n\u003c\/div\u003e\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\/pp-5270p-014-banner-16-9-banner-poster.gif?v=1762968741\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pp-5270p-014-banner-9-16-banner-poster.gif?v=1762968740\" alt=\"P.P PERPETUAL CALENDAR\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\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\u003eThe lustrous finish enhances the timeless design of this watch, featuring its concave bezel and elegantly fluted lugs. The lacquered green dial, inspired by the bodywork of the most sophisticated automobiles, displays its various functions in a layout that is both exceptionally harmonious and highly legible.\n\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\u003eKEY FEATURES\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eLacquered green dial with a black gradient edge, featuring faceted “obus”-style hour markers. Faceted dauphine-style hands.\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 SPECIFICATIONS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCase Thickness\u003c\/dt\u003e\n\u003cdd\u003e12,4 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e41 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eStainless Steel\u003c\/dd\u003e\n \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eGreen\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-Resistant Sapphire Crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n \u003cdt\u003eMoviment\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\u003eLeather\u003c\/dd\u003e\n \u003cdt\u003eClasp Type\u003c\/dt\u003e\n\u003cdd\u003eFold-Over Clasp\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\/207172-51882.gif?v=1762968740\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/207173-51883.gif?v=1762968741\" alt=\"P.P PERPETUAL CALENDAR\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek Philippe","offers":[{"title":"Default Title","offer_id":45948613066831,"sku":null,"price":340.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/Sem-Titulo-1.gif?v=1782163461"},{"product_id":"aquanaut-travel-time-rose-gold","title":"Aquanaut Travel Time Rose Gold","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\u003eContemporary Sporty Elegance\u003c\/h2\u003e\n \u003cp\u003eThe youthful and contemporary design of the Aquanaut is elevated with a refined touch in this self-winding rose gold-toned steel model, featuring a brown dial and matching strap. Luminescent steel hands and applied Arabic numerals ensure excellent legibility. The water-resistant composite material strap is fitted with a fold-over clasp.\n\u003c\/p\u003e\n\u003c\/div\u003e\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\/221057-51882.png?v=1758839946\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/221057-51882.png?v=1758839946\" alt=\"Aquanaut Travel Time Rose Gold\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\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\u003eBrown sunburst dial with a black gradient chapter ring, embossed Aquanaut pattern, and applied rose gold-toned steel numerals with white luminescent coating. Rose gold-toned steel baton-style hands with white luminescent coating.\n\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\u003eKEY FEATURES\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eDark brown composite material strap. Patented rose gold-toned steel fold-over clasp.\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 SPECIFICATIONS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCase Thickness\u003c\/dt\u003e\n\u003cdd\u003e8,1 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e40,8 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eStainless Steel\u003c\/dd\u003e\n \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eBrown\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-Resistant Sapphire Crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n \u003cdt\u003eMoviment\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\u003eComposite Material\u003c\/dd\u003e\n \u003cdt\u003eClasp Type\u003c\/dt\u003e\n\u003cdd\u003ePatented Stainless Steel Fold-Over Clasp\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\/199888-51882.png?v=1758835666\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/199888-51882.png?v=1758835666\" alt=\"Aquanaut Travel Time Rose Gold\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek Philippe","offers":[{"title":"Default Title","offer_id":45948615589967,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/202475-51889.png?v=1782163675"},{"product_id":"aquanaut-travel-time-blue","title":"Aquanaut Travel Time Blue","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\u003eTime Here and Around the World\u003c\/h2\u003e\n \u003cp\u003eThis automatic travel watch, with its elegant, relaxed and contemporary style, stands out for its exclusive Travel Time mechanism, which allows a second time zone to be displayed with ease, with the date linked to the local time. The stainless steel case is paired with a refined blue-grey dial and matching strap.\u003c\/p\u003e\n\u003c\/div\u003e\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\/pp-5164g-001-det-overview-44.png?v=1758842294\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pp-5164g-001-det-overview-44.png?v=1758842294\" alt=\"AAquanaut Travel Time Blue\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\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\u003eBlue-grey opaline dial with embossed Aquanaut pattern, applied steel numerals with white luminescent coating. Local time hour hand: steel baton-style hand with white luminescent coating. Home time hour hand: skeletonised steel baton-style hand, finished in white lacquer.\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\u003eKEY FEATURES\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eBlue-grey composite material strap. Patented fold-over clasp.\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 SPECIFICATIONS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCase Thickness\u003c\/dt\u003e\n\u003cdd\u003e10,2 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e40,8 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eStainless Steel\u003c\/dd\u003e\n \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-Resistant Sapphire Crystal\u003c\/dd\u003e\n \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n \u003cdt\u003eMoviment\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\u003eComposite Material\u003c\/dd\u003e\n \u003cdt\u003eClasp Type\u003c\/dt\u003e\n\u003cdd\u003ePatented Stainless Steel Fold-Over Clasp\u003c\/dd\u003e\n \n \u003c\/dl\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\/203654-51882.png?v=1758842293\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/203653-51883.png?v=1758842294\" alt=\"Aquanaut Travel Time Blue\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek Philippe","offers":[{"title":"Default Title","offer_id":45948616540239,"sku":null,"price":280.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/202477-51887.png?v=1782163877"},{"product_id":"constellation-stainless-steel-41-mm","title":"Constellation Stainless Steel 41 mm","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 Constellation Legacy\u003c\/h2\u003e\n \u003cp\u003eThe striking and timeless design of the OMEGA Constellation is distinguished by its iconic half-moons, as well as the signature “claws” on the sides of the case.\u003c\/p\u003e\n\u003c\/div\u003e\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-constellation-co-axial-master-chronometer-41-mm-131234-_3.png?v=1762009447\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-constellation-co-axial-master-chronometer-41-mm-131234-_2.png?v=1762009447\" alt=\"Constellation Stainless Steel 41 mm\"\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-stainless_steel.png?v=1757285504\" 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 undoubtedly the most traditional watchmaking material for external components, offering beauty, strength, and excellent value for money. OMEGA uses 316L stainless steel.\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-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n \u003ch3\u003eAluminium\u003c\/h3\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"material-content\"\u003e\n \u003cp\u003eAluminium is lightweight and ideal for decorative components. Through anodisation, it allows for a wide range of colours in bezels, dials, and hands. OMEGA has developed a special process that makes its aluminium bezels nearly twice as hard as standard ones, providing enhanced resistance to scratches and external 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\/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 anti-reflective treatment and exceptional scratch resistance. Produced using the Verneuil process, which melts the raw material until it crystallises, it achieves a hardness of 9 on the Mohs scale, making it virtually scratch-proof and ensuring perfect clarity of 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=\"Explore Aluminium\"\u003e•\u003c\/a\u003e\n \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Explore 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\"\u003eMoviment\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-8900.png?v=1762009444\" alt=\"Calibre Omega 8900\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"movement-desc\"\u003e\n Self-winding movement. Resistant to magnetic fields. Free-sprung balance with a silicon balance spring, twin barrels mounted in series, and bi-directional automatic winding. Time zone function. Luxurious finish featuring a rhodium-plated rotor and bridges decorated with arabesque Geneva waves.\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\u003eThe striking and timeless design of the OMEGA Constellation is distinguished by its iconic half-moons, as well as the signature “claws” on the sides of the case.\u003c\/p\u003e\n \u003cp\u003eThis 41 mm stainless steel model features a polished bezel with OMEGA Ceragold™ Roman numerals. The brushed-pattern dial is lacquered to create a lustrous finish and showcases a gradient effect that transitions from burgundy to black. A date window is positioned at 6 o’clock, while the hands, OMEGA logo, Constellation star, and faceted hour markers complete the refined design.\u003c\/p\u003e\n \u003cp\u003ePresented on a burgundy leather strap with a rubber lining, this timepiece is powered by a self-winding movement, visible through the domed, scratch-resistant sapphire crystal case back.\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\u003eKEY FEATURES\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAnti-Magnetic, Date Display, Transparent Case Back.\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 SPECIFICATIONS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eLug Width\u003c\/dt\u003e\n\u003cdd\u003e24,2 mm\u003c\/dd\u003e\n \u003cdt\u003eLug-to-Lug\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Thickness\u003c\/dt\u003e\n\u003cdd\u003e13,45 mm\u003c\/dd\u003e\n \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e41 mm\u003c\/dd\u003e\n \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eStainless Steel\u003c\/dd\u003e\n \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eRed\u003c\/dd\u003e\n \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-Resistant Sapphire Crystal\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\u003e120 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n \u003cdt\u003eMoviment\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\u003eSTRAP\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eLeather\u003c\/dd\u003e\n \u003cdt\u003eClasp Type\u003c\/dt\u003e\n\u003cdd\u003eFolding Clasp\u003c\/dd\u003e\n \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":45948673818703,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega-constellation-co-axial-master-chronometer-41-mm-131234.png?v=1782162043"},{"product_id":"seamaster-diver-300m-americas-cup-42mm-steel","title":"Seamaster Diver 300M America's Cup 42mm Steel","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 Spirit of Competition\u003c\/h2\u003e\n \u003cp\u003eTo celebrate OMEGA’s role as Official Timekeeper at the 37th America’s Cup, OMEGA produced this impressive Seamaster Diver 300M with regatta scale and commemorative caseback.\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\/72c9ec58ab6c428cb415eb45212640a1.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\u003eThe 42 mm Seamaster Diver 300M in stainless steel has a blue ceramic unidirectional bezel with a regatta scale, comprised of two 5-minute pre-start sections, and START section with regatta-inspired flag.\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\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_11.png?v=1761082428\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_4_7635b74a-6b99-4552-a0d8-ec9abbf71ec1.png?v=1761082428\" alt=\"Seamaster Diver 300M America's Cup 42mm Steel\"\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\"\u003eCalibre OMEGA 8806\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 with a Co-Axial escapement. Certified Master Chronometer, approved by METAS, resistant to magnetic fields reaching 15,000 gauss. Free sprung-balance with silicon balance spring, automatic winding in both directions. Special luxury finish with rhodium-plated rotor and bridges 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\u003eTo celebrate OMEGA’s role as Official Timekeeper at the 37th America’s Cup, OMEGA produced this impressive Seamaster Diver 300M with regatta scale and commemorative caseback.\u003c\/p\u003e\n \u003cp\u003eThe 42 mm Seamaster Diver 300M in stainless steel has a blue ceramic unidirectional bezel with a regatta scale, comprised of two 5-minute pre-start sections, and START section with regatta-inspired flag.\u003c\/p\u003e\n \u003cp\u003eThe white ceramic matt-finish dial is laser-engraved with waves in positive relief. The central seconds hand has an America’s Cup trophy counterweight in the same blue as the Barcelona logo.\u003c\/p\u003e\n \u003cp\u003eTThis distinctive blue logo, with “Auld Mug” and B for Barcelona is also on the sapphire crystal caseback. The watch is powered by OMEGA’s Co-Axial Master Chronometer Calibre 8806.\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\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,93 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e13,79 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\u003eWhite\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\u003e196 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8806\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":45948674441295,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_1.png?v=1782164817"},{"product_id":"speedmaster-57-40-5-mm-steel","title":"Speedmaster '57 40.5 mm Steel","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\u003eA Legacy Among the Stars\u003c\/h2\u003e\n \u003cp\u003eThe Speedmaster is one of OMEGA’s most iconic timepieces. Having been a part of all six lunar missions, the timepiece is an impressive representation of the brand’s adventurous pioneering spirit.\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\/c7bd9d76de25418981f803332a042a94.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 40.50 mm model, inspired by the legendary 1957 original, features a stainless steel case and a blue dial with rhodium-plated hour markers and “Broad Arrow” hands.\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\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp-_9.png?v=1761080919\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp-_4.png?v=1761080920\" alt=\"Speedmaster '57 40.5 mm Steel\"\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\"\u003eCalibre OMEGA 9906\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\/watch-calibre-9906.png?v=1761080914\" alt=\"Automatic\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"movement-desc\"\u003e\n Manual-winding with column wheel and Co-Axial escapement. Resistant to magnetic fields reaching 15,000 gauss. Silicon balance-spring, 2 barrels mounted in series, time zone function.\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\u003eThe Speedmaster is one of OMEGA’s most iconic timepieces. Having been a part of all six lunar missions, the timepiece is an impressive representation of the brand’s adventurous pioneering spirit.\u003c\/p\u003e\n \u003cp\u003eThis 40.50 mm model, inspired by the legendary 1957 original, features a stainless steel case and a blue dial with rhodium-plated hour markers and “Broad Arrow” hands. There is a date window at 6 o’clock, a small seconds subdial at 9 o’clock.\u003c\/p\u003e\n \u003cp\u003eThe brushed bezel includes a blackened tachymeter scale, while on the caseback, there is a “Speedmaster ‘57” engraving as well as a flat sapphire crystal with an anti-reflective treatment inside.\u003c\/p\u003e\n \u003cp\u003eThe watch is presented on a matching bracelet with OMEGA’s patented comfort release adjustment system, and is driven by the manual-winding.\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\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,64 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e12,97 mm\u003c\/dd\u003e\n \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e40,5 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\u003eBlue\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\u003e134 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eManual‑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":45948675358799,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp.png?v=1782165122"},{"product_id":"speedmaster-dark-side-of-the-moon-apollo-8","title":"Speedmaster Dark Side of the Moon Apollo 8","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\u003eBorn for the Moon\u003c\/h2\u003e\n \u003cp\u003eAs a part of all six moon landings in history, the legendary OMEGA Speedmaster is a true icon of space as well as OMEGA’s pioneering spirit.\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\/649743fbb0c749d489dd7b274d3c551f.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\u003eIn this 44.25 mm model, the Speedmaster’s history aboard the Apollo 8 mission is celebrated through the blackened movement, which is laser-ablated on the main plate and bridges to represent the moon’s surface. The near side can be seen through the skeletonized black anodised aluminium dial, while the far side can be seen through the caseback.\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\/backpp-speedmaster.png?v=1761069645\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/backpp-speedmaster-darksideofthemoon_8d3a9fac-4497-4301-aaff-d7adfc36c469.png?v=1761069645\" alt=\"Speedmaster Dark Side of the Moon Apollo 8\"\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\/watch-calibre_8b32b91c-2900-4182-b923-82ca2c3e513b.png?v=1761069644\" alt=\"Calibre Omega 3869\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"movement-desc\"\u003e\n Manual-winding chronograph movement with Co-Axial escapement. Certified Master Chronometer, approved by METAS, resistant to magnetic fields reaching 15,000 gauss. Moon-relief textured and blackened on the main plate and bridges, with greater lunar detail compared to previous Calibre 1869 thanks to defined laser engraving and contrasting surfaces.\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\u003eAs a part of all six moon landings in history, the legendary OMEGA Speedmaster is a true icon of space as well as OMEGA’s pioneering spirit.\u003c\/p\u003e\n \u003cp\u003eIn this 44.25 mm model, the Speedmaster’s history aboard the Apollo 8 mission is celebrated through the blackened movement, which is laser-ablated on the main plate and bridges to represent the moon’s surface. The near side can be seen through the skeletonized black anodised aluminium dial, while the far side can be seen through the caseback.\u003c\/p\u003e\n \u003cp\u003ePresented on a perforated black rubber strap with yellow rubber interior, the entire watch is black ceramic and includes a varnished yellow chronograph seconds hands and a laser-engraved tachymeter scale on the bezel which is filled with white enamel. The small-seconds subdial (patent pending) also includes a grade 5 titanium hand shaped like the Saturn V rocket. This 3D shape is obtained by laser turning, while the colours are obtained by white varnish, ablation, and laser blackening.\u003c\/p\u003e\n \u003cp\u003eThe specially decorated movement is the OMEGA Co-Axial Master Chronometer Calibre 3869, while the engravings on the caseback include “APOLLO 8, DEC 1968”, “DARK SIDE OF THE MOON”, “WE’LL SEE YOU ON THE OTHER SIDE”, and \"CO-AXIAL MASTER CHRONOMETER\".\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, Small Seconds\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\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\u003e12,97 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 Ceramic\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\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 3869\u003c\/dd\u003e\n \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eManual‑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\u003eRubber strap\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":45948680831055,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega-speedmaster-dark-side-of-the-moon-co-ax.png?v=1782165383"},{"product_id":"seamaster-diver-300m-007-edition-42-mm","title":"Seamaster Diver 300M 007 Edition 42 mm","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 Bond Legacy\u003c\/h2\u003e\n \u003cp\u003eIdentical to 007’s watch in No Time To Die, this 42 mm Seamaster, in steel — strong yet lightweight — features a brown tropical aluminium bezel ring and a dial in the same shade.\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\/2ffd3edb7977441496377999a4f6c864.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\u003eSlightly slimmer than the standard Diver 300M models, thanks to the domed sapphire crystal glass, it is presented on a steel bracelet with an innovative adjustable clasp..\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\/omegaseamasterdiver300maxialmasterchronometer4.png?v=1761068811\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omegaseamasterdiver300c_7e2a8788-34d9-4600-ab93-55737f107cf9.png?v=1761068812\" alt=\"Seamaster Diver 300M 007 Edition 42 mm\"\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 with Co-Axial escapement. 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\u003eIdentical to 007’s watch in No Time To Die, this 42 mm Seamaster, in steel — strong yet lightweight — features a brown tropical aluminium bezel ring and a dial in the same shade\u003c\/p\u003e\n \u003cp\u003eSlightly slimmer than the standard Diver 300M models, thanks to the domed sapphire crystal glass, it is presented on a steel bracelet with an innovative adjustable clasp.\u003c\/p\u003e\n \u003cp\u003eThe 007-edition Diver is powered automatic which has achieved the industry’s highest standards of precision, chronometric performance - and of course - magnetic resistance.\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 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,60 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e12,99 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\u003eBrown\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\u003e93 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\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":45948687876175,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omegaseamasterdiver300m.png?v=1782165765"},{"product_id":"speedmaster-moonwatch-professional-42-mm-steel","title":"Speedmaster Moonwatch Professional 42 mm Steel","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 Spirit of Exploration\u003c\/h2\u003e\n \u003cp\u003eThe Speedmaster Moonwatch is one of the world’s most iconic timepieces. Having been a part of all six moon landings, the legendary chronograph is an impressive representation of the brand’s adventurous pioneering spirit.\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\/e64c6bf984524d6b9dac2542bd2b5198.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\u003ePresented on a polished-brushed bracelet, this 42 mm Moonwatch in stainless steel features sapphire crystal glass on the front as well as on the caseback.\u003c\/p\u003e\n\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\/omega-speedmaster-moonwatch-professional-co-axial-master-cx.png?v=1761061713\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-speedmaster-moonwatch-professional-co-axial.png?v=1761061713\" alt=\"Speedmaster Moonwatch Professional 42 mm Steel\"\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\/watch-calibre.png?v=1761062008\" alt=\"Calibre Omega 3861\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"movement-desc\"\u003e\n Manual-winding chronograph movement resistant to magnetic fields reaching 15,000 gauss. Free-sprung balance with silicon balance spring. Rhodium-plated finish, bridges with straight Geneva waves.\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\u003eThe Speedmaster Moonwatch is one of the world’s most iconic timepieces. Having been a part of all six moon landings, the legendary chronograph is an impressive representation of the brand’s adventurous pioneering spirit.\u003c\/p\u003e\n \u003cp\u003ePresented on a polished-brushed bracelet, this 42 mm Moonwatch in stainless steel features sapphire crystal glass on the front as well as on the caseback. Inspired by the 4th generation Speedmaster style worn on the moon, it also includes an asymmetrical case, a white lacquered step dial with applied OMEGA logo and indexes, Moonwatch style hands, and the famous dot over 90 on the black anodised aluminium bezel ring.\u003c\/p\u003e\n \u003cp\u003eThe watch is driven by the OMEGA Co-Axial Master Chronometer Calibre 3861, which powers the small seconds sub-dial, 30-minute recorder and 12-hour recorder, along with the central chronograph function.\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\u003e47,50 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e13,18 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 and White\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\u003e140 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 3861\u003c\/dd\u003e\n \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eManual‑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":"Black","offer_id":45948691284047,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":45948691316815,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega-speedmaster-moonwatch-professional.png?v=1782166128"},{"product_id":"seamaster-diver-300m-42-mm-orange","title":"Seamaster Diver 300M 42 mm Orange","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\u003eLegend Since 1993\u003c\/h2\u003e\n \u003cp\u003eSince 1993, the Seamaster Diver 300M has enjoyed a legendary following. For today’s modern collection, OMEGA has embraced that famous ocean heritage and updated it with the brand's most advanced innovation and design.\u003c\/p\u003e\n\u003c\/div\u003e\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\/omegaseamasterdiver300mcomasterchronometer42.png?v=1761060660\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omegaseamasterdiver300mchronometer_b1120b85-50d5-44aa-b558-091feb6dd84f.png?v=1761060660\" alt=\"Seamaster Diver 300M 42 mm Orange\"\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\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" 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 watchmaking material for creating exterior parts, offering beauty, strength, and good value for money. OMEGA uses 316L stainless steel.\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-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n \u003ch3\u003eAluminium\u003c\/h3\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"material-content\"\u003e\n \u003cp\u003eAluminum is lightweight and ideal for decorative components. Through anodization, it allows for a wide range of colors on bezels, dials, and hands. OMEGA has developed a special process that makes its bezels nearly twice as hard as standard ones, providing greater resistance to scratches and external 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\/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 anti-reflective treatment and high scratch resistance. Produced through the Verneuil process, which melts the raw material until it crystallizes, it reaches a hardness of 9 on the Mohs scale, making it nearly scratch-proof and ensuring perfect clarity of 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=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\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\"\u003eMoviment\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. Free sprung-balance with silicon balance spring, two barrels mounted in series, automatic winding in both directions. Time zone function. Special luxury finish with rhodium-plated rotor and bridges 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. For today’s modern collection, OMEGA has embraced that famous ocean heritage and updated it with the brand'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 features rhodium plated skeletonized hands and indexes that are filled with white Super-LumiNova. The colour orange is used for the central seconds hand, the four quarter indexes, and Seamaster name, while the OMEGA logo is transferred in white.\u003c\/p\u003e\n \u003cp\u003eThe watch is presented on an integrated orange rubber strap with foldover clasp, and is driven by self-winding movement, 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, Screw-in crown, Transparent case back.\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\u003e47,70 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e13,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\u003eSapphire Crystal\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\u003e120 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\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\u003eStrap\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eStrap typel\u003c\/dt\u003e\n\u003cdd\u003eRubber strap\u003c\/dd\u003e\n \u003cdt\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp\u003c\/dd\u003e\n \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":45983881920591,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omegaseamasterdiver300mcomasterchronometer.png?v=1782769802"},{"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"},{"product_id":"seamaster-aqua-terra-150m-43-mm-worldtimer","title":"Seamaster Aqua Terra 150M 43 mm Worldtimer","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\u003eTravel Without Limits\u003c\/h2\u003e\n \u003cp\u003eThis 43 mm Worldtimer model includes a polished case in stainless steel which is integrated with the structured blue rubber strap via a solid polished link.\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\/36266d9eb8c742c7af31c81d246009f8.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\u003eThe exterior section of the dial is sun-brushed blue and includes vertical teak stripes and a circle of global destinations printed in red (GMT), silvery (+1h in summer) and blue (places without daylight savings).\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\/omegaseamasteraquaterralarge.png?v=1760989136\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/backpp-seamaster-aquaterra-worldtimer-small.avif?v=1760989155\" alt=\"Seamaster Aqua Terra 150M 43 mm Worldtimer\"\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\/watchcalibre898.png?v=1760989136\" alt=\"Calibre Omega 8938\"\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\u003eThis 43 mm Worldtimer model includes a polished case in stainless steel which is integrated with the structured blue rubber strap via a solid polished link.\u003c\/p\u003e\n \u003cp\u003eThe exterior section of the dial is sun-brushed blue and includes vertical teak stripes and a circle of global destinations printed in red (GMT), silvery (+1h in summer) and blue (places without daylight savings).\u003c\/p\u003e\n \u003cp\u003eThe centre of the dial contains a 24-hour glass ring, with light blue to indicate daytime and dark blue to indicate night. The vision of Earth is created on a grade. This has been laser-ablated to create the blue ocean, leaving a relief of the continents. The contrasting colours of the Earth’s surface are obtained naturally by the laser’s chemical reaction.\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\u003e21 mm\u003c\/dd\u003e\n \u003cdt\u003eLug‑to‑lug \u003c\/dt\u003e\n\u003cdd\u003e50,30 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e14,12 mm\u003c\/dd\u003e\n \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e43 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\u003eBlue\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\u003e121 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\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\u003eRubber strap\u003c\/dd\u003e\n \u003cdt\u003eType of Clasp\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp with comfort setting and diver extension\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":45983922356303,"sku":null,"price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omegaseamasteraquaterrachronometer.png?v=1782770731"},{"product_id":"seamaster-diver-300m-42-mm-steel-on-steel","title":"Seamaster Diver 300M 42 mm Steel on Steel","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 a Legend\u003c\/h2\u003e\n \u003cp\u003eSince 1993, the Seamaster Diver 300M has enjoyed a legendary following. For today’s modern collection, OMEGA has embraced that famous ocean heritage and updated it with the brand's most advanced innovation and design.\u003c\/p\u003e\n\u003c\/div\u003e\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\/omegaseamasterdiver300m_e77efbf0-b86c-441e-9e8d-aefd9094b83d.png?v=1760987937\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omegaseamasterdiver300m42mm_6d2e4a98-9c65-4507-aba0-b95d073624d1.png?v=1760987939\" alt=\"Seamaster Diver 300M 42 mm Steel on Steel\"\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\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" 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 watchmaking material for creating exterior parts, offering beauty, strength, and good value for money. OMEGA uses 316L stainless steel.\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-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n \u003ch3\u003eAluminium\u003c\/h3\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"material-content\"\u003e\n \u003cp\u003eAluminum is lightweight and ideal for decorative components. Through anodization, it allows for a wide range of colors on bezels, dials, and hands. OMEGA has developed a special process that makes its bezels nearly twice as hard as standard ones, providing greater resistance to scratches and external 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\/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 anti-reflective treatment and high scratch resistance. Produced through the Verneuil process, which melts the raw material until it crystallizes, it reaches a hardness of 9 on the Mohs scale, making it nearly scratch-proof and ensuring perfect clarity of 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=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\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\"\u003eMoviment\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\/watch-calibre-8806_0a8b3509-4170-4e7d-8baa-0c8cd3f7a024.png?v=1760629473\" 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, two barrels mounted in series, automatic winding in both directions. Time zone function. Special luxury finish with rhodium-plated rotor and bridges 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. For today’s modern collection, OMEGA has embraced that famous ocean heritage and updated it with the brand'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 features rhodium plated skeletonized hands and indexes that are filled with white Super-LumiNova. The colour orange is used for the central seconds hand, the four quarter indexes, and Seamaster name, while the OMEGA logo is 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, Screw-in crown, Transparent case back.\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\u003e47,90 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e13,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\u003eSapphire Crystal\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\u003e108 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\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\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp\u003c\/dd\u003e\n \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":45983940575311,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omegaseamasterdiver3.png?v=1782771193"},{"product_id":"seamaster-aqua-terra-150m-41-mm-on-rubber-bracelet","title":"Seamaster Aqua Terra 150M 41 mm on Rubber Bracelet","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\u003eElegance Meets the Ocean\u003c\/h2\u003e\n \u003cp\u003eThe Seamaster Aqua Terra is a superb tribute to OMEGA’s rich maritime heritage. In this 41mm model, the symmetrical case has been crafted from stainless steel, with a wave-edged design featured on the back.\u003c\/p\u003e\n\u003c\/div\u003e\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\/seamaster-aqua-terra-gents-collection-16.png?v=1760986988\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/seamaster-aqua-terra-gents-collection.png?v=1760986988\" alt=\"Seamaster Aqua Terra 150M 41 mm on Rubber Bracelet\"\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\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" 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 watchmaking material for creating exterior parts, offering beauty, strength, and good value for money. OMEGA uses 316L stainless steel.\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-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n \u003ch3\u003eAluminium\u003c\/h3\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"material-content\"\u003e\n \u003cp\u003eAluminum is lightweight and ideal for decorative components. Through anodization, it allows for a wide range of colors on bezels, dials, and hands. OMEGA has developed a special process that makes its bezels nearly twice as hard as standard ones, providing greater resistance to scratches and external 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\/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 anti-reflective treatment and high scratch resistance. Produced through the Verneuil process, which melts the raw material until it crystallizes, it reaches a hardness of 9 on the Mohs scale, making it nearly scratch-proof and ensuring perfect clarity of 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=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\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\"\u003eMoviment\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-ca.png?v=1757940235\" alt=\"Calibre Omega 8900\"\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, two barrels mounted in series, automatic winding in both directions. Time zone function. Special luxury finish with rhodium-plated rotor and bridges 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\u003eThe Seamaster Aqua Terra is a superb tribute to OMEGA’s rich maritime heritage. In this 41mm model, the symmetrical case has been crafted from stainless steel, with a wave-edged design featured on the back.\u003c\/p\u003e\n \u003cp\u003eThe blue dial is sun-brushed and is distinguished by a horizontal “teak” pattern, which is inspired by the wooden decks of luxury sailboats. There is also a date window at 6 o'clock and rhodium-plated hands and indexes filled with white Super-LumiNova.\u003c\/p\u003e\n \u003cp\u003ePresented on a blue structured rubber strap with grey stitching, this timepiece is powered by automatic calibre.\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, Screw-in crown, Transparent case back.\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\u003e47,90 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e13,20 mm\u003c\/dd\u003e\n \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e41 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\u003eBlue\u003c\/dd\u003e\n \u003cdt\u003eGlass\u003c\/dt\u003e\n\u003cdd\u003eSapphire Crystal\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\u003e108 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\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\u003eStrap\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eStrap typel\u003c\/dt\u003e\n\u003cdd\u003eRubber strap\u003c\/dd\u003e\n \u003cdt\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp\u003c\/dd\u003e\n \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":45983946178639,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega-seamaster-aqua-terra.png?v=1782771619"},{"product_id":"seamaster-diver-300m-james-bond-60th-anniversary-42mm-on-steel","title":"Seamaster Diver 300M James Bond 60th Anniversary 42mm on Steel","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\u003eCelebrating 60 Years of Bond\u003c\/h2\u003e\n \u003cp\u003eLaunched in 2022, to celebrate 60 years of James Bond, this 42mm Seamaster Diver 300M in stainless steel, has a blue oxalic anodized aluminium dial, with laser engraved waves, inspired by the Seamaster Diver 300M worn by James Bond in 1995’s GoldenEye. A commemorative 60 replaces the diving scale’s traditional inverted triangle.\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\/b63933b7bc7d4ae498021210dc1bc19d.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\u003eThe iconic movie opening sequence, featuring Bond in silhouette and spinning gun barrel, plays out on the caseback, beneath a sapphire crystal decorated with micro-structured metallisation. The “moiré” effect animation is linked to the spinning of the lollipop seconds hand.\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\/omega-seamaster-diver-300m-co-axial-m.png?v=1760638614\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-se-amaster-diver-300m_ddb38344-199d-48d7-936c-1484f87e3c1f.png?v=1760638612\" alt=\"Seamaster Diver 300M James Bond 60th Anniversary 42mm on Steel\"\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\/watch-calibre-8806_0a8b3509-4170-4e7d-8baa-0c8cd3f7a024.png?v=1760629473\" 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\u003eLaunched in 2022, to celebrate 60 years of James Bond, this 42mm Seamaster Diver 300M in stainless steel, has a blue oxalic anodized aluminium dial, with laser engraved waves, inspired by the Seamaster Diver 300M worn by James Bond in 1995’s GoldenEye. A commemorative 60 replaces the diving scale’s traditional inverted triangle.\u003c\/p\u003e\n \u003cp\u003eThe iconic movie opening sequence, featuring Bond in silhouette and spinning gun barrel, plays out on the caseback, beneath a sapphire crystal decorated with micro-structured metallisation. The “moiré” effect animation is linked to the spinning of the lollipop seconds hand.\u003c\/p\u003e\n \u003cp\u003eAdding texture to the metallic look is a brushed stainless steel bracelet, in the same elegant mesh style as Bond’s watch in No Time To Die.\u003c\/p\u003e\n \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,93 mm\u003c\/dd\u003e\n \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e14,26 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\u003eBlue\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\u003e156 g\u003c\/dd\u003e\n \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\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 with comfort setting and diver extension\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":45983954206799,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/omega-seamaster-diver-300m-co-axial-mas.png?v=1782772131"}],"url":"https:\/\/borneeusa.com\/collections\/frontpage.oembed?page=6","provider":"Bornee","version":"1.0","type":"link"}