{"product_id":"t-h-carrera-black-41-mm-steel","title":"T. H. Carrera Black 41 mm Steel","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL \"PRINCIPAIS MATERIAIS\" (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO \"MOVIMENTO\" ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eBorn for Performance\u003c\/h2\u003e\n  \u003cp\u003eDynamic and bold, this 41mm TAG Heuer Carrera channels the Maison's racing DNA through a striking black dial with a subtle red outer ring. A daring interpretation of precision and contrast, bringing the timeless tradition of motorsport into sharp, modern focus.\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\/d7e91168603642d99225dc67f3b8f1d4.mp4\" type=\"video\/mp4\"\u003e\n    Your browser does not support HTML5 video.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eThe tricompax look, enhanced by lacquered red hands, provides instant legibility. Beneath the exclusive Glassbox sapphire crystal and 3D flange, the circular brushed black dial and tachymeter scale frame the \"azurage\" counters with depth and clarity. Every detail captures the emotion of racing.\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\/CBS21144.png?v=1786731777\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBS21144.png?v=1786731777\" alt=\"TAG Heuer Carrera Black 41mm Steel\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDynamic and bold, this 41mm TAG Heuer Carrera channels the Maison's racing DNA through a striking black dial with a subtle red outer ring. A daring interpretation of precision and contrast, bringing the timeless tradition of motorsport into sharp, modern focus.\u003c\/p\u003e\n        \u003cp\u003eThe tricompax look, enhanced by lacquered red hands, provides instant legibility. Beneath the exclusive Glassbox sapphire crystal and 3D flange, the circular brushed black dial and tachymeter scale frame the \"azurage\" counters with depth and clarity. Every detail captures the emotion of racing.\u003c\/p\u003e\n        \u003cp\u003eThe seven-row steel bracelet, inspired by TAG Heuer's iconic beads-of-rice design, combines flexibility with sophistication. Featured on the case back, the Victory Crown engraving remains a lasting symbol of achievement and good luck — the finishing touch on this symbol of performance and success.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAutomatic, 41mm, Steel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DATA\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n        \n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e41 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eDial colour\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n          \u003cdt\u003eMovement\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBracelet colour\u003c\/dt\u003e\n\u003cdd\u003eSilver\u003c\/dd\u003e\n          \u003cdt\u003eBuckle type\u003c\/dt\u003e\n\u003cdd\u003eFolding buckle – finely brushed steel\u003c\/dd\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"TAG Heuer","offers":[{"title":"Default Title","offer_id":46004088537148,"sku":"T. H. Carrera Black 41 mm Steel","price":240.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/PRINCIPAL_0ef4ebe1-2cfd-4714-8359-d097c523964e.png?v=1786732486","url":"https:\/\/www.bornee.com\/products\/t-h-carrera-black-41-mm-steel","provider":"Bornee","version":"1.0","type":"link"}