{"title":"TAG Heuer","description":"","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":"t-h-formula-1-senna","title":"T. H. Formula 1 Senna","description":"\n\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;\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\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 .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;\n opacity: 1;\n margin-bottom: 16px;\n }\n\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;\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\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; }\n\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 @supports not(selector(:has(*))) {\n \/* fallback sem :has *\/\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 Formula 1 Senna\u003c\/h2\u003e\n \u003cp\u003eInspired by the dominant style of racing legend Ayrton Senna, this 44mm chronograph is a Special Edition featuring the original red colour of Senna's watch, continuing to pay tribute to the master of speed.\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\/1e237dca573e42e886330dc00c63843c.mp4\" type=\"video\/mp4\"\u003e\n Your browser does not support HTML5 video.\n \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n \u003cp\u003eThe red colour of this Special Edition is a reference to Ayrton Senna's original watch, which also featured red details on the dial. The overall look of the TAG Heuer Senna Special Edition is a very elegant combination of red, anthracite and black, in keeping with the design codes of Senna's iconic S.\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\/CAZ201D-BA0633_USP1.png?v=1764533108\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CAZ201D-BA0633_12-_1.png?v=1764533172\" alt=\"TAG Heuer Formula 1 Senna\"\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\u003eTo honour Ayrton's legacy, TAG Heuer continues its quest to create the perfect Formula 1 watch, the one the legendary driver would have loved to wear on his wrist.\u003c\/p\u003e\n \u003cp\u003eThe red colour of this Special Edition is a reference to Ayrton Senna's original watch, which also featured red details on the dial. The overall look of the TAG Heuer Senna Special Edition is a very elegant combination of red, anthracite and black, in keeping with the design codes of Senna's iconic S.\u003c\/p\u003e\n \u003cp\u003eThis contemporary reissue is inspired by the first TAG Heuer chronograph watch worn by Ayrton Senna and his famous S\/EL bracelet: highly shock-resistant, the bracelet has a folding clasp with a rider extension that fits over the sleeve of a racing suit.\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 DATA\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\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\u003eBlack\u003c\/dd\u003e\n \u003cdt\u003eGlass\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 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\u003eSteel\u003c\/dd\u003e\n \u003cdt\u003eClasp type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp\u003c\/dd\u003e\n \u003cdt\u003eClasp 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","brand":"TAG Heuer","offers":[{"title":"Default Title","offer_id":46146976415823,"sku":null,"price":280.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/8562\/0303\/files\/CAZ201D-BA0633_0913-_1.png?v=1784751326"}],"url":"https:\/\/borneeusa.com\/collections\/tag-heuer.oembed?page=2","provider":"Bornee","version":"1.0","type":"link"}