{"title":"Best-Sellers","description":null,"products":[{"product_id":"t-h-formula-1-senna","title":"T. H. Formula 1 Senna","description":"\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px;\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; }\n\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  @supports not(selector(:has(*))) {\n    \/* fallback sem :has *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eTAG Heuer Formula 1 Senna\u003c\/h2\u003e\n  \u003cp\u003eInspired by the dominant style of racing legend Ayrton Senna, this 44mm chronograph is a Special Edition featuring the original red colour of Senna's watch, continuing to pay tribute to the master of speed.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1e237dca573e42e886330dc00c63843c.mp4\" type=\"video\/mp4\"\u003e\n    Your browser does not support HTML5 video.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eThe red colour of this Special Edition is a reference to Ayrton Senna's original watch, which also featured red details on the dial. The overall look of the TAG Heuer Senna Special Edition is a very elegant combination of red, anthracite and black, in keeping with the design codes of Senna's iconic S.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CAZ201D-BA0633_USP1.png?v=1764533108\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CAZ201D-BA0633_12-_1.png?v=1764533172\" alt=\"TAG Heuer Formula 1 Senna\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eTo honour Ayrton's legacy, TAG Heuer continues its quest to create the perfect Formula 1 watch, the one the legendary driver would have loved to wear on his wrist.\u003c\/p\u003e\n        \u003cp\u003eThe red colour of this Special Edition is a reference to Ayrton Senna's original watch, which also featured red details on the dial. The overall look of the TAG Heuer Senna Special Edition is a very elegant combination of red, anthracite and black, in keeping with the design codes of Senna's iconic S.\u003c\/p\u003e\n        \u003cp\u003eThis contemporary reissue is inspired by the first TAG Heuer chronograph watch worn by Ayrton Senna and his famous S\/EL bracelet: highly shock-resistant, the bracelet has a folding clasp with a rider extension that fits over the sleeve of a racing suit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eQuartz, 44mm, Steel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DATA\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eDial colour\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n          \u003cdt\u003eGlass\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n          \u003cdt\u003eMovement\u003c\/dt\u003e\n\u003cdd\u003eQuartz\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBracelet colour\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eClasp type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp\u003c\/dd\u003e\n          \u003cdt\u003eClasp material\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":55028704084267,"sku":null,"price":185.35,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/3535\/2107\/files\/CAZ201D-BA0633_0913.png?v=1786974994"},{"product_id":"seamaster-diver-300m-james-bond-60th-anniversary-42mm-on-steel","title":"Seamaster Diver 300M James Bond 60th Anniversary 42mm + FREE Extra NATO Strap","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eCelebrating 60 Years of Bond\u003c\/h2\u003e\n  \u003cp\u003eLaunched in 2022, to celebrate 60 years of James Bond, this 42mm Seamaster Diver 300M in stainless steel, has a blue oxalic anodized aluminium dial, with laser engraved waves, inspired by the Seamaster Diver 300M worn by James Bond in 1995’s GoldenEye. A commemorative 60 replaces the diving scale’s traditional inverted triangle.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b63933b7bc7d4ae498021210dc1bc19d.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eThe iconic movie opening sequence, featuring Bond in silhouette and spinning gun barrel, plays out on the caseback, beneath a sapphire crystal decorated with micro-structured metallisation. The “moiré” effect animation is linked to the spinning of the lollipop seconds hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-seamaster-diver-300m-co-axial-m.png?v=1760638614\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-se-amaster-diver-300m_ddb38344-199d-48d7-936c-1484f87e3c1f.png?v=1760638612\" alt=\"Seamaster Diver 300M James Bond 60th Anniversary 42mm on Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003eMain Materials\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-stainless_steel_small_39a3d26f-90c6-44dc-a635-3554fea26066.jpg?v=1760627376\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eStainless Steel\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eStainless steel is certainly the most conventional of watchmaking materials for outer craftsmanship, and offers beauty, strength and affordability. OMEGA uses 316L stainless steel. Known for its corrosion-resistance and high lustre after polishing, this material is often the ideal choice for watches in both daily-use and high-stress situations such as diving and adventure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-aluminium_small_04a16e6f-4c0f-44fb-8a27-580ff209a3f8.avif?v=1760629363\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAluminium\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eAluminium has the advantage of being a truly lightweight material used for decorative components. Through anodisation, it offers an extensive range of colours for the creation of eye-catching watch parts such as bezel rings, applied elements on the dial, and hands. In particular, OMEGA’s special anodisation process has achieved aluminium bezel rings that are nearly double as hard as regular versions, therefore making them more resistant to outer damage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-sapphire_crystal_small_24de59b1-299d-4357-ae41-a5d4d36523d6.jpg?v=1760627376\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eSapphire Crystal\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eTo really appreciate the finer details of a timepiece, OMEGA uses synthetic sapphire crystal with a highly scratch-resistant and anti-reflective treatment. Before the machining and finishing processes take place, the sapphire crystals are produced under the Verneuil process, also called flame fusion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Go to Stainless Steel\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Go to Aluminium\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Go to Sapphire Crystal\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovement\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomatic\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/watch-calibre-8806_0a8b3509-4170-4e7d-8baa-0c8cd3f7a024.png?v=1760629473\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Self-winding movement, resistant to magnetic fields reaching 15,000 gauss. Free sprung-balance with silicon balance spring, automatic winding in both directions. Rhodium plated finish with Geneva waves in arabesque.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eLaunched in 2022, to celebrate 60 years of James Bond, this 42mm Seamaster Diver 300M in stainless steel, has a blue oxalic anodized aluminium dial, with laser engraved waves, inspired by the Seamaster Diver 300M worn by James Bond in 1995’s GoldenEye. A commemorative 60 replaces the diving scale’s traditional inverted triangle.\u003c\/p\u003e\n        \u003cp\u003eThe iconic movie opening sequence, featuring Bond in silhouette and spinning gun barrel, plays out on the caseback, beneath a sapphire crystal decorated with micro-structured metallisation. The “moiré” effect animation is linked to the spinning of the lollipop seconds hand.\u003c\/p\u003e\n        \u003cp\u003eAdding texture to the metallic look is a brushed stainless steel bracelet, in the same elegant mesh style as Bond’s watch in No Time To Die.\u003c\/p\u003e\n      \n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnetic, Date, Unidirectional rotating bezel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DATA\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBetween lugs\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eLug‑to‑lug \u003c\/dt\u003e\n\u003cdd\u003e49,93 mm\u003c\/dd\u003e\n          \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e14,26 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eDial colour\u003c\/dt\u003e\n\u003cdd\u003eBlue\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal product weight\u003c\/dt\u003e\n\u003cdd\u003e156 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n          \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eSelf winding\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eType of Clasp\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp with comfort setting and diver extension\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":55028705427755,"sku":null,"price":135.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/3535\/2107\/files\/omega-seamaster-diver-300m-co-axial-mas.png?v=1786974996"},{"product_id":"speedmaster-moonwatch-professional-42-mm-steel","title":"Speedmaster Moonwatch Professional 42 mm Steel","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eThe Spirit of Exploration\u003c\/h2\u003e\n  \u003cp\u003eThe Speedmaster Moonwatch is one of the world’s most iconic timepieces. Having been a part of all six moon landings, the legendary chronograph is an impressive representation of the brand’s adventurous pioneering spirit.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e64c6bf984524d6b9dac2542bd2b5198.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003ePresented on a polished-brushed bracelet, this 42 mm Moonwatch in stainless steel features sapphire crystal glass on the front as well as on the caseback.\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-speedmaster-moonwatch-professional-co-axial-master-cx.png?v=1761061713\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-speedmaster-moonwatch-professional-co-axial.png?v=1761061713\" alt=\"Speedmaster Moonwatch Professional 42 mm Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003eMain Materials\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-stainless_steel_small_39a3d26f-90c6-44dc-a635-3554fea26066.jpg?v=1760627376\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eStainless Steel\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eStainless steel is certainly the most conventional of watchmaking materials for outer craftsmanship, and offers beauty, strength and affordability. OMEGA uses 316L stainless steel. Known for its corrosion-resistance and high lustre after polishing, this material is often the ideal choice for watches in both daily-use and high-stress situations such as diving and adventure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-aluminium_small_04a16e6f-4c0f-44fb-8a27-580ff209a3f8.avif?v=1760629363\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAluminium\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eAluminium has the advantage of being a truly lightweight material used for decorative components. Through anodisation, it offers an extensive range of colours for the creation of eye-catching watch parts such as bezel rings, applied elements on the dial, and hands. In particular, OMEGA’s special anodisation process has achieved aluminium bezel rings that are nearly double as hard as regular versions, therefore making them more resistant to outer damage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-sapphire_crystal_small_24de59b1-299d-4357-ae41-a5d4d36523d6.jpg?v=1760627376\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eSapphire Crystal\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eTo really appreciate the finer details of a timepiece, OMEGA uses synthetic sapphire crystal with a highly scratch-resistant and anti-reflective treatment. Before the machining and finishing processes take place, the sapphire crystals are produced under the Verneuil process, also called flame fusion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Go to Stainless Steel\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Go to Aluminium\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Go to Sapphire Crystal\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovement\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomatic\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/watch-calibre.png?v=1761062008\" alt=\"Calibre Omega 3861\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Manual-winding chronograph movement resistant to magnetic fields reaching 15,000 gauss. Free-sprung balance with silicon balance spring. Rhodium-plated finish, bridges with straight Geneva waves.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eThe Speedmaster Moonwatch is one of the world’s most iconic timepieces. Having been a part of all six moon landings, the legendary chronograph is an impressive representation of the brand’s adventurous pioneering spirit.\u003c\/p\u003e\n        \u003cp\u003ePresented on a polished-brushed bracelet, this 42 mm Moonwatch in stainless steel features sapphire crystal glass on the front as well as on the caseback. Inspired by the 4th generation Speedmaster style worn on the moon, it also includes an asymmetrical case, a white lacquered step dial with applied OMEGA logo and indexes, Moonwatch style hands, and the famous dot over 90 on the black anodised aluminium bezel ring.\u003c\/p\u003e\n        \u003cp\u003eThe watch is driven by the OMEGA Co-Axial Master Chronometer Calibre 3861, which powers the small seconds sub-dial, 30-minute recorder and 12-hour recorder, along with the central chronograph function.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnetic, Date, Unidirectional rotating bezel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DATA\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBetween lugs\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eLug‑to‑lug \u003c\/dt\u003e\n\u003cdd\u003e47,50 mm\u003c\/dd\u003e\n          \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e13,18 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eDial colour\u003c\/dt\u003e\n\u003cdd\u003eBlack and White\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal product weight\u003c\/dt\u003e\n\u003cdd\u003e140 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 3861\u003c\/dd\u003e\n          \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eManual‑winding\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eType of Clasp\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Black","offer_id":55033021268267,"sku":null,"price":165.0,"currency_code":"GBP","in_stock":true},{"title":"White","offer_id":55033021301035,"sku":null,"price":165.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/3535\/2107\/files\/omega-speedmaster-moonwatch-professional.png?v=1786974997"},{"product_id":"seamaster-diver-300m-007-edition-42-mm","title":"Seamaster Diver 300M 007 Edition 42 mm + FREE Extra NATO Strap","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eThe Bond Legacy\u003c\/h2\u003e\n  \u003cp\u003eIdentical to 007’s watch in No Time To Die, this 42 mm Seamaster, in steel — strong yet lightweight — features a brown tropical aluminium bezel ring and a dial in the same shade.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2ffd3edb7977441496377999a4f6c864.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eSlightly slimmer than the standard Diver 300M models, thanks to the domed sapphire crystal glass, it is presented on a steel bracelet with an innovative adjustable clasp..\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omegaseamasterdiver300maxialmasterchronometer4.png?v=1761068811\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omegaseamasterdiver300c_7e2a8788-34d9-4600-ab93-55737f107cf9.png?v=1761068812\" alt=\"Seamaster Diver 300M 007 Edition 42 mm\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003eMain Materials\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-stainless_steel_small_39a3d26f-90c6-44dc-a635-3554fea26066.jpg?v=1760627376\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eStainless Steel\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eStainless steel is certainly the most conventional of watchmaking materials for outer craftsmanship, and offers beauty, strength and affordability. OMEGA uses 316L stainless steel. Known for its corrosion-resistance and high lustre after polishing, this material is often the ideal choice for watches in both daily-use and high-stress situations such as diving and adventure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-aluminium_small_04a16e6f-4c0f-44fb-8a27-580ff209a3f8.avif?v=1760629363\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAluminium\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eAluminium has the advantage of being a truly lightweight material used for decorative components. Through anodisation, it offers an extensive range of colours for the creation of eye-catching watch parts such as bezel rings, applied elements on the dial, and hands. In particular, OMEGA’s special anodisation process has achieved aluminium bezel rings that are nearly double as hard as regular versions, therefore making them more resistant to outer damage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-sapphire_crystal_small_24de59b1-299d-4357-ae41-a5d4d36523d6.jpg?v=1760627376\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eSapphire Crystal\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eTo really appreciate the finer details of a timepiece, OMEGA uses synthetic sapphire crystal with a highly scratch-resistant and anti-reflective treatment. Before the machining and finishing processes take place, the sapphire crystals are produced under the Verneuil process, also called flame fusion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Go to Stainless Steel\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Go to Aluminium\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Go to Sapphire Crystal\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovement\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomatic\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/watchcalibre8806.png?v=1761059570\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Self-winding movement with Co-Axial escapement. Resistant to magnetic fields reaching 15,000 gauss. Free sprung-balance with silicon balance spring, automatic winding in both directions. Rhodium plated finish with Geneva waves in arabesque.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eIdentical to 007’s watch in No Time To Die, this 42 mm Seamaster, in steel — strong yet lightweight — features a brown tropical aluminium bezel ring and a dial in the same shade\u003c\/p\u003e\n        \u003cp\u003eSlightly slimmer than the standard Diver 300M models, thanks to the domed sapphire crystal glass, it is presented on a steel bracelet with an innovative adjustable clasp.\u003c\/p\u003e\n        \u003cp\u003eThe 007-edition Diver is powered automatic which has achieved the industry’s highest standards of precision, chronometric performance - and of course - magnetic resistance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnetic Unidirectional rotating bezel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DATA\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBetween lugs\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eLug‑to‑lug \u003c\/dt\u003e\n\u003cdd\u003e49,60 mm\u003c\/dd\u003e\n          \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e12,99 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eDial colour\u003c\/dt\u003e\n\u003cdd\u003eBrown\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal product weight\u003c\/dt\u003e\n\u003cdd\u003e93 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n          \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eSelf winding\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eType of Clasp\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":55028705919275,"sku":null,"price":135.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/3535\/2107\/files\/omegaseamasterdiver300m.png?v=1786974998"},{"product_id":"speedmaster-dark-side-of-the-moon-apollo-8","title":"Speedmaster Dark Side of the Moon Apollo 8","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eBorn for the Moon\u003c\/h2\u003e\n  \u003cp\u003eAs a part of all six moon landings in history, the legendary OMEGA Speedmaster is a true icon of space as well as OMEGA’s pioneering spirit.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/649743fbb0c749d489dd7b274d3c551f.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eIn this 44.25 mm model, the Speedmaster’s history aboard the Apollo 8 mission is celebrated through the blackened movement, which is laser-ablated on the main plate and bridges to represent the moon’s surface. The near side can be seen through the skeletonized black anodised aluminium dial, while the far side can be seen through the caseback.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/backpp-speedmaster.png?v=1761069645\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/backpp-speedmaster-darksideofthemoon_8d3a9fac-4497-4301-aaff-d7adfc36c469.png?v=1761069645\" alt=\"Speedmaster Dark Side of the Moon Apollo 8\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003eMain Materials\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-stainless_steel_small_39a3d26f-90c6-44dc-a635-3554fea26066.jpg?v=1760627376\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eStainless Steel\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eStainless steel is certainly the most conventional of watchmaking materials for outer craftsmanship, and offers beauty, strength and affordability. OMEGA uses 316L stainless steel. Known for its corrosion-resistance and high lustre after polishing, this material is often the ideal choice for watches in both daily-use and high-stress situations such as diving and adventure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-aluminium_small_04a16e6f-4c0f-44fb-8a27-580ff209a3f8.avif?v=1760629363\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAluminium\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eAluminium has the advantage of being a truly lightweight material used for decorative components. Through anodisation, it offers an extensive range of colours for the creation of eye-catching watch parts such as bezel rings, applied elements on the dial, and hands. In particular, OMEGA’s special anodisation process has achieved aluminium bezel rings that are nearly double as hard as regular versions, therefore making them more resistant to outer damage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-sapphire_crystal_small_24de59b1-299d-4357-ae41-a5d4d36523d6.jpg?v=1760627376\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eSapphire Crystal\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eTo really appreciate the finer details of a timepiece, OMEGA uses synthetic sapphire crystal with a highly scratch-resistant and anti-reflective treatment. Before the machining and finishing processes take place, the sapphire crystals are produced under the Verneuil process, also called flame fusion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Go to Stainless Steel\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Go to Aluminium\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Go to Sapphire Crystal\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovement\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomatic\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/watch-calibre_8b32b91c-2900-4182-b923-82ca2c3e513b.png?v=1761069644\" alt=\"Calibre Omega 3869\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Manual-winding chronograph movement with Co-Axial escapement. Certified Master Chronometer, approved by METAS, resistant to magnetic fields reaching 15,000 gauss. Moon-relief textured and blackened on the main plate and bridges, with greater lunar detail compared to previous Calibre 1869 thanks to defined laser engraving and contrasting surfaces.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAs a part of all six moon landings in history, the legendary OMEGA Speedmaster is a true icon of space as well as OMEGA’s pioneering spirit.\u003c\/p\u003e\n        \u003cp\u003eIn this 44.25 mm model, the Speedmaster’s history aboard the Apollo 8 mission is celebrated through the blackened movement, which is laser-ablated on the main plate and bridges to represent the moon’s surface. The near side can be seen through the skeletonized black anodised aluminium dial, while the far side can be seen through the caseback.\u003c\/p\u003e\n        \u003cp\u003ePresented on a perforated black rubber strap with yellow rubber interior, the entire watch is black ceramic and includes a varnished yellow chronograph seconds hands and a laser-engraved tachymeter scale on the bezel which is filled with white enamel. The small-seconds subdial (patent pending) also includes a grade 5 titanium hand shaped like the Saturn V rocket. This 3D shape is obtained by laser turning, while the colours are obtained by white varnish, ablation, and laser blackening.\u003c\/p\u003e\n         \u003cp\u003eThe specially decorated movement is the OMEGA Co-Axial Master Chronometer Calibre 3869, while the engravings on the caseback include “APOLLO 8, DEC 1968”, “DARK SIDE OF THE MOON”, “WE’LL SEE YOU ON THE OTHER SIDE”, and \"CO-AXIAL MASTER CHRONOMETER\".\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnetic, Small Seconds\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DATA\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBetween lugs\u003c\/dt\u003e\n\u003cdd\u003e21 mm\u003c\/dd\u003e\n          \u003cdt\u003eLug‑to‑lug \u003c\/dt\u003e\n\u003cdd\u003e50 mm\u003c\/dd\u003e\n          \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e12,97 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e44,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eBlack Ceramic\u003c\/dd\u003e\n          \u003cdt\u003eDial colour\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal product weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 3869\u003c\/dd\u003e\n          \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eManual‑winding\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eRubber strap\u003c\/dd\u003e\n          \u003cdt\u003eType of Clasp\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":55028706115883,"sku":null,"price":147.1,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/3535\/2107\/files\/omega-speedmaster-dark-side-of-the-moon-co-ax.png?v=1786974997"},{"product_id":"speedmaster-57-40-5-mm-steel","title":"Speedmaster '57 40.5 mm Steel","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eA Legacy Among the Stars\u003c\/h2\u003e\n  \u003cp\u003eThe Speedmaster is one of OMEGA’s most iconic timepieces. Having been a part of all six lunar missions, the timepiece is an impressive representation of the brand’s adventurous pioneering spirit.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c7bd9d76de25418981f803332a042a94.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eThis 40.50 mm model, inspired by the legendary 1957 original, features a stainless steel case and a blue dial with rhodium-plated hour markers and “Broad Arrow” hands.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp-_9.png?v=1761080919\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp-_4.png?v=1761080920\" alt=\"Speedmaster '57 40.5 mm Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003eMain Materials\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-stainless_steel_small_39a3d26f-90c6-44dc-a635-3554fea26066.jpg?v=1760627376\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eStainless Steel\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eStainless steel is certainly the most conventional of watchmaking materials for outer craftsmanship, and offers beauty, strength and affordability. OMEGA uses 316L stainless steel. Known for its corrosion-resistance and high lustre after polishing, this material is often the ideal choice for watches in both daily-use and high-stress situations such as diving and adventure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-aluminium_small_04a16e6f-4c0f-44fb-8a27-580ff209a3f8.avif?v=1760629363\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAluminium\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eAluminium has the advantage of being a truly lightweight material used for decorative components. Through anodisation, it offers an extensive range of colours for the creation of eye-catching watch parts such as bezel rings, applied elements on the dial, and hands. In particular, OMEGA’s special anodisation process has achieved aluminium bezel rings that are nearly double as hard as regular versions, therefore making them more resistant to outer damage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/materials-sapphire_crystal_small_24de59b1-299d-4357-ae41-a5d4d36523d6.jpg?v=1760627376\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eSapphire Crystal\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eTo really appreciate the finer details of a timepiece, OMEGA uses synthetic sapphire crystal with a highly scratch-resistant and anti-reflective treatment. Before the machining and finishing processes take place, the sapphire crystals are produced under the Verneuil process, also called flame fusion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Go to Stainless Steel\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Go to Aluminium\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Go to Sapphire Crystal\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovement\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 9906\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0609\/4811\/9612\/files\/watch-calibre-9906.png?v=1761080914\" alt=\"Automatic\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Manual-winding with column wheel and Co-Axial escapement. Resistant to magnetic fields reaching 15,000 gauss. Silicon balance-spring, 2 barrels mounted in series, time zone function.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eThe Speedmaster is one of OMEGA’s most iconic timepieces. Having been a part of all six lunar missions, the timepiece is an impressive representation of the brand’s adventurous pioneering spirit.\u003c\/p\u003e\n        \u003cp\u003eThis 40.50 mm model, inspired by the legendary 1957 original, features a stainless steel case and a blue dial with rhodium-plated hour markers and “Broad Arrow” hands. There is a date window at 6 o’clock, a small seconds subdial at 9 o’clock.\u003c\/p\u003e\n        \u003cp\u003eThe brushed bezel includes a blackened tachymeter scale, while on the caseback, there is a “Speedmaster ‘57” engraving as well as a flat sapphire crystal with an anti-reflective treatment inside.\u003c\/p\u003e\n         \u003cp\u003eThe watch is presented on a matching bracelet with OMEGA’s patented comfort release adjustment system, and is driven by the manual-winding.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnetic, Date\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DATA\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBetween lugs\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eLug‑to‑lug \u003c\/dt\u003e\n\u003cdd\u003e49,64 mm\u003c\/dd\u003e\n          \u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e12,97 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase diameter\u003c\/dt\u003e\n\u003cdd\u003e40,5 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eDial colour\u003c\/dt\u003e\n\u003cdd\u003eBlue\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire\u003c\/dd\u003e\n          \u003cdt\u003eWater resistance\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eTotal product weight\u003c\/dt\u003e\n\u003cdd\u003e134 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n          \u003cdt\u003eMovement Type\u003c\/dt\u003e\n\u003cdd\u003eManual‑winding\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eType of Clasp\u003c\/dt\u003e\n\u003cdd\u003eFoldover clasp\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":55028706148651,"sku":null,"price":208.7,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/3535\/2107\/files\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp.png?v=1786974997"},{"product_id":"t-h-aquaracer-professional-200-date-40mm","title":"T. H. Aquaracer Professional 200 Date 40mm","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eTAG Heuer Aquaracer\nProfessional 200 Date\u003c\/h2\u003e\n  \u003cp\u003eDesigned for high performance and exceptional style, the TAG Heuer Aquaracer is a versatile technical watch that can go anywhere and handle anything.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dd01d5fd64a24580bc093d3e2752cd24.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eThe dial of this TAG Heuer Aquaracer features a black effect finish, with a subtly smoked touch that enhances an already exceptional composition and design.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/WBP21105.png?v=1772569581\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/WBP21107.png?v=1772569581\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDesigned for high performance and exceptional style, the TAG Heuer Aquaracer is a versatile technical watch that can go anywhere and handle anything. Thanks to its remarkable new dial and superior ergonomics, it is built to push boundaries.\u003c\/p\u003e\n        \u003cp\u003eThe dial of this TAG Heuer Aquaracer features a black effect finish, with a subtly smoked finish that enhances an already exceptional composition and design.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAutomatic, 40mm, Steel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DETAILS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n        \n          \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e40 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eBlack\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n          \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n          \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n          \u003cdt\u003eMovement\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eSilver\u003c\/dd\u003e\n          \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eFolding clasp push-buttons\u003c\/dd\u003e\n          \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":55028708606251,"sku":null,"price":240.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/3535\/2107\/files\/Sem-Titulo-1_92d8850a-ecd4-4764-8433-71a1ececc4b3.png?v=1786975006"},{"product_id":"t-h-carrera-extreme-sport-44mm-orange","title":"T. H. Carrera Extreme Sport 44mm Orange","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eTAG Heuer Carrera Extreme Sport\u003c\/h2\u003e\n  \u003cp\u003eFeel the adrenaline of motorsport with the TAG Heuer Carrera, where boldness meets precision.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d5cf43791f0a43729e0d6298c67b1991.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eThe rhodium-plated skeletonised dial features black grained details, while the openworked counters and orange accents echo the pulse of extreme sports.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBU2082-FT6275_USP2.png?v=1772378918\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/CBU2082-FT6275_10002.png?v=1772378918\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIPTION\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eFeel the adrenaline of motorsport with this TAG Heuer Carrera chronograph, where boldness meets precision. The skeletonised dial, a reference to the Maison’s logo, reveals the vibrant mechanics of passion and performance.\u003c\/p\u003e\n        \u003cp\u003eThe rhodium-plated skeletonised dial features black grained details, while the openworked counters and orange accents echo the pulse of extreme sports. Crafted in steel with a black PVD grained recessed side, this 44 mm chronograph is built for resilience both on and off the track.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eFEATURES\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAutomatic, 44mm, Steel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eTECHNICAL DETAILS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n        \n          \u003cdt\u003eCase Diameter\u003c\/dt\u003e\n\u003cdd\u003e40 mm\u003c\/dd\u003e\n          \u003cdt\u003eCase\u003c\/dt\u003e\n\u003cdd\u003eSteel\u003c\/dd\u003e\n          \u003cdt\u003eDial Colour\u003c\/dt\u003e\n\u003cdd\u003eOrange\u003c\/dd\u003e\n          \u003cdt\u003eCrystal\u003c\/dt\u003e\n\u003cdd\u003eScratch-resistant sapphire crystal\u003c\/dd\u003e\n          \u003cdt\u003eWater Resistance\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n          \u003cdt\u003eTotal Weight\u003c\/dt\u003e\n\u003cdd\u003e99 g\u003c\/dd\u003e\n          \u003cdt\u003eMovement\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELET\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eBracelet Colour\u003c\/dt\u003e\n\u003cdd\u003eOrange\u003c\/dd\u003e\n          \u003cdt\u003eBuckle Type\u003c\/dt\u003e\n\u003cdd\u003eDouble Folding Clasp\u003c\/dd\u003e\n          \u003cdt\u003eBuckle Material\u003c\/dt\u003e\n\u003cdd\u003eRubber\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":55028708671787,"sku":null,"price":240.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/3535\/2107\/files\/Sem-Titulo-1.png?v=1786975007"}],"url":"https:\/\/varello.club\/collections\/best-sellers.oembed","provider":"Varello","version":"1.0","type":"link"}