{"title":"TAG Heuer","description":"\u003cp\u003eA symbol of boldness and excellence, TAG Heuer blends performance, innovation and attitude for those who live on the edge of precision and style.\u003c\/p\u003e","products":[{"product_id":"t-h-carrera-em-couro-42-mm","title":"T. H. Carrera em Couro 42 mm","description":"\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n\u003ch2\u003eA Essência da Alta Relojoaria\u003c\/h2\u003e\n\u003cp\u003eUm Carrera icônico, da deslumbrante pulseira em couro ao mostrador, este relógio refinado de 42 mm reúne as formidáveis credenciais da relojoaria suíça com uma elegância moderna e atemporal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\u003cvideo autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/57313cf48acf4cbab7dc0074d60d1d72.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n\u003cp\u003eSeu mostrador prateado ganha profundidade através dos contrastes cuidadosamente trabalhados e dos sofisticados detalhes, criando uma composição que equilibra presença e discrição. Cada elemento foi pensado para oferecer uma leitura clara e uma estética marcante, mantendo a essência clássica do Carrera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\u003cpicture\u003e \u003c!-- Desktop --\u003e \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/lado_2.png?v=1786734273\"\u003e \u003c!-- Mobile --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/lado_2.png?v=1786734273\" alt=\"TAG Heuer Carrera em Couro 42 mm\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n\u003cdiv class=\"accordion-container\"\u003e\n\u003c!-- DESCRIÇÃO --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cp\u003eUm verdadeiro cronógrafo icônico, da deslumbrante pulseira ao mostrador, este relógio refinado de 42 mm reúne as formidáveis credenciais da relojoaria suíça com uma elegância moderna e atemporal.\u003c\/p\u003e\n\u003cp\u003eSeu mostrador prateado ganha profundidade através dos contrastes cuidadosamente trabalhados e dos sofisticados detalhes, criando uma composição que equilibra presença e discrição. Cada elemento foi pensado para oferecer uma leitura clara e uma estética marcante, mantendo a essência clássica do Carrera.\u003c\/p\u003e\n\u003cp\u003eNo pulso, a pulseira em couro marrom acrescenta uma camada adicional de refinamento, complementando os tons quentes do mostrador. O fecho dobrável em aço proporciona segurança e praticidade, mantendo a estética elegante do conjunto.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- CARACTERÍSTICAS --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cp\u003eAutomático, 42mm, Aço, Couro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cdl class=\"specs-grid\"\u003e\n\u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n\u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n\u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePrata\u003c\/dd\u003e\n\u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n\u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n\u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n\u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- BRACELETE (duas colunas) --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eBRACELETE\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cdl class=\"specs-grid\"\u003e\n\u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003eMarrom\u003c\/dd\u003e\n\u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho desdobrável com botões de acionamento\u003c\/dd\u003e\n\u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eCouro\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":50768061825221,"sku":"5","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/PRINCIPAL_39d7450b-0eaf-418a-84ee-9aecf3a83cbb.png?v=1792588313"},{"product_id":"t-h-carrera-blue-39mm","title":"T. H. Carrera Blue 39mm","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n .video-container {\n position: relative;\n width: 100%;\n padding-top: 56.25%; \/* 16:9 *\/\n overflow: hidden;\n margin-bottom: 20px;\n font-family: 'Montserrat', sans-serif;\n }\n .video-container video {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%; object-fit: cover;\n }\n .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n .image-container img { display: block; width: 100%; height: auto; }\n .image-container h1, .image-container h2, .image-container h3,\n .video-container h1, .video-container h2, .video-container h3 {\n font-family: 'Montserrat', sans-serif; font-weight: 600;\n }\n .image-container p, .video-container p {\n font-family: 'Montserrat', sans-serif; font-weight: 400;\n }\n\n \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n .intro-section {\n max-width: 1100px;\n margin: 28px auto 16px auto;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .intro-section h2 {\n font-size: 28px;\n margin: 0 0 10px 0;\n font-weight: 600;\n }\n .intro-section p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n .after-video-text {\n max-width: 1100px;\n margin: 16px auto 0;\n padding: 0 16px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n }\n .after-video-text p {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 400;\n color: #333;\n }\n\n \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n #materials-carousel-003 {\n width: 100%;\n margin: 60px auto;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n position: relative;\n }\n #materials-carousel-003 h2 {\n font-size: 28px;\n margin: 40px 0;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-align: center;\n font-weight: 600;\n }\n .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n .materials-grid {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth; \/* smooth nos cliques das barras *\/\n padding-bottom: 6px;\n scrollbar-width: none;\n }\n .materials-grid::-webkit-scrollbar { display: none; }\n\n \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n .material-card {\n flex: 0 0 300px;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n background: #fff;\n box-sizing: border-box;\n border: 0;\n }\n .material-card summary {\n list-style: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n outline: none;\n display: block;\n }\n .material-card summary::-webkit-details-marker { display: none; }\n\n .material-card img {\n width: 100%;\n aspect-ratio: 975\/1350;\n object-fit: cover;\n display: block;\n margin-bottom: 10px;\n }\n .material-card h3 {\n font-size: 16px;\n margin: 0 10px 10px 10px;\n text-transform: capitalize;\n text-align: left;\n font-weight: 600;\n }\n\n \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n .material-content {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n margin: 0 10px;\n font-size: 15px;\n color: #444;\n text-align: left;\n transition: max-height .5s ease, opacity .5s ease;\n font-weight: 400;\n }\n .material-content p { margin: 0 0 10px 0; }\n .material-card[open] .material-content {\n max-height: 520px; \/* suporta descrições longas *\/\n opacity: 1;\n margin-bottom: 16px;\n }\n\n \/* Indicadores (barrinhas) clicáveis *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n align-items: center;\n }\n .carousel-indicators a {\n display: block;\n width: 25px;\n height: 3px;\n background: #ddd;\n border-radius: 2px;\n text-indent: -9999px; \/* acessível, mas invisível *\/\n }\n .carousel-indicators a:focus { outline: 2px solid #c00; }\n \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n background: #c00;\n }\n\n \/* ========= BLOCO “MOVIMENTO” ========= *\/\n .movement-section{\n display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n }\n .movement-container{\n max-width:1200px; margin:0 auto; display:grid; gap:22px;\n grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n }\n .movement-head{ grid-area:head; }\n .movement-subtitle{\n font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n }\n .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n .movement-image{ grid-area:image; }\n .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n .movement-desc{\n grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n }\n @media (min-width: 992px){\n .movement-container{\n grid-template-columns: 1fr 1fr;\n grid-template-areas: \"head image\" \"desc image\";\n gap:28px 40px; text-align:left;\n }\n .movement-image{ text-align:right; }\n .movement-image img{ max-width:460px; }\n .movement-desc{ margin:0; font-size:17px; }\n .movement-title{ font-size:32px; }\n }\n\n \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n .accordion-container{ max-width:800px; margin:0 auto; }\n\n .acc-item{\n border-bottom:1px solid #ddd;\n padding: 0;\n }\n .acc-item summary{\n width:100%; background:none; border:none; text-align:left;\n font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n }\n .acc-item summary::-webkit-details-marker{ display:none; }\n .acc-item summary::after{\n content: \"+\"; font-size:20px; transition: transform .3s;\n }\n .acc-item[open] summary::after{ content: \"–\"; }\n\n .acc-content{\n max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n }\n .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n .acc-content p{\n margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n }\n .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n .specs-grid{\n display:grid;\n grid-template-columns:minmax(140px, 1fr) 1fr;\n gap:10px 16px;\n padding:10px 0;\n }\n .specs-grid dt{\n margin:0; font-weight:600; color:#333;\n }\n .specs-grid dd{\n margin:0; color:#444;\n }\n\n \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n @supports not(selector(:has(*))) {\n \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n \u003ch2\u003eA Nova Expressão do Carrera\u003c\/h2\u003e\n \u003cp\u003eCom seu impressionante visual azul TAG Heuer Carrera, esta reinterpretação do mítico Heuer Carrera faz uma declaração de elegância clássica. Apresentando o melhor do icônico Carrera com atualizações técnicas ousadas, este relógio exibe com orgulho seu incrível design.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/57313cf48acf4cbab7dc0074d60d1d72.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\u003eSeguindo perfeitamente a curva do flange para uma legibilidade ultraprecisa, o cristal de safira curvo cobre o layout Tricompax reverso característico do mostrador.\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\/CBS22124_7253cbb0-b809-4dc5-8797-90b5662fac1c.png?v=1786721738\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBS22124_7253cbb0-b809-4dc5-8797-90b5662fac1c.png?v=1786721738\" alt=\"TAG Heuer Carrera Blue 39mm\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eCom seu impressionante visual azul TAG Heuer Carrera, esta reinterpretação do mítico Heuer Carrera faz uma declaração de elegância clássica. Apresentando o melhor do icônico Carrera com atualizações técnicas ousadas, este relógio exibe com orgulho seu incrível design.\u003c\/p\u003e\n \u003cp\u003eSeguindo perfeitamente a curva do flange para uma legibilidade ultraprecisa, o cristal de safira curvo cobre o layout Tricompax reverso característico do mostrador.\u003c\/p\u003e\n \u003cp\u003eApresentando alças mais ergonômicas, a característica caixa em aço tem o fundo da caixa em vidro de safira rosqueado, revelando o Calibre automático.\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\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 39mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e39 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho desdobrável com botões de acionamento\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eCouro\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":50768062021829,"sku":"6","price":95.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/PRINCIPAL_ed140e50-10fa-47cd-9f62-aaa1e2b03f07.png?v=1792588314"},{"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\u003eA afinidade natural da vela com o automobilismo e uma paixão implacável pela precisão e pela velocidade inspiram este TAG Heuer Carrera \"Skipper\" exclusivo. Um ousado tributo à nossa herança náutica transmitida por meio de um padrão de cores diferenciado. Resolutamente icônico.\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\u003eCelebre o fascínio do mar aberto e experimente a combinação perfeita da elegância esportiva com esta nova e resistente pulseira em tecido azul, projetada para dar mais conforto e durabilidade.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eA afinidade natural da vela com o automobilismo e uma paixão implacável pela precisão e pela velocidade inspiram este TAG Heuer Carrera \"Skipper\" exclusivo. Um ousado tributo à nossa herança náutica transmitida por meio de um padrão de cores diferenciado. Resolutamente icônico.\u003c\/p\u003e\n \u003cp\u003eReinterpretando o contador duplo do Heuer Skipper, esta edição náutica apresenta uma impressionante combinação de azul-petróleo, laranja, verde e azul.\u003c\/p\u003e\n \u003cp\u003eCelebre o fascínio do mar aberto e experimente a combinação perfeita da elegância esportiva com esta nova e resistente pulseira em tecido azul, projetada para dar mais conforto e durabilidade.\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\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eQuartzo, 39mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e39 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFivela\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eTecido\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":50768062906565,"sku":"9","price":92.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/principal_c189bfc1-8eb0-429d-966b-d514d9904327.png?v=1792588320"},{"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\u003eAprimore o seu estilo com o TAG Heuer Carrera, um testemunho da emoção do automobilismo. Com seu design arrojado e detalhes em azul, o mostrador esqueletizado deste relógio captura a essência da velocidade e da inovação. Pronto para sair na frente com estilo.\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\u003eO mostrador esqueletizado e finamente escovado apresenta detalhes granulados em preto, um flange azul e pontas laqueadas em azul nos ponteiros vazados que adicionam um toque de dinamismo.\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=\"T. H. Carrera Extreme Sport 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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAprimore o seu estilo com o TAG Heuer Carrera, um testemunho da emoção do automobilismo. Com seu design arrojado e detalhes em azul, o mostrador esqueletizado deste relógio captura a essência da velocidade e da inovação. Pronto para sair na frente com estilo.\u003c\/p\u003e\n \u003cp\u003eO mostrador esqueletizado e finamente escovado apresenta detalhes granulados em preto, um flange azul e pontas laqueadas em azul nos ponteiros vazados que adicionam um toque de dinamismo.\u003c\/p\u003e\n \u003cp\u003eEm aço com lateral rebaixada granulada em PVD preto, este cronógrafo de 44 mm, resistente dentro e fora das pistas.\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\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 44mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho duplo\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eBorracha\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":50768063135941,"sku":"10","price":98.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/principal_8b3d3d9d-a0ec-4ee1-be97-492ec546590b.png?v=1792588318"},{"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\u003eO TAG Heuer Carrera Tourbillon é uma obra-prima que combina a emoção das corridas com a sofisticação da relojoaria de alta qualidade. Seu design esqueletizado, feito com aço é uma afirmação audaciosa de luxo.\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\u003eO mostrador com acabamento NAC, com seu centro preto detalhado e flange em tons de cinza, proporciona uma visão fascinante do coração do relógio, onde a precisão se une à arte do relojoeiro.\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\" alt=\"TAG Heuer Carrera Tourbillon Extreme Sport 44 mm Black\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eO TAG Heuer Carrera Tourbillon é uma obra-prima que combina a emoção das corridas com a sofisticação da relojoaria de alta qualidade. Seu design esqueletizado, feito com aço, é uma afirmação audaciosa de luxo.\u003c\/p\u003e\n \u003cp\u003eO mostrador com acabamento NAC, com seu centro preto detalhado e flange em tons de cinza, proporciona uma visão fascinante do coração do relógio, onde a precisão se une à arte do relojoeiro.\u003c\/p\u003e\n \u003cp\u003eEm uma caixa de 44 mm em aço preto, este relógio ultrarresistente é uma celebração de materiais inovadores e excelência em 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\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 44mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço finamente escovado\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eBorracha\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":50768063168709,"sku":"11","price":94.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/principal_6c9d731f-c48d-44e4-a3c0-aef2182326b0.png?v=1792588321"},{"product_id":"t-h-carrera-x-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\u003eUma autêntica aliança entre dois ícones do design, da qualidade e da inovação para criar esta edição especial 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\u003eUm design esportivo repleto de referências a duas das marcas de luxo mais icônicas e dinâmicas do mundo, mantendo a excelência de ambas sem comprometer a essência de nenhuma, com detalhes em vermelho vibrante e o movimento Quartzo internamente pulsando em seu interior.\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\" alt=\"TAG Heuer Carrera x Porsche 44 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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eUma autêntica aliança entre dois ícones do design, da qualidade e dainovação para criar esta edição especial TAG Heuer Carrera Porsche. Um design esportivo repleto de referências a duas das marcas de luxo mais icônicas e dinâmicas do mundo, mantendo a excelência de ambas sem comprometer a essência de nenhuma, com detalhes em vermelho vibrante e o movimento Quartzo internamente pulsando em seu interior.\u003c\/p\u003e\n \u003cp\u003eO efeito de asfalto do mostrador, criado especialmente para este relógio, expressa perfeitamente a paixão pelas pistas, enquanto os numerais arábicos remetem aos painéis de instrumentos de um autêntico Porsche.\u003c\/p\u003e\n \u003cp\u003eO TAG Heuer Carrera Porsche com caixa de 44 mm vem com uma luxuosa e macia pulseira em couro, com costuras inovadoras que remetem ao interior do 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\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eQuartzo, 44mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço finamento escovado\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCinza\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eCouro\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":50768063365317,"sku":"12","price":89.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/Principal_393be1fa-89ea-4a7e-b9ed-492aa1565c5d.png?v=1792588322"},{"product_id":"t-h-carrera-skipper-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 39 mm\u003c\/h2\u003e\n \u003cp\u003eEmbarque em uma odisseia de luxo com o TAG Heuer Carrera Skipper, uma obra-prima de 39 mm que celebra o legado histórico de navegação da Maison.\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\u003eUma homenagem ao mar aberto, o mostrador azul com acabamento circular escovado combina toques de verde, laranja e a exclusiva cor \"Intrepid\" verde-azulada no indicador de contagem regressiva de regatas.\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 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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eEmbarque em uma odisseia de luxo com o TAG Heuer Carrera Skipper, uma obra-prima de 39 mm que celebra o legado histórico de navegação da Maison.\u003c\/p\u003e\n \u003cp\u003eUma homenagem ao mar aberto, o mostrador azul com acabamento circular escovado combina toques de verde, laranja e a exclusiva cor \"Intrepid\" verde -azulada no indicador de contagem regressiva de regatas.\u003c\/p\u003e\n \u003cp\u003eUma pulseira de tecido azul de alta qualidade protege o relógio, refletindo o espírito robusto e aventureiro da navegação, enquanto a fivela em aço rosé adiciona um toque de elegância.\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\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eQuartzo, 39mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e39 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFivela\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eTecido\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":50768063561925,"sku":"13","price":93.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/Principal_fb8f9353-c002-4d95-bd9b-d0d5b0ef1590.png?v=1792588322"},{"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\u003eAprecie a beleza da aurora boreal com o mostrador escovado com efeito sunray azul e a caixa em aço polido deste 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\u003eO mostrador deste TAG Heuer Aquaracer é preto com efeito , com um acabamento levemente fumê que adiciona uma composição e um design já excepcional.\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\" alt=\"TAG Heuer Aquaracer\nProfessional 200 Date\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAprecie a beleza da aurora boreal com o mostrador escovado com efeito sunray azul e a caixa em aço polido deste TAG Heuer Aquaracer,\u003c\/p\u003e\n \u003cp\u003eO mostrador deste TAG Heuer Aquaracer é azul com efeito, com um acabamento levemente fumê que adiciona uma composição e um design já excepcional.\u003c\/p\u003e\n \u003cp\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 40mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e40 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePrata\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço\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":50768063627461,"sku":"14","price":97.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/Principal_7fc9c703-961c-4aca-b6c7-1419f2b986a3.png?v=1792588323"},{"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\u003eVocê está pronto para enfrentar os desafios mais difíceis com este 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\u003eEm uma estrutura de aço polido e escovado, o bezel unidirecional preto com escala de 60 minutos oferece ergonomia de alta qualidade e uma agradável experiência de rotação.\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\" alt=\"TAG Heuer Aquaracer\nProfessional 300 Date\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eVocê está pronto para enfrentar os desafios mais difíceis com este TAG Heuer Aquaracer Professional 300. Em uma estrutura de aço polido e escovado, o bezel unidirecional preto com escala de 60 minutos oferece ergonomia de alta qualidade e uma agradável experiência de rotação.\u003c\/p\u003e\n \u003cp\u003eRobusto como sempre, o bracelete em aço de três fileiras, com fecho dobrável e botões duplos de segurança, garante um ajuste seguro para suas atividades.\u003c\/p\u003e\n \u003cp\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 42mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePrata\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço\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":50768063856837,"sku":"15","price":91.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/principal.png?v=1792588324"},{"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\u003eRemetendo à beleza subaquática, o mostrador azul escovado com padrão ondulado apresenta ponteiros e índices aplicados brancos, realçados por um ponteiro central laranja vívido para uma visibilidade ideal.\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\u003eA resistente caixa em aço polido e finamente escovado possui um bezel unidirecional com escala de 60 minutos, ergonomia avançada e um agradável som de rotação.\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\" alt=\"TAG Heuer Aquaracer\nProfessional 300 Date\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eRemetendo à beleza subaquática, o mostrador azul escovado com padrão ondulado apresenta ponteiros e índices aplicados brancos, realçados por um ponteiro central laranja vívido para uma visibilidade ideal.\u003c\/p\u003e\n \u003cp\u003eA resistente caixa em aço polido e finamente escovado possui um bezel unidirecional com escala de 60 minutos, ergonomia avançada e um agradável som de rotação.\u003c\/p\u003e\n \u003cp\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 42mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePrata\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço\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":50768064086213,"sku":"16","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WBP5111.png?v=1792588325"},{"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\u003eProjetado para alta performance e estilo excepcional, o TAG Heuer Aquaracer é um relógio técnico, versátil que pode ir a qualquer lugar e realizar de tudo.\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\u003eO mostrador deste TAG Heuer Aquaracer é preto com efeito , com um acabamento levemente fumê que adiciona uma composição e um design já excepcional.\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\" alt=\"TAG Heuer Aquaracer\nProfessional 200 Date\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eProjetado para alta performance e estilo excepcional, o TAG Heuer Aquaracer é um relógio técnico, versátil que pode ir a qualquer lugar e realizar de tudo. Devido ao seu novo mostrador notável e ergonomia superior, é um incentivo para desafiar os limites.\u003c\/p\u003e\n \u003cp\u003eO mostrador deste TAG Heuer Aquaracer é preto com efeito , com um acabamento levemente fumê que adiciona uma composição e um design já excepcional.\u003c\/p\u003e\n \u003cp\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 40mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e40 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePrata\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço\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":50768064348357,"sku":"17","price":95.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/Sem-Titulo-1_f48771cc-a636-4b94-a0fd-be6575a0eb63.png?v=1792588326"},{"product_id":"t-h-carrera-data-black-39-mm","title":"T. H. Carrera Data Black 40 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 Data\u003c\/h2\u003e\n\u003cp\u003eO icônico TAG Heuer Carrera em seu formato mais elegante. Uma projeção do famoso modelo ao seu mais ambicioso refinamento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\u003cvideo autoplay=\"autoplay\" loop=\"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\u003c\/div\u003e\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n\u003cp\u003eCom um grande estilo clássico, este TAG Heuer Carrera de 40 mm e três ponteiros representa o luxo impressionante, pronto para usuários em movimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\u003cpicture\u003e \u003c!-- Desktop --\u003e \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/WBN21109.png?v=1772676904\"\u003e \u003c!-- Mobile --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/Sem-Titulo-2_9bfa47d6-673e-4076-ad9e-61c4a9a39fbe.png?v=1772676905\" alt=\"TAG Heuer Carrera Data Black 39 mm\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n\u003cdiv class=\"accordion-container\"\u003e\n\u003c!-- DESCRIÇÃO --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cp\u003eO icônico TAG Heuer Carrera em seu formato mais elegante. Uma projeção do famoso modelo ao seu mais ambicioso refinamento. A caixa em aço finamente escovado e o mostrador profundamente preto em espiral conferem a este design exclusivo uma aparência urbana emblemática.\u003c\/p\u003e\n\u003cp\u003eCom um grande estilo clássico, este TAG Heuer Carrera de 40 mm e três ponteiros representa o luxo impressionante, pronto para usuários em movimento.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- CARACTERÍSTICAS --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cp\u003eAutomático, 40mm, Aço\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cdl class=\"specs-grid\"\u003e\n\u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e40 mm\u003c\/dd\u003e\n\u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n\u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n\u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n\u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n\u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n\u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- BRACELETE (duas colunas) --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eBRACELETE\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cdl class=\"specs-grid\"\u003e\n\u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePrata\u003c\/dd\u003e\n\u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n\u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço\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":50768064413893,"sku":"18","price":90.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/Sem-Titulo-1_6f3d1d07-55c8-4181-8cfc-8fec18faf447.png?v=1792588327"},{"product_id":"t-h-carrera-extreme-sport-red","title":"T. H. Carrera Extreme Sport 44mm Red","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\u003eSinta a adrenalina do automobilismo com o TAG Heuer Carrera, onde a audácia encontra a precisão. \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\u003eO mostrador esqueletizado revestido em ródio apresenta detalhes granulados em preto, enquanto os contadores vazados e os detalhes em laranja ecoam a pulsação dos esportes radicais.\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\" alt=\"T. H. Carrera Extreme Sport Red\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eSinta a adrenalina do automobilismo com este cronógrafo TAG Heuer Carrera, onde a audácia encontra a precisão. O mostrador esqueletizado, uma referência ao logo da Maison, revela a mecânica vibrante da paixão e da performance.\u003c\/p\u003e\n \u003cp\u003eO mostrador esqueletizado revestido em ródio apresenta detalhes granulados em preto, enquanto os contadores vazados e os detalhes em laranja ecoam a pulsação dos esportes radicais.\u003c\/p\u003e\n \u003cp\u003eEm aço com lateral rebaixada granulada em PVD preto, este cronógrafo de 44 mm, resistente dentro e fora das pistas.\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\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 44mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eVermelho\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003eLaranja\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho duplo\u003c\/dd\u003e\n \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eBorracha\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":50768064446661,"sku":"19","price":96.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/Sem-Titulo-1_65a073e6-7de5-4ad6-88ce-4f9accd65da9.png?v=1792588329"},{"product_id":"t-h-monaco-chronograph","title":"T. H Monaco","description":"\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n\u003ch2\u003eTAG Heuer Monaco\u003c\/h2\u003e\n\u003cp\u003eAbrace a emoção da corrida com este TAG Heuer Monaco azul-escuro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\u003cvideo autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1e237dca573e42e886330dc00c63843c.mp4\" type=\"video\/mp4\"\u003e\n Seu navegador não suporta vídeo em HTML5.\n \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n\u003cp\u003eUma releitura moderna de um design icônico, este relógio combina uma ousada paleta de azul e amarelo com um mostrador esqueletizado contemporâneo — Um ícone carismático e arrojado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\u003cpicture\u003e \u003c!-- Desktop --\u003e \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBL2188-FT6261_USP3.webp?v=1764888048\"\u003e \u003c!-- Mobile --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBL2188-FT6261_USP3.webp?v=1764888048\" alt=\"TAG Heuer Monaco\nChronograph\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n\u003cdiv class=\"accordion-container\"\u003e\n\u003c!-- DESCRIÇÃO --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cp\u003eO mostrador em opalina azul-escura, acentuado com toques amarelos vibrantes, apresenta índices esculpidos brilhantes com Super-LumiNova® azul-claro e uma janela de data luminescente.\u003c\/p\u003e\n\u003cp\u003eA leve, porém robusta, caixa preta com revestimento DLC de 39 mm encontra a aliada perfeita na pulseira de couro azul texturizado e borracha. Adequada para todos os desafios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- CARACTERÍSTICAS --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cp\u003eQuartzo, 39mm, Aço\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cdl class=\"specs-grid\"\u003e\n\u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e39mm\u003c\/dd\u003e\n\u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n\u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n\u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n\u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n\u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n\u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- BRACELETE (duas colunas) --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eBRACELETE\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cdl class=\"specs-grid\"\u003e\n\u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n\u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eBotões do fecho dobrável\u003c\/dd\u003e\n\u003cdt\u003eMaterial da pulseira\u003c\/dt\u003e\n\u003cdd\u003eCouro e Borracha\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":50768066314437,"sku":"25","price":97.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/CBL2188-FT6261_0913.png?v=1792588335"},{"product_id":"t-h-monaco","title":"T. H. MONACO","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 MONACO\u003c\/h2\u003e\n \u003cp\u003eEdição limitada vintage do Monaco original, o primeiro relógio do mundo com caixa quadrada resistente à água e o primeiro cronógrafo automático\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\/c0303488f01f4d6ab7aa42cf9037954c.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\u003e Um divisor de águas no que tange ao design completamente revolucionário e uma lenda do automobilismo por décadas.\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\/CAW211P-FC6356_USP_2.webp?v=1764887369\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CAW211P-FC6356_1000-_2.png?v=1764887363\" alt=\"T. H. Monaco\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eOs elementos inovadores de design estão todos incluídos: mostrador azul com índices em aço horizontais, submostradores em prata para minutos e horas de cronógrafo, data às 6 horas e um ponteiro de cronógrafo vermelho para dar um toque de corrida.\u003c\/p\u003e\n \u003cp\u003eO toque de corrida final fica por conta da pulseira incrivelmente estilosa: couro de bezerro na cor preta com um acabamento especial inspirado no asfalto da pista de corrida.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eAutomático, 39mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e39mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho dobrável\u003c\/dd\u003e\n \u003cdt\u003eMaterial da pulseira\u003c\/dt\u003e\n\u003cdd\u003eCouro\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":50768066347205,"sku":"26","price":91.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/Sem-Titulo-1.png?v=1792588336"},{"product_id":"t-h-formula-1-solargraph","title":"T. H. Formula 1 Solargraph","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 Formula 1 Solargraph\u003c\/h2\u003e\n \u003cp\u003eO TAG Heuer Formula 1 Solargraph, agora em um tamanho versátil de 38 mm, exibe seu encanto enérgico.\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\/3318909e7be340628e181cc5d51d96b7.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\u003e Com movimento a Quartzo e design contemporâneo, ele reinterpreta o relógio original Series 1 com materiais modernos e cores vibrantes, trazendo um relógio dinâmico para a nova geração.\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\/WBY1111-BA0042_USP1.png?v=1764885246\"\u003e\n \u003c!-- Mobile --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/WBY1111-BA0042_0314.png?v=1764885246\" alt=\"T. H. Formula 1 Solargraph\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eO mostrador em opalina branca, com um bezel em TH-Polylight preto e um vibrante flange vermelho, ostenta um visual dinâmico. Ponteiros e índices laqueados em preto com Super-LumiNova® garantem uma visibilidade perfeita durante o dia e à noite.\u003c\/p\u003e\n \u003cp\u003eA caixa de 38 mm, projetada para se adaptar a diversos tamanhos de pulso, é fabricado em aço robusto. Combinando com um bracelete em aço jateado, ela traz um equilíbrio perfeito entre estilo e conforto para uso diário.\u003c\/p\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- CARACTERÍSTICAS --\u003e\n \u003cdetails class=\"acc-item\"\u003e\n \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cp\u003eQuartzo, 38mm, Aço\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\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \n \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e38mm\u003c\/dd\u003e\n \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bars\u003c\/dd\u003e\n \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\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\u003eBRACELETE\u003c\/summary\u003e\n \u003cdiv class=\"acc-content\"\u003e\n \u003cdl class=\"specs-grid\"\u003e\n \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003ePrata\u003c\/dd\u003e\n \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho duplo\u003c\/dd\u003e\n \u003cdt\u003eMaterial da pulseira\u003c\/dt\u003e\n\u003cdd\u003eAço\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":50768067035333,"sku":"27","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WBY1111-BA0042_0913.png?v=1792588337"},{"product_id":"t-h-formula-1-senna","title":"T. H. Formula 1 Senna","description":"\u003cdiv class=\"snx\"\u003e\n\u003cstyle\u003e\n.snx{--red:#e10600;--ink:#111;--muted:#6b6b6b;--card:#f4f4f6;max-width:1120px;margin:0 auto;color:var(--ink);line-height:1.6;font-family:inherit}\n.snx *{box-sizing:border-box}\n.snx img{max-width:100%;height:auto;display:block}\n.snx .eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 10px}\n.snx .hero-eyebrow{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#333;text-align:center;margin:0 0 6px}\n.snx .hero-title{font-family:Georgia,serif;font-size:46px;letter-spacing:.06em;text-align:center;margin:0 0 8px;font-weight:500}\n.snx .hero-sub{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 30px}\n.snx .duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 46px}\n.snx .duo img{width:100%;height:100%;object-fit:cover}\n.snx .intro{max-width:760px;margin:0 auto 30px;text-align:center}\n.snx .intro h2{font-family:Georgia,serif;font-size:26px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;font-weight:500;line-height:1.3}\n.snx .intro p{color:var(--muted);font-size:17px;margin:0}\n.snx .sdiv{display:flex;align-items:center;gap:18px;max-width:420px;margin:40px auto}\n.snx .sdiv:before,.snx .sdiv:after{content:\"\";flex:1;height:1px;background:#d9d9d9}\n.snx .sdiv span{font-family:Georgia,serif;font-style:italic;font-size:30px;color:var(--red);font-weight:700}\n.snx .video{margin:0 0 46px;border-radius:4px;overflow:hidden}\n.snx .video video{width:100%;display:block}\n.snx .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 10px}\n.snx .card{background:var(--card);border-radius:14px;padding:26px 16px;text-align:center}\n.snx .card img{width:46px;height:46px;margin:0 auto 14px;opacity:.8}\n.snx .card b{display:block;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}\n.snx .card span{font-size:13px;color:var(--muted)}\n.snx .sec-head{text-align:center;margin:0 0 30px}\n.snx .sec-head h2{font-size:30px;font-weight:800;margin:6px 0 0}\n.snx .details{display:grid;grid-template-columns:1fr 1fr;gap:30px 26px;margin:0 0 20px}\n.snx .det img{width:100%;border-radius:2px;margin:0 0 14px}\n.snx .det h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:0 0 6px}\n.snx .det p{color:var(--muted);font-size:15px;margin:0}\n.snx .editorial{background:#f3f3f1;border-radius:4px;padding:54px 28px;text-align:center;margin:46px 0}\n.snx .editorial h2{font-size:30px;font-weight:800;margin:0 0 16px}\n.snx .editorial p{color:var(--muted);max-width:680px;margin:0 auto 22px}\n.snx .quote{font-family:Georgia,serif;font-style:italic;font-size:22px;color:var(--ink);max-width:720px;margin:26px auto 6px;line-height:1.5}\n.snx .quote-by{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}\n.snx .edduo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 0}\n.snx .edduo img{width:100%;border-radius:2px}\n.snx .row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:0 0 56px}\n.snx .row.rev .rtext{order:2}\n.snx .row img{width:100%;border-radius:2px}\n.snx .row h3{font-size:30px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;margin:0 0 14px;line-height:1.1}\n.snx .row p{color:var(--muted);font-size:16px;margin:0}\n.snx .dn{background:#0a0a0a;border-radius:4px;overflow:hidden;margin:46px 0;position:relative}\n.snx .dn .dn-stage{position:relative}\n.snx .dn .dn-stage img{width:100%;display:block}\n.snx .dn .night{position:absolute;inset:0;opacity:0;transition:opacity .4s}\n.snx .dn input{position:absolute;opacity:0;pointer-events:none}\n.snx .dn .pill{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;background:rgba(255,255,255,.12);border-radius:999px;padding:4px;z-index:3}\n.snx .dn .pill label{color:#eee;font-size:13px;font-weight:600;padding:7px 20px;border-radius:999px;cursor:pointer;transition:.2s}\n.snx .dn #dn-day:checked~.pill label[for=\"dn-day\"]{background:#fff;color:#111}\n.snx .dn #dn-night:checked~.pill label[for=\"dn-night\"]{background:#fff;color:#111}\n.snx .dn #dn-night:checked~.dn-stage .night{opacity:1}\n.snx .tk{background:#0a0a0a;color:#fff;border-radius:4px;padding:34px;display:flex;align-items:center;justify-content:center;gap:30px;margin:0 0 10px}\n.snx .tk .tk-sep{width:1px;height:48px;background:#333}\n.snx .tk .tk-txt{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#ddd;text-align:center;line-height:1.6}\n.snx .tk .tk-f1{font-family:Georgia,serif;font-weight:800;font-size:34px;letter-spacing:.04em;color:var(--red)}\n@media(max-width:760px){\n.snx .duo,.snx .cards,.snx .details,.snx .edduo,.snx .row{grid-template-columns:1fr}\n.snx .cards{grid-template-columns:1fr 1fr}\n.snx .row.rev .rtext{order:0}\n.snx .hero-title{font-size:30px}\n.snx .intro h2,.snx .sec-head h2,.snx .editorial h2{font-size:22px}\n.snx .row h3{font-size:22px}\n}\n\u003c\/style\u003e\n\u003cp class=\"hero-eyebrow\"\u003eFormula 1\u003c\/p\u003e\n\u003ch1 class=\"hero-title\"\u003eTAG HEUER x SENNA\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eSpecial Edition Chronograph\u003c\/p\u003e\n\u003cdiv class=\"duo\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_6.jpg?v=1793035878\" alt=\"TAG Heuer Formula 1 Senna\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_3.jpg?v=1793035875\" alt=\"Formula 1 Senna on wrist\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro\"\u003e\n \u003ch2\u003eThe Formula 1 Chronograph — Senna Special Edition\u003c\/h2\u003e\n \u003cp\u003eBetween 1988 and 1991, Ayrton Senna took three world championships at the wheel of a McLaren that carried TAG Heuer on its flanks. This chronograph brings that partnership back to the wrist: an anthracite dial, a red-lacquered tachymeter track, and the Senna S set at six o’clock.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sdiv\"\u003e\u003cspan\u003eS\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"video\"\u003e\u003cvideo autoplay loop muted playsinline\u003e\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1e237dca573e42e886330dc00c63843c.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"cards\"\u003e\n \u003cdiv class=\"card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/movement.svg?v=1793035874\" alt=\"\"\u003e\u003cb\u003eMovement\u003c\/b\u003e\u003cspan\u003eCalibre 16 Automatic\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/case.svg?v=1793035874\" alt=\"\"\u003e\u003cb\u003eCase\u003c\/b\u003e\u003cspan\u003e44 mm\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/strap.svg?v=1793035874\" alt=\"\"\u003e\u003cb\u003eStrap \/ Bracelet\u003c\/b\u003e\u003cspan\u003eSteel\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/dial.svg?v=1793035874\" alt=\"\"\u003e\u003cb\u003eDial\u003c\/b\u003e\u003cspan\u003eAnthracite\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sdiv\"\u003e\u003cspan\u003eS\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec-head\"\u003e\n \u003cp class=\"eyebrow\"\u003eThe Details\u003c\/p\u003e\n \u003ch2\u003eEvery element, read at racing speed\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details\"\u003e\n \u003cdiv class=\"det\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_1.jpg?v=1793035875\" alt=\"Dial\"\u003e\u003ch3\u003eThe Dial\u003c\/h3\u003e\n\u003cp\u003eAn anthracite dial with a red-lacquered tachymeter track and the Senna S set at six o’clock — three counters laid out for a clean read on the move.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"det\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_7.jpg?v=1793035875\" alt=\"Night legibility\"\u003e\u003ch3\u003eNight Legibility\u003c\/h3\u003e\n\u003cp\u003eLuminous hands and applied markers hold a steady glow long after dark, so the time stays sharp whenever it is needed.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"det\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_2.jpg?v=1793035875\" alt=\"Engraved caseback\"\u003e\u003ch3\u003eThe Engraved Caseback\u003c\/h3\u003e\n\u003cp\u003eSenna’s helmet is engraved into the steel caseback, ringed by SENNA SPECIAL EDITION and the 200-metre rating — the tribute stated once, on the side nobody sees.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"det\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_4.jpg?v=1793035875\" alt=\"Steel bracelet\"\u003e\u003ch3\u003eThe Steel Bracelet\u003c\/h3\u003e\n\u003cp\u003eFine-brushed links with polished centre rows, closed by a folding clasp with double safety push-buttons. Screw-down crown and caseback keep the water resistance honest under pressure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"editorial\"\u003e\n \u003ch2\u003eThe Legacy of a Champion\u003c\/h2\u003e\n \u003cp\u003eThree world titles, sixty-five pole positions, forty-one victories. Ayrton Senna turned a single qualifying lap into something people still watch decades later — and he did it in an era when the stopwatch, not the sensor, was the measure of a driver.\u003c\/p\u003e\n \u003cp class=\"quote\"\u003e“If you no longer go for a gap that exists, you’re no longer a racing driver.”\u003c\/p\u003e\n \u003cp class=\"quote-by\"\u003e— Ayrton Senna\u003c\/p\u003e\n \u003cdiv class=\"edduo\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_5.jpg?v=1793035875\" alt=\"TAG Heuer Formula 1 Senna\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_9.jpg?v=1793035876\" alt=\"Senna special edition caseback\"\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sec-head\"\u003e\n \u003cp class=\"eyebrow\"\u003eKey Features\u003c\/p\u003e\n \u003ch2\u003eBuilt in tribute to Ayrton Senna\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"rtext\"\u003e\n\u003ch3\u003eExclusive Senna Edition Caseback\u003c\/h3\u003e\n\u003cp\u003eCelebrate racing heritage with a robust stainless steel caseback, engraved with Senna’s helmet and special edition markings. This detail underscores the watch’s exclusivity and enduring strength.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_9.jpg?v=1793035876\" alt=\"Senna edition caseback\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row rev\"\u003e\n \u003cdiv class=\"rtext\"\u003e\n\u003ch3\u003ePrecision-Engineered Clasp\u003c\/h3\u003e\n\u003cp\u003eThe finely brushed steel clasp, engraved with the TAG Heuer logo, ensures secure wear and effortless adjustment. Its robust construction and refined finish embody luxury and reliability.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_4.jpg?v=1793035875\" alt=\"Steel clasp\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dn\"\u003e\n \u003cinput type=\"radio\" name=\"dnmode\" id=\"dn-day\" checked\u003e\n \u003cinput type=\"radio\" name=\"dnmode\" id=\"dn-night\"\u003e\n \u003cdiv class=\"dn-stage\"\u003e\n \u003cimg class=\"day\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_1.jpg?v=1793035875\" alt=\"Day\"\u003e\n \u003cimg class=\"night\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/WhatsApp_Image_2026-08-19_at_16.40.52_7.jpg?v=1793035875\" alt=\"Night\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pill\"\u003e\n \u003clabel for=\"dn-day\"\u003eDay\u003c\/label\u003e\n \u003clabel for=\"dn-night\"\u003eNight\u003c\/label\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tk\"\u003e\n \u003cdiv class=\"tk-f1\"\u003eF1\u003c\/div\u003e\n \u003cdiv class=\"tk-sep\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tk-txt\"\u003eOfficial Timekeeping\u003cbr\u003eHeritage · Formula 1 Racing\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tag Heuer","offers":[{"title":"Default Title","offer_id":50768067100869,"sku":"28","price":95.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9049\/3893\/files\/CAZ201D-BA0633_0913.png?v=1792588338"}],"url":"https:\/\/valmerehours.com\/collections\/tag-heuer.oembed","provider":"Valmere","version":"1.0","type":"link"}