{"title":"Página inicial","description":null,"products":[{"product_id":"relogio-masculino-nomade-curren","title":"Relógio Masculino Nomade Curren","description":"\u003ch3 data-start=\"325\" data-end=\"370\" style=\"text-align: center;\"\u003eEnfrente qualquer desafio com o Nomade\u003c\/h3\u003e\n\u003cp data-start=\"372\" data-end=\"767\"\u003eO \u003cstrong data-start=\"374\" data-end=\"409\"\u003eRelógio Masculino Nomade Curren\u003c\/strong\u003e é mais do que um acessório: é o seu companheiro incansável de jornada. Com um design robusto e resistente, foi feito para acompanhar você em todos os desafios da vida — seja como montanhista conquistando novas alturas ou explorador urbano desvendando os segredos da cidade. O \u003cstrong data-start=\"686\" data-end=\"696\"\u003eNomade\u003c\/strong\u003e combina durabilidade, estilo e presença para homens que nunca param.\u003c\/p\u003e\n\u003cp data-start=\"769\" data-end=\"1045\"\u003e\u003cstrong data-start=\"769\" data-end=\"787\"\u003eEspecificações:\u003cbr\u003e\u003c\/strong\u003e\u003cbr data-start=\"787\" data-end=\"790\"\u003e\u003cstrong data-start=\"790\" data-end=\"800\"\u003eCaixa:\u003c\/strong\u003e 46mm\u003cbr data-start=\"805\" data-end=\"808\"\u003e\u003cstrong data-start=\"808\" data-end=\"822\"\u003eMovimento:\u003c\/strong\u003e Quartz\u003cbr data-start=\"829\" data-end=\"832\"\u003e\u003cstrong data-start=\"832\" data-end=\"855\"\u003eResistência à água:\u003c\/strong\u003e 3 ATM\u003cbr data-start=\"861\" data-end=\"864\"\u003e\u003cstrong data-start=\"864\" data-end=\"877\"\u003ePulseira:\u003c\/strong\u003e Couro\u003cbr data-start=\"883\" data-end=\"886\"\u003e\u003cstrong data-start=\"886\" data-end=\"914\"\u003eComprimento da pulseira:\u003c\/strong\u003e 24cm\u003cbr data-start=\"919\" data-end=\"922\"\u003e\u003cstrong data-start=\"922\" data-end=\"945\"\u003eEspessura da caixa:\u003c\/strong\u003e 12mm\u003cbr data-start=\"950\" data-end=\"953\"\u003e\u003cstrong data-start=\"953\" data-end=\"977\"\u003eLargura da pulseira:\u003c\/strong\u003e 24mm\u003cbr data-start=\"982\" data-end=\"985\"\u003e\u003cstrong data-start=\"985\" data-end=\"995\"\u003eVidro:\u003c\/strong\u003e Hardlex\u003cbr data-start=\"1003\" data-end=\"1006\"\u003e\u003cstrong data-start=\"1006\" data-end=\"1019\"\u003eGarantia:\u003c\/strong\u003e 90 dias pela Aristocrat\u003c\/p\u003e","brand":"Aristocrat","offers":[{"title":"Marrom","offer_id":42147380756578,"sku":"14:366#rose coffee box","price":480.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":42147380789346,"sku":"14:100005979#black box","price":480.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":42147380822114,"sku":"14:201447303#silver black box","price":480.0,"currency_code":"BRL","in_stock":true},{"title":"Preto e Azul","offer_id":42147380854882,"sku":"8781001442037","price":480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/AnyConv.com__Relogio_Masculino_Curren_Nomade_3.webp?v=1759067293"},{"product_id":"relogio-masculino-hannah-martin-classic","title":"Relógio Masculino Hannah Martin Classic","description":"\u003ch3 data-start=\"319\" data-end=\"369\" style=\"text-align: center;\"\u003eEleve seu estilo com distinção incomparável.\u003c\/h3\u003e\n\u003cp data-start=\"371\" data-end=\"659\"\u003eO \u003cstrong data-start=\"373\" data-end=\"416\"\u003eRelógio Masculino Hannah Martin Classic\u003c\/strong\u003e incorpora a verdadeira elegância atemporal, criado para transcender modismos passageiros e se tornar um pilar no seu acervo pessoal. Mais do que um acessório, o \u003cstrong data-start=\"578\" data-end=\"589\"\u003eClassic\u003c\/strong\u003e é uma afirmação do seu gosto refinado e da sua personalidade única.\u003c\/p\u003e\n\u003cp data-start=\"661\" data-end=\"916\"\u003e\u003cstrong data-start=\"661\" data-end=\"679\"\u003eEspecificações:\u003cbr\u003e\u003c\/strong\u003e\u003cbr data-start=\"679\" data-end=\"682\"\u003e\u003cstrong data-start=\"682\" data-end=\"692\"\u003eCaixa:\u003c\/strong\u003e 40mm\u003cbr data-start=\"697\" data-end=\"700\"\u003e\u003cstrong data-start=\"700\" data-end=\"714\"\u003eMovimento:\u003c\/strong\u003e Quartz\u003cbr data-start=\"721\" data-end=\"724\"\u003e\u003cstrong data-start=\"724\" data-end=\"747\"\u003eResistência à água:\u003c\/strong\u003e 3 ATM\u003cbr data-start=\"753\" data-end=\"756\"\u003e\u003cstrong data-start=\"756\" data-end=\"784\"\u003eComprimento da pulseira:\u003c\/strong\u003e 24cm\u003cbr data-start=\"789\" data-end=\"792\"\u003e\u003cstrong data-start=\"792\" data-end=\"815\"\u003eEspessura da caixa:\u003c\/strong\u003e 6,9mm\u003cbr data-start=\"821\" data-end=\"824\"\u003e\u003cstrong data-start=\"824\" data-end=\"848\"\u003eLargura da pulseira:\u003c\/strong\u003e 20mm\u003cbr data-start=\"853\" data-end=\"856\"\u003e\u003cstrong data-start=\"856\" data-end=\"866\"\u003eVidro:\u003c\/strong\u003e Hardlex\u003cbr data-start=\"874\" data-end=\"877\"\u003e\u003cstrong data-start=\"877\" data-end=\"890\"\u003eGarantia:\u003c\/strong\u003e 90 dias pela Aristocrat\u003c\/p\u003e\n\u003c!----\u003e","brand":"Aristocrat","offers":[{"title":"Branco","offer_id":42147382460514,"sku":"14:350686#CH02-FH","price":480.0,"currency_code":"BRL","in_stock":true},{"title":"Branco e Prata","offer_id":42147382493282,"sku":"14:100005979#CB01-YH","price":480.0,"currency_code":"BRL","in_stock":true},{"title":"Preto e Prata","offer_id":42147382526050,"sku":"14:350850#CH02-YH","price":480.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":42147382558818,"sku":"14:100013777#CB01-FH","price":480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/AnyConv.com__RelogioMasculinoClassicoHannahMartin_1.webp?v=1759067371"},{"product_id":"relogio-masculino-aristocrat-pagani-design","title":"Relógio Masculino Aristocrat Pagani Design","description":"\u003ch3 data-start=\"330\" data-end=\"371\" style=\"text-align: center;\"\u003eA expressão máxima da sofisticação\u003c\/h3\u003e\n\u003cp data-start=\"373\" data-end=\"656\"\u003eO \u003cstrong data-start=\"375\" data-end=\"421\"\u003eRelógio Masculino Aristocrat Pagani Design\u003c\/strong\u003e é um verdadeiro símbolo de elegância e distinção. Criado para homens que valorizam o refinamento e a excelência, o \u003cstrong data-start=\"537\" data-end=\"551\"\u003eAristocrat\u003c\/strong\u003e é a escolha ideal para quem busca um acessório que irradia classe e sofisticação em todos os momentos.\u003c\/p\u003e\n\u003cp data-start=\"658\" data-end=\"976\"\u003e\u003cstrong data-start=\"658\" data-end=\"676\"\u003eEspecificações:\u003cbr\u003e\u003c\/strong\u003e\u003cbr data-start=\"676\" data-end=\"679\"\u003e\u003cstrong data-start=\"679\" data-end=\"689\"\u003eCaixa:\u003c\/strong\u003e 36mm\u003cbr data-start=\"694\" data-end=\"697\"\u003e\u003cstrong data-start=\"697\" data-end=\"711\"\u003eMovimento:\u003c\/strong\u003e Automático Mecânico\u003cbr data-start=\"731\" data-end=\"734\"\u003e\u003cstrong data-start=\"734\" data-end=\"757\"\u003eResistência à água:\u003c\/strong\u003e 10 ATM\u003cbr data-start=\"764\" data-end=\"767\"\u003e\u003cstrong data-start=\"767\" data-end=\"792\"\u003eMaterial da pulseira:\u003c\/strong\u003e Aço inoxidável\u003cbr data-start=\"807\" data-end=\"810\"\u003e\u003cstrong data-start=\"810\" data-end=\"838\"\u003eComprimento da pulseira:\u003c\/strong\u003e 22cm\u003cbr data-start=\"843\" data-end=\"846\"\u003e\u003cstrong data-start=\"846\" data-end=\"869\"\u003eEspessura da caixa:\u003c\/strong\u003e 12mm\u003cbr data-start=\"874\" data-end=\"877\"\u003e\u003cstrong data-start=\"877\" data-end=\"901\"\u003eLargura da pulseira:\u003c\/strong\u003e 20mm\u003cbr data-start=\"906\" data-end=\"909\"\u003e\u003cstrong data-start=\"909\" data-end=\"919\"\u003eVidro:\u003c\/strong\u003e Cristal Safira\u003cbr data-start=\"934\" data-end=\"937\"\u003e\u003cstrong data-start=\"937\" data-end=\"950\"\u003eGarantia:\u003c\/strong\u003e 90 dias pela Aristocrat\u003c\/p\u003e\n\u003c!----\u003e","brand":"Aristocrat","offers":[{"title":"Branco","offer_id":42147383378018,"sku":"14:350850#White","price":1980.0,"currency_code":"BRL","in_stock":true},{"title":"Azul","offer_id":42147383410786,"sku":"14:200000080#Blue","price":1980.0,"currency_code":"BRL","in_stock":true},{"title":"Azul Celeste","offer_id":42147383443554,"sku":"14:200005100#Ice Blue","price":1980.0,"currency_code":"BRL","in_stock":true},{"title":"Verde","offer_id":42147383476322,"sku":"14:100013777#Green","price":1980.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/AnyConv.com__Relogio_Masculino_Aristocrat_Pagani_Design_2.webp?v=1759067406"},{"product_id":"relogio-masculino-aristocrat-gold-pagani-design","title":"Relógio Masculino Aristocrat Gold Pagani Design","description":"\u003ch3 data-start=\"395\" data-end=\"444\" style=\"text-align: center;\"\u003eA expressão suprema de luxo e sofisticação\u003c\/h3\u003e\n\u003cp data-start=\"446\" data-end=\"725\"\u003eO \u003cstrong data-start=\"448\" data-end=\"499\"\u003eRelógio Masculino Aristocrat Gold Pagani Design\u003c\/strong\u003e é uma verdadeira obra-prima que une opulência e elegância em cada detalhe. Criado para homens que buscam um acessório sofisticado e imponente, o \u003cstrong data-start=\"645\" data-end=\"664\"\u003eAristocrat Gold\u003c\/strong\u003e reflete o mais alto padrão de luxo em um design atemporal.\u003c\/p\u003e\n\u003cp data-start=\"727\" data-end=\"1045\"\u003e\u003cstrong data-start=\"727\" data-end=\"745\"\u003eEspecificações:\u003cbr\u003e\u003c\/strong\u003e\u003cbr data-start=\"745\" data-end=\"748\"\u003e\u003cstrong data-start=\"748\" data-end=\"758\"\u003eCaixa:\u003c\/strong\u003e 36mm\u003cbr data-start=\"763\" data-end=\"766\"\u003e\u003cstrong data-start=\"766\" data-end=\"780\"\u003eMovimento:\u003c\/strong\u003e Automático Mecânico\u003cbr data-start=\"800\" data-end=\"803\"\u003e\u003cstrong data-start=\"803\" data-end=\"826\"\u003eResistência à água:\u003c\/strong\u003e 10 ATM\u003cbr data-start=\"833\" data-end=\"836\"\u003e\u003cstrong data-start=\"836\" data-end=\"861\"\u003eMaterial da pulseira:\u003c\/strong\u003e Aço inoxidável\u003cbr data-start=\"876\" data-end=\"879\"\u003e\u003cstrong data-start=\"879\" data-end=\"907\"\u003eComprimento da pulseira:\u003c\/strong\u003e 22cm\u003cbr data-start=\"912\" data-end=\"915\"\u003e\u003cstrong data-start=\"915\" data-end=\"938\"\u003eEspessura da caixa:\u003c\/strong\u003e 12mm\u003cbr data-start=\"943\" data-end=\"946\"\u003e\u003cstrong data-start=\"946\" data-end=\"970\"\u003eLargura da pulseira:\u003c\/strong\u003e 20mm\u003cbr data-start=\"975\" data-end=\"978\"\u003e\u003cstrong data-start=\"978\" data-end=\"988\"\u003eVidro:\u003c\/strong\u003e Cristal Safira\u003cbr data-start=\"1003\" data-end=\"1006\"\u003e\u003cstrong data-start=\"1006\" data-end=\"1019\"\u003eGarantia:\u003c\/strong\u003e 90 dias pela Aristocrat\u003c\/p\u003e\n\u003c!----\u003e","brand":"Aristocrat","offers":[{"title":"Preto","offer_id":42147383607394,"sku":"14:100005979#Gold Black","price":1980.0,"currency_code":"BRL","in_stock":true},{"title":"Verde","offer_id":42147383640162,"sku":"14:350686#Gold Green","price":1980.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/AnyConv.com__Relogio_Masculino_Aristocrat_Gold_Pagani_Design.webp?v=1759067412"},{"product_id":"relogio-masculino-nibosi-aeronaut","title":"Relógio Masculino Nibosi Aeronaut","description":"\u003ch3 data-start=\"216\" data-end=\"259\" style=\"text-align: center;\"\u003e\u003cstrong data-start=\"219\" data-end=\"257\"\u003eO tempo elevado a um novo patamar.\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp data-start=\"261\" data-end=\"536\"\u003eMais do que um acessório, o Relógio Masculino Nibosi Aeronaut é um convite para homens que vivem acima do comum. Inspirado na ousadia e no espírito de conquista, ele traduz em cada detalhe a \u003cstrong data-start=\"434\" data-end=\"477\"\u003esofisticação, a confiança e a distinção\u003c\/strong\u003e que só quem sabe o próprio valor pode carregar no pulso.\u003c\/p\u003e\n\u003cp data-start=\"538\" data-end=\"820\"\u003eSeu design marcante e esportivo transmite poder e presença, tornando-se o complemento perfeito para quem não segue tendências — mas as define. \u003c\/p\u003e\n\u003cp data-start=\"1091\" data-end=\"1115\"\u003e\u003cstrong data-start=\"1094\" data-end=\"1113\"\u003eEspecificações:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"1118\" data-end=\"1131\"\u003e\u003cstrong\u003eCaixa: \u003c\/strong\u003e42mm\u003cbr\u003e\u003cstrong\u003eMovimento:\u003c\/strong\u003e Quartz de alta precisão\u003cbr\u003e\u003cstrong\u003eResistência à água: \u003c\/strong\u003e3 ATM\u003cbr\u003e\u003cstrong\u003eComprimento da pulseira:\u003c\/strong\u003e 22cm\u003cbr\u003e\u003cstrong\u003eEspessura da caixa:\u003c\/strong\u003e 11mm\u003cbr\u003e\u003cstrong\u003eLargura da pulseira:\u003c\/strong\u003e 20mm\u003cbr\u003e\u003cstrong\u003eVidro:\u003c\/strong\u003e Hardlex resistente\u003cbr\u003e\u003cstrong\u003eGarantia:\u003c\/strong\u003e 90 dias pela Aristocrat\u003c\/p\u003e","brand":"Aristocrat","offers":[{"title":"Laranja","offer_id":42147385278562,"sku":"14:350686#7;200007009:349907;200007763:201336100","price":480.0,"currency_code":"BRL","in_stock":true},{"title":"Azul","offer_id":42147385311330,"sku":"14:350853#6;200007009:349907;200007763:201336100","price":480.0,"currency_code":"BRL","in_stock":true},{"title":"Verde","offer_id":42147385344098,"sku":"14:100013777#5;200007009:349907;200007763:201336100","price":480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/AnyConv.com__RelogioMasculinoNibosiAquanaut_1.webp?v=1756731803"},{"product_id":"seamaster-diver-300m-007-edition-42-mm-primeira-linha","title":"Seamaster Diver 300M 007 Edition 42 mm [Primeira Linha]","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\u003eSeamaster 007 Sem Tempo para Morrer\u003c\/h2\u003e\n  \u003cp\u003eIdêntico ao relógio de 007 no filme Sem Tempo para Morrer, este Seamaster de 42 mm em aço, leve mas resistente, apresenta um mostrador e luneta em alumínio castanho tropical.\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\/6193cba26ff34220848172d5c36c6372.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\u003eLigeiramente mais fino do que os modelos Diver 300M normais, graças ao acabamento abaulado do vidro de safira, é apresentado com uma bracelete de malha em aço com uma inovadora fivela ajustável.\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\/omegaseamasterdiver300maxialmasterchronometer4.png?v=1757767220\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300c.png?v=1757767165\" 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\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eAs ligas de aço são leves, resistentes à corrosão, inertes e suportam temperaturas extremas, sendo ideais para medicina, aeronaves e naves espaciais. O aço destaca-se pela cor cinzenta suave, especialmente em peças com acabamento escovado.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomático\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre.png?v=1757352968\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eIdêntico ao relógio de 007 no filme Sem Tempo para Morrer, este Seamaster de 42 mm em aço, leve mas resistente, apresenta um mostrador e luneta em alumínio castanho tropical.\u003c\/p\u003e\n        \u003cp\u003eLigeiramente mais fino do que os modelos Diver 300M normais, graças ao acabamento abaulado do vidro de safira, é apresentado com uma bracelete de malha em aço com uma inovadora fivela ajustável.\u003c\/p\u003e\n        \u003cp\u003eO Diver edição 007 é alimentado movimento automático, que alcançou os padrões mais elevados da indústria em termos de precisão, desempenho cronométrico – e naturalmente – resistência magnética.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,60 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e12,99 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCastanho\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e93 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomático\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":42175638405218,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300m.png?v=1757767572"},{"product_id":"speedmaster-moonwatch-professional-42-mm","title":"Speedmaster Moonwatch Professional 42 mm","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eSpeedmaster Moonwatch Professional 42 mm\u003c\/h2\u003e\n  \u003cp\u003eO Speedmaster Moonwatch é um dos relógios mais emblemáticos do mundo. Tendo participado em todas as seis alunagens, o lendário cronógrafo representa de forma impressionante o espírito pioneiro e aventureiro da marca.\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\/4caf7c75c24546d28f70916f8de2eaf2.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO Moonwatch traz bracelete polida e escovada, vidro de safira frontal e traseiro, caixa assimétrica inspirada no Speedmaster da 4.ª geração, mostrador branco escalonado com logótipo OMEGA aplicado, ponteiros estilo Moonwatch e luneta preta com o icónico ponto sobre o 90.\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\/omegaspeedmastermoonwatchprofessionalmastechrr.png?v=1757771364\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaspeedmastermoonwatch.png?v=1757771364\" 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\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eQuartzo\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre-3861.png?v=1757771274\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de Quartzo é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eO Speedmaster Moonwatch é um dos relógios mais emblemáticos do mundo. Tendo participado em todas as seis alunagens, o lendário cronógrafo representa de forma impressionante o espírito pioneiro e aventureiro da marca.\u003c\/p\u003e\n        \u003cp\u003eApresentado com uma bracelete polida e escovada, este Moonwatch de 42 mm em aço inoxidável possui vidro de safira na parte da frente. Inspirado no estilo do Speedmaster de 4.ª geração usado na Lua, também inclui uma caixa assimétrica, um mostrador escalonado lacado branco com logótipo e índices OMEGA aplicados, ponteiros estilo Moonwatch e o famoso ponto sobre o número 90 na luneta em alumínio anodizado preto.\u003c\/p\u003e\n        \u003cp\u003eNo coração do relógio está o calibre de Quartzo, que alimenta o submostrador de pequenos segundos, o contador de 30 minutos, o contador de 12 horas e a função de cronógrafo central.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e47,50 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,18 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\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\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Preto","offer_id":42175718916194,"sku":"Speedmaster Moonwatch Professional 42 mm\/Preto","price":480.0,"currency_code":"BRL","in_stock":false},{"title":"Branco","offer_id":42175718883426,"sku":"Speedmaster Moonwatch Professional 42 mm\/Branco","price":480.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-moonwatch-professional-co-axial-master-chr_2.png?v=1758582107"},{"product_id":"seamaster-diver-300m-42-mm-em-bracelete-de-borracha","title":"Seamaster Diver 300M 42 mm em Bracelete de Borracha","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\u003eSeamaster\nDiver 300M 42mm em Borracha\u003c\/h2\u003e\n  \u003cp\u003eDesde 1993, o Seamaster Diver 300M conquistou uma legião de seguidores verdadeiramente lendária. Na coleção atual, a OMEGA preserva esse icónico legado marítimo, agora enriquecido com as mais avançadas inovações e o design de vanguarda da marca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300mcomasterchronometer42.png?v=1757772933\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300mchronometer.png?v=1757772934\" 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\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8806\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watchcalibre880.png?v=1757772927\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDesde 1993, o Seamaster Diver 300M conquistou uma legião de seguidores verdadeiramente lendária. Na coleção atual, a OMEGA preserva esse icónico legado marítimo, agora enriquecido com as mais avançadas inovações e o design de vanguarda da marca.\u003c\/p\u003e\n        \u003cp\u003eEste modelo de 42 mm é fabricado em aço inoxidável e inclui uma luneta em alumínio oxálico anodizado preto com uma escala de mergulho em Super-LumiNova branca.\u003c\/p\u003e\n        \u003cp\u003eO mostrador, também em alumínio preto, apresenta ponteiros e índices esqueletizados revestidos a ródio, preenchidos com Super-LumiNova branca. A cor laranja é utilizada no ponteiro central dos segundos, nos índices que marcam cada quarto de hora e no nome Seamaster e o logótipo OMEGA é transferido em branco.\u003c\/p\u003e\n         \u003cp\u003eO relógio é apresentado com uma bracelete integrada em borracha laranja com fecho de báscula e é alimentado pelo calibre OMEGA Co-Axial Master Chronometer 8806, que pode ser admirado através do fundo da caixa em vidro de safira.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Fundo transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,70 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,80 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e120 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8806\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eBorracha\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42175722324066,"sku":"Seamaster Diver 300M 42 mm em Bracelete de Borracha Laranja","price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300mcomasterchronometer.png?v=1757772928"},{"product_id":"seamaster-diver-300m-42-mm-steel-primeira-linha","title":"Seamaster Diver 300M 42 mm Steel [Primeira Linha]","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\u003e Seamaster Diver 300M 42 mm Steel\u003c\/h2\u003e\n  \u003cp\u003eDesde 1993, o Seamaster Diver 300M conquistou uma legião de seguidores verdadeiramente lendária. A atual coleção abraçou o célebre legado marítimo e atualizou-o com a inovação e o design mais avançados da OMEGA.\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\/56e5d66b641e44aaa73eadd5fa2003b8.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\u003eEste modelo de 42 mm é fabricado em aço inoxidável e inclui uma luneta em alumínio oxálico anodizado preto com uma escala de mergulho em Super-LumiNova branca.\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\/omegaseamasterdiver300m42_a85318c7-7017-41f6-b299-de8d3a36d683.png?v=1757774858\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300m2mm.png?v=1757774859\" alt=\" Seamaster Diver 300M 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\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8806\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre.png?v=1757352968\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDesde 1993, o Seamaster Diver 300M conquistou uma legião de seguidores verdadeiramente lendária. A atual coleção abraçou o célebre legado marítimo e atualizou-o com a inovação e o design mais avançados da OMEGA.\u003c\/p\u003e\n        \u003cp\u003eEste modelo de 42 mm é fabricado em aço inoxidável e inclui uma luneta em alumínio oxálico anodizado preto com uma escala de mergulho em Super-LumiNova branca.\u003c\/p\u003e\n        \u003cp\u003eO alumínio preto também é utilizado para criar o mostrador, que é gravado a laser com o icónico padrão de ondas do Diver. Os ponteiros e índices esqueletizados são revestidos a ródio e preenchidos com Super-LumiNova branca, enquanto as outras marcações, incluindo o logótipo OMEGA, são transferidas em branco.\u003c\/p\u003e\n         \u003cp\u003eO relógio é apresentado com uma bracelete em malha escovada com fecho e é alimentado pelo calibre OMEGA Co-Axial Master Chronometer 8806, que pode ser admirado através do fundo da caixa em vidro de safira.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Luneta rotativa unidirecional.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,70 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,80 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e30 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e154 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8806\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":42175741919330,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300m_3295b005-4208-45d6-85da-91567b0e80df.png?v=1757775608"},{"product_id":"seamaster-aqua-terra-150m-worldtimer","title":"Seamaster Aqua Terra 150M Worldtimer","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eSeamaster Aqua Terra 150M Worldtimer\u003c\/h2\u003e\n  \u003cp\u003eEste modelo Worldtimer de 43 mm inclui uma caixa polida em aço inoxidável que está integrada na bracelete em borracha estruturada azul através de um elo maciço polido.\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\/8e93536d735247a9be0a18a10c6593ad.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO centro do mostrador contém um aro de 24 horas em vidro, com azul-claro para indicar o dia e azul-escuro para indicar a noite. A visão da Terra foi criada numa placa em titânio de grau 5.\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\/omegaseamasteraquaterralarge.png?v=1757776907\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/bomegaseamasteraqutterra50m.png?v=1757776646\" alt=\"Seamaster Aqua Terra 150M Worldtimer\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8938\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watchcalibre898.png?v=1757777026\" alt=\"Calibre OMEGA 8938\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15.000 gauss. Funções GMT\/Worldtimer. Balanço livre de registo com espiral de silício; corda automática em ambos os sentidos. Acabamento a ródio com \"Côtes de Genève\" em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDEste modelo Worldtimer de 43 mm inclui uma caixa polida em aço inoxidável que está integrada na bracelete em borracha estruturada azul através de um elo maciço polido.\u003c\/p\u003e\n        \u003cp\u003eA secção exterior do mostrador é azul com padrão escovado e inclui riscas “teak” verticais e um círculo com destinos de todo o mundo impressos a vermelho (GMT), prateado (+1h no verão) e azul (locais sem horário de verão).\u003c\/p\u003e\n        \u003cp\u003eO centro do mostrador contém um aro de 24 horas em vidro, com azul-claro para indicar o dia e azul-escuro para indicar a noite. A visão da Terra foi criada numa placa em titânio de grau 5. Foi usada a técnica de ablação a laser para desenhar o oceano azul, criando uma representação dos continentes em relevo. As cores contrastantes da superfície da Terra surgem naturalmente pela reação química do laser.\u003c\/p\u003e\n         \u003cp\u003eNo seu interior, o Worldtimer é alimentado pelo calibre Master Chronometer 8938.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Luneta rotativa unidirecional, Data.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e21 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e50,30 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e14,12 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e43 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e121 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8938\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eBorracha\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\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":42175769313378,"sku":null,"price":1780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasteraquaterrachronometer.png?v=1757776644"},{"product_id":"seamaster-diver-300m-42-mm-steel-on-steel-primeira-linha","title":"Seamaster Diver 300M 42 mm Steel on Steel [Primeira Linha]","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\u003eSeamaster Diver 300M 42 mm Steel on Steel\u003c\/h2\u003e\n  \u003cp\u003eDesde 1993, o Seamaster Diver 300M conquistou uma legião de seguidores verdadeiramente lendária. Na coleção atual, a OMEGA preserva esse icónico legado marítimo, agora enriquecido com as mais avançadas inovações e o design de vanguarda da marca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300m_abe2883a-ef43-4c03-9e66-ec21da39ca0e.png?v=1757938560\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiverr.png?v=1757938475\" alt=\"Seamaster Diver 300M 42 mm Steel on Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8806\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watchcalibre880.png?v=1757772927\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDesde 1993, o Seamaster Diver 300M conquistou uma legião de seguidores verdadeiramente lendária. Na coleção atual, a OMEGA preserva esse icónico legado marítimo, agora enriquecido com as mais avançadas inovações e o design de vanguarda da marca.\u003c\/p\u003e\n        \u003cp\u003eEste modelo de 42 mm é fabricado em aço inoxidável e inclui uma luneta em alumínio oxálico anodizado preto com uma escala de mergulho em Super-LumiNova branca.\u003c\/p\u003e\n        \u003cp\u003eO mostrador, também em alumínio preto, apresenta ponteiros e índices esqueletizados revestidos a ródio, preenchidos com Super-LumiNova branca. A cor laranja é utilizada no ponteiro central dos segundos, nos índices que marcam cada quarto de hora e no nome Seamaster e o logótipo OMEGA é transferido em branco.\u003c\/p\u003e\n         \u003cp\u003eO relógio é apresentado com uma bracelete integrada em borracha laranja com fecho de báscula e é alimentado pelo calibre OMEGA Co-Axial Master Chronometer 8806, que pode ser admirado através do fundo da caixa em vidro de safira.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Fundo transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,70 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,80 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e155 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8806\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42178465661026,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver3.png?v=1757938473"},{"product_id":"seamaster-aqua-terra-150m-41-mm-em-bracelete-de-borracha-primeira-linha","title":"Seamaster Aqua Terra 150M 41 mm em Bracelete de Borracha [Primeira Linha]","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\u003eSeamaster Aqua Terra 150M 41 mm\u003c\/h2\u003e\n  \u003cp\u003eO Seamaster Aqua Terra é um magnífico tributo à rica herança marítima da OMEGA. Neste modelo de 41 mm, a caixa simétrica foi criada em aço inoxidável e apresenta um design com orlas onduladas na parte de trás.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/seamaster-aqua-terra-gents-collection-16.png?v=1757940236\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/seamaster-aqua-terra-gents-collection.png?v=1757940098\" alt=\"Seamaster Aqua Terra 150M 41 mm em Bracelete de Borracha\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8900\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-ca.png?v=1757940235\" alt=\"Calibre Omega 8900\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eO Seamaster Aqua Terra é um magnífico tributo à rica herança marítima da OMEGA. Neste modelo de 41 mm, a caixa simétrica foi criada em aço inoxidável e apresenta um design com orlas onduladas na parte de trás.\u003c\/p\u003e\n        \u003cp\u003eO mostrador azul com padrão escovado distingue-se pelo padrão “teak” horizontal, inspirado no convés de madeira dos veleiros de luxo. Possui também uma janela de data às 6 horas e ponteiros e índices revestidos a ródio, preenchidos com Super-LumiNova branca.\u003c\/p\u003e\n        \u003cp\u003eApresentado com uma bracelete em borracha azul estruturada com pesponto cinzento, este relógio é alimentado pelo calibre OMEGA Co-Axial Master Chronometer 8900, certificado com o padrão mais elevado da indústria pelo Instituto Federal Suíço de Metrologia (METAS).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Fundo transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e47,90 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e41 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e108 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8900\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eBorracha\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":42178476605538,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-aqua-terra.png?v=1757940511"},{"product_id":"moonswatch-mission-to-earthphase","title":"MoonSwatch MISSION TO EARTHPHASE GOLD","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO EARTHPHASE\u003c\/h2\u003e\n  \u003cp\u003eEste cronógrafo em Polimérico Premium azul-marinho apresenta caixa, coroa, botões e bracelete de borracha a condizer. O mostrador opalino branco traz marcadores e ponteiros revestidos com Super-LumiNova® Classe A (emissão verde).\u003c\/p\u003e\n\u003c!-- ========= VÍDEO FULLSCREEN ========= --\u003e\n\u003cdiv style=\"margin:0; padding:0;\"\u003e\n  \u003cvideo autoplay muted loop playsinline style=\"width:100vw; height:100vh; object-fit:cover; display:block; margin:0; padding:0; position:relative; left:50%; transform:translateX(-50%);\"\u003e\n    \n    \u003c!-- Vídeo Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/37de8ead53514a5eb24b3f1ef15bba70.mp4\" type=\"video\/mp4\"\u003e\n    \n    \u003c!-- Vídeo Mobile --\u003e\n    \u003csource media=\"(max-width: 900px)\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/37de8ead53514a5eb24b3f1ef15bba70.mp4\" type=\"video\/mp4\"\u003e\n    \n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003ePor baixo do indicador das fases da terra, encontra-se uma ilustração do Snoopy e do Woodstock em equipamento espacial completo a olhar para a Terra a partir da Lua. Uma frase oculta, revelada apenas sob luz UV, remete para o espírito pioneiro do modelo Moonwatch e para aqueles que se atrevem a imaginar coisas diferentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_mtemg_sept.png?v=1757948540\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_mtemg_sept.png?v=1757948538\" alt=\"MoonSwatch MISSION TO EARTHPHASE\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste cronógrafo apresenta uma caixa, coroa e botões em Polimérico Premium azul-marinho, juntamente com uma bracelete de borracha em azul-marinho a condizer e uma presilha em Bioceramic. Apresenta um mostrador opalino branco com marcadores das horas revestidos com Super-LumiNova® de Classe A (emissão verde).\u003c\/p\u003e\n        \u003cp\u003eNa posição das 10 horas, o indicador das fases da terra mostra a Terra com oceanos que brilham a azul sob luz UV. Por baixo do indicador das fases da terra encontra-se uma ilustração do Snoopy e do Woodstock na Lua, maravilhados com o espetáculo encantador da Terra.\u003c\/p\u003e\n        \u003cp\u003eA ilustração apresenta uma frase que só aparece sob luz UV. No submostrador da posição das 2 horas, temos um indicador de fases da lua com duas luas cheias radiantes, ambas revestidas com o Moonshine™ Gold da OMEGA. Uma das luas foi concebida no estilo caraterístico do universo Snoopy e a outra foi reimaginada com um inesperado design de pipocas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eIndicador das fases da terra, ilustração do Snoopy e do Woodstock, frase oculta, revelada sob luz UV.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e47,30 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003ePolimérico Premium\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e140 g\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eBorracha\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42178600763490,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_mtemg_sept.png?v=1757950596"},{"product_id":"moonswatch-mission-to-the-sun","title":"MoonSwatch MISSION TO THE SUN","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO THE SUN\u003c\/h2\u003e\n  \u003cp\u003eEste relógio, edição limitada, em amarelo-sol brilhante, possui um sofisticado mostrador dourado com efeito escovado e uma pulseira branca de VELCRO®. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são na cor laranja.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas.\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\/sun_image2_1920x930_d.webp?v=1758034034\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/sun_image2_1080x1335_m.png?v=1758033969\" alt=\"MoonSwatch MISSION TO THE SUN\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste relógio, edição limitada, em amarelo-sol brilhante, possui um sofisticado mostrador dourado com efeito escovado e uma pulseira branca de VELCRO®.\u003c\/p\u003e\n        \u003cp\u003eO ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são na cor laranja. Os ponteiros de hora e minuto, os marcadores de hora, os submostradores e a luneta são na cor branca. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de hora, minuto e segundos do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro. .\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAmarelo-sol brilhante, pulseira branca de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAmarelo\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181416976482,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/sun_image1_1080x1290_m.png?v=1758034427"},{"product_id":"moonswatch-mission-to-mercury","title":"MoonSwatch MISSION TO MERCURY","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO MERCURY\u003c\/h2\u003e\n  \u003cp\u003eCom sua cor cinza profundo intenso e pulseira de VELCRO® cinza metálico, este relógio edição limitada é sinônimo de sucesso. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são brancos.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eOs submostradores e a luneta são pretos. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro.\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\/pluto_image2_1920x930_d_v2-1.avif?v=1758035578\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mercury_image2_1080x1335_m.png?v=1758034648\" alt=\"MoonSwatch MISSION TO MERCURY\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eCom sua cor cinza profundo intenso e pulseira de VELCRO® cinza metálico, este relógio edição limitada é sinônimo de sucesso. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são brancos.\u003c\/p\u003e\n        \u003cp\u003eOs submostradores e a luneta são pretos. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro.\u003c\/p\u003e\n        \u003cp\u003eO icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de hora, minuto e segundos do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eCinza profundo intenso,  pulseira de VELCRO® cinza metálico, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCinza profundo\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181427167330,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mercury_image1_1080x1290_m.png?v=1758035800"},{"product_id":"moonswatch-mission-to-venus","title":"MoonSwatch MISSION TO VENUS","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO VENUS\u003c\/h2\u003e\n  \u003cp\u003eA pulseira branca de VELCRO® deste modelo edição limitada contrasta perfeitamente com o rosa pastel atalcado. Os submostradores ovais, adornados com detalhes em formato de diamante nas bordas, e a luneta bicolor em rosa e branco adicionam um toque de elegância.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eOs ponteiros de horas, minutos, segundos do cronógrafo e os ponteiros do submostrador são em rosa. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\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\/venus_image2_1920x930_d.avif?v=1758036010\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/venus_image2_1080x1335_m.png?v=1758036036\" alt=\"MoonSwatch MISSION TO VENUS\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eA pulseira branca de VELCRO® deste modelo edição limitada contrasta perfeitamente com o rosa pastel atalcado. Os submostradores ovais, adornados com detalhes em formato de diamante nas bordas, e a luneta bicolor em rosa e branco adicionam um toque de elegância.\u003c\/p\u003e\n        \u003cp\u003eOs ponteiros de horas, minutos, segundos do cronógrafo e os ponteiros do submostrador são em rosa. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de horas, minutos e segundos do cronógrafo, bem como os marcadores de horas, ostentam Super-LumiNova® para um brilho perfeito no escuro. \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eRosa pastel atalcado,  pulseira de VELCRO® branca, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eRosa pastel atalcado\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181435228258,"sku":null,"price":680.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/venus_image1_1080x1290_m.png?v=1758036344"},{"product_id":"moonswatch-mission-on-earth","title":"MoonSwatch MISSION ON EARTH","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION ON EARTH\u003c\/h2\u003e\n  \u003cp\u003eOs amantes da Mãe Natureza vão adorar este relógio verde-terra, edição limitada, com pulseira de VELCRO® azul-marinho. Os ponteiros de segundos e os ponteiros do submostrador do cronógrafo são marrons.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eOs ponteiros de horas e minutos, os marcadores de horas e os submostradores são brancos, assim como a escala taquimétrica na luneta azul. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\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\/earth_image2_1920x930_d.jpg?v=1758036513\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/earth_image2_1080x1335_m.png?v=1758036537\" alt=\"MoonSwatch MISSION ON EARTH\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eOs amantes da Mãe Natureza vão adorar este relógio verde-terra, edição limitada, com pulseira de VELCRO® azul-marinho. Os ponteiros de segundos e os ponteiros do submostrador do cronógrafo são marrons.\u003c\/p\u003e\n        \u003cp\u003eOs ponteiros de horas e minutos, os marcadores de horas e os submostradores são brancos, assim como a escala taquimétrica na luneta azul. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de horas, minutos e segundos do cronógrafo, bem como os marcadores de horas, ostentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eVerde-terra, pulseira de VELCRO® azul-marinho, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eVerde-terra\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181443977314,"sku":null,"price":680.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/earth_image1_1080x1290_m.png?v=1758036945"},{"product_id":"moonswatch-mission-to-the-moon","title":"MoonSwatch MISSION TO THE MOON","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO THE MOON\u003c\/h2\u003e\n  \u003cp\u003eEste relógio cinza aço edição limitada vem com uma pulseira preta de VELCRO®. Todos os ponteiros e a escala taquimétrica são brancos, assim como no Moonwatch original. A luneta é preta. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos\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\/moon_image2_1920x930_d.avif?v=1758043982\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/moon_image2_1080x1335_m.png?v=1758044010\" alt=\"MoonSwatch MISSION TO THE MOON\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste relógio cinza aço edição limitada vem com uma pulseira preta de VELCRO®. Todos os ponteiros e a escala taquimétrica são brancos, assim como no Moonwatch original. A luneta é preta.\u003c\/p\u003e\n        \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n        \u003cp\u003eOs ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003ecinza aço,  pulseira de VELCRO® preta, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eVerde-terra\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181677940834,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/moon_image1_1080x1290_m.png?v=1758044331"},{"product_id":"moonswatch-mission-to-mars","title":"MoonSwatch MISSION TO MARS","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO MARS\u003c\/h2\u003e\n  \u003cp\u003eNeste relógio edição limitada, tons de vermelho intenso contrastam com o mostrador branco brilhante e a pulseira de VELCRO®. O ponteiro de segundos do cronógrafo é vermelho, enquanto os ponteiros dos submostradores às 10 e 2 horas ostentam ponteiros vermelhos exclusivos em um formato lúdico de nave espacial, uma homenagem especial ao OMEGA Speedmaster Alaska II.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO ponteiro do submostrador às 6 horas é preto, enquanto os ponteiros das horas e dos minutos são bicolores: branco e preto. A luneta é branca e ostenta uma escala taquimétrica preta. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro.\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\/mars_image2_1920x930_d.jpg?v=1758044521\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mars_image2_1080x1335_m.png?v=1758044550\" alt=\"MoonSwatch MISSION TO MARS\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eNeste relógio edição limitada, tons de vermelho intenso contrastam com o mostrador branco brilhante e a pulseira de VELCRO®. O ponteiro de segundos do cronógrafo é vermelho, enquanto os ponteiros dos submostradores às 10 e 2 horas ostentam ponteiros vermelhos exclusivos em um formato lúdico de nave espacial, uma homenagem especial ao OMEGA Speedmaster Alaska II.\u003c\/p\u003e\n        \u003cp\u003eO ponteiro do submostrador às 6 horas é preto, enquanto os ponteiros das horas e dos minutos são bicolores: branco e preto. A luneta é branca e ostenta uma escala taquimétrica preta. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro.\u003c\/p\u003e\n        \u003cp\u003eO padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a sensação única de biocerâmica são comuns a todos os modelos. Os ponteiros das horas, minutos e segundos do cronógrafo, assim como os ponteiros dos submostradores às 10 e 2 horas e os marcadores de hora ostentam Super-LumiNova® para um brilho perfeito no escuro. \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eVermelho intenso, pulseira de VELCRO® Branca, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eVermelho intenso\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181705924706,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/mars_image1_1080x1290_m.png?v=1758044832"},{"product_id":"moonswatch-mission-to-jupiter","title":"MoonSwatch MISSION TO JUPITER","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO JUPITER\u003c\/h2\u003e\n  \u003cp\u003eOs tons de bege deste relógio edição limitada são perfeitamente compensados por uma pulseira preta de VELCRO®. O ponteiro de segundos do cronógrafo e os ponteiros do submostrador às 10 e 2 horas são em laranja, em homenagem ao OMEGA Speedmaster Ultraman.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO ponteiro do submostrador às 6 horas é em marrom. Uma escala taquimétrica bege escura com detalhes em laranja adorna o aro bege claro. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico Speedmaster e o logotipo MoonSwatch.\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\/jupiter_image2_1920x930_d.avif?v=1758045077\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/jupiter_image2_1080x1335_m.png?v=1758045098\" alt=\"MoonSwatch MISSION TO JUPITER\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eOs tons de bege deste relógio edição limitada são perfeitamente compensados por uma pulseira preta de VELCRO®. O ponteiro de segundos do cronógrafo e os ponteiros do submostrador às 10 e 2 horas são em laranja, em homenagem ao OMEGA Speedmaster Ultraman.\u003c\/p\u003e\n        \u003cp\u003eO ponteiro do submostrador às 6 horas é em marrom. Uma escala taquimétrica bege escura com detalhes em laranja adorna o aro bege claro. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a sensação única de biocerâmica são comuns a todos os modelos. Os ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, apresentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eBege, pulseira de VELCRO® Bege, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBege\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181714378850,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/jupiter_image1_1080x1290_m.png?v=1758045263"},{"product_id":"moonswatch-mission-to-saturn","title":"MoonSwatch MISSION TO SATURN","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO SATURN\u003c\/h2\u003e\n  \u003cp\u003eNeste modelo edição limitada, tons de bege arenoso e frio contrastam perfeitamente com o mostrador marrom e a pulseira de VELCRO®. O ponteiro de segundos do cronógrafo e os ponteiros do submostrador às 10 e 2 horas são verdes.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO submostrador de segundos às 6 horas representa os anéis de Saturno. Uma escala taquimétrica branca adorna uma luneta marrom. Os ponteiros das horas e minutos, bem como os marcadores de horas e a escala taquimétrica, são brancos.\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\/saturn_image2_1920x930_d.avif?v=1758045484\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/saturn_image2_1080x1335_m.png?v=1758045508\" alt=\"MoonSwatch MISSION TO SATURN\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eNeste modelo edição limitada, tons de bege arenoso e frio contrastam perfeitamente com o mostrador marrom e a pulseira de VELCRO®. O ponteiro de segundos do cronógrafo e os ponteiros do submostrador às 10 e 2 horas são verdes.\u003c\/p\u003e\n        \u003cp\u003eO submostrador de segundos às 6 horas representa os anéis de Saturno. Uma escala taquimétrica branca adorna uma luneta marrom. Os ponteiros das horas e minutos, bem como os marcadores de horas e a escala taquimétrica, são brancos.\u003c\/p\u003e\n        \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. Os ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, apresentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eBege Arenoso, pulseira de VELCRO® Marrom, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003ebiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBege Arenoso\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181719523426,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/saturn_image1_1080x1290_m.png?v=1758045729"},{"product_id":"moonswatch-mission-to-uranus","title":"MoonSwatch MISSION TO URANUS","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO URANUS\u003c\/h2\u003e\n  \u003cp\u003eAzul pastel encontra uma pulseira de VELCRO® branca brilhante neste modelo edição limitada. Todos os ponteiros são brancos. Uma escala taquimétrica preta adorna uma luneta branca. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos.\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\/uranus_image2_1920x930_d.avif?v=1758046038\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/uranus_image2_1080x1335_m.png?v=1758046061\" alt=\"MoonSwatch MISSION TO URANUS\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAzul pastel encontra uma pulseira de VELCRO® branca brilhante neste modelo não limitado. Todos os ponteiros são brancos. Uma escala taquimétrica preta adorna uma luneta branca. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n        \u003cp\u003eOs ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro. \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAzul pastel, pulseira de VELCRO® Branca, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul pastel\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181728010338,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/uranus_image1_1080x1290_m.png?v=1758046223"},{"product_id":"moonswatch-mission-to-neptune","title":"MoonSwatch MISSION TO NEPTUNE","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO NEPTUNE\u003c\/h2\u003e\n  \u003cp\u003eEste modelo edição limitada combina tons profundos de azul-marinho com o tom preto da pulseira de VELCRO®. Para contraste, todos os ponteiros e marcadores de hora são brancos. Uma escala taquimétrica branca adorna um aro azul.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro\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\/neptune_image2_1920x930_d.avif?v=1758046356\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/neptune_image2_1080x1335_m.png?v=1758046380\" alt=\"MoonSwatch MISSION TO NEPTUNE\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste modelo edição limitada combina tons profundos de azul-marinho com o tom preto da pulseira de VELCRO®. Para contraste, todos os ponteiros e marcadores de hora são brancos. Uma escala taquimétrica branca adorna um aro azul.\u003c\/p\u003e\n        \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n        \u003cp\u003eOs ponteiros de hora, minuto e segundo do cronógrafo, bem como os marcadores de hora, ostentam Super-LumiNova® para um brilho perfeito no escuro.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAzul-marinho, pulseira de VELCRO® preta, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul-marinho\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42181742461026,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/neptune_image1_1080x1290_m.png?v=1758046652"},{"product_id":"moonswatch-mission-to-pluto","title":"MoonSwatch MISSION TO PLUTO","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO PLUTO\u003c\/h2\u003e\n  \u003cp\u003eNeste relógio edição limitada, tons de cinza claro contrastam com a pulseira de VELCRO® cinza escuro. O cronógrafo apresenta um mostrador em tom casca de ovo com ponteiros de horas e minutos em dois tons de preto e branco, um ponteiro de segundos do cronógrafo preto e submostradores e luneta bordô.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02500c26270e49fd842ea33d90f6ef1e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eOs ponteiros do submostrador às 10 e 2 horas são pretos, enquanto o ponteiro do submostrador às 6 horas e a escala taquimétrica são brancos. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, os icônicos logotipos Speedmaster e MoonSwatch.\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\/pluto_image2_1920x930_d_v2.webp?v=1758046782\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pluto_image2_1080x1335_m.png?v=1758046906\" alt=\"MoonSwatch MISSION TO PLUTO\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eNeste relógio edição limitada, tons de cinza claro contrastam com a pulseira de VELCRO® cinza escuro. O cronógrafo apresenta um mostrador em tom casca de ovo com ponteiros de horas e minutos em dois tons de preto e branco, um ponteiro de segundos do cronógrafo preto e submostradores e luneta bordô.\u003c\/p\u003e\n        \u003cp\u003eOs ponteiros do submostrador às 10 e 2 horas são pretos, enquanto o ponteiro do submostrador às 6 horas e a escala taquimétrica são brancos. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, os icônicos logotipos Speedmaster e MoonSwatch.\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação biocerâmica são comuns a todos os modelos. \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eBege e bordô, pulseira de VELCRO® cinza escuro, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBege e Bordô\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42181747998818,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pluto_image1_1080x1290_m.png?v=1758047017"},{"product_id":"seamaster-diver-300m-james-bond-60th-anniversary-42-mm-em-aco-premium","title":"Seamaster Diver 300M James Bond 60th Anniversary 42 mm em Aço [Primeira Linha]","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\u003eSeamaster Diver 300M James Bond 60th Anniversary\u003c\/h2\u003e\n  \u003cp\u003eLançado em 2022 para celebrar os 60 anos de James Bond, este Seamaster Diver 300M de 42 mm em aço inoxidável possui um mostrador azul em alumínio oxálico anodizado, com ondas gravadas a laser, inspirado no Seamaster Diver 300M usado por James Bond no filme GoldenEye de 1995.\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\/70fca7e0d6cd411887be836eaeddd628.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eA icónica sequência de abertura do filme, que apresenta a silhueta de Bond e o cano de arma a girar, aparece no fundo da caixa, sob um vidro de safira decorado com metalização microestruturada.\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\/omega-seamaster-diver-300m-co-axial-m.png?v=1757340695\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-se-amaster-diver-300m.png?v=1757278582\" alt=\"Omega Seamaster Diver 300M\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço Inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é o material mais usado na relojoaria, unindo beleza, resistência e boa relação qualidade-preço. A OMEGA utiliza o 316L, conhecido pela proteção contra corrosão e brilho após polimento. É a escolha ideal para relógios do dia a dia, mergulho e aventuras exigentes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomático\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre.png?v=1757352968\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eLançado em 2022 para celebrar os 60 anos de James Bond, este Seamaster Diver 300M de 42 mm em aço inoxidável apresenta mostrador azul em alumínio anodizado com ondas gravadas a laser, inspirado no modelo usado em GoldenEye (1995). O triângulo da escala de mergulho foi substituído por um “60” comemorativo.\u003c\/p\u003e\n        \u003cp\u003eNo fundo da caixa, sob vidro de safira com metalização microestruturada, surge a sequência icónica de abertura dos filmes, com animação “moiré” ligada ao ponteiro dos segundos “lollipop”.\u003c\/p\u003e\n        \u003cp\u003eA bracelete em aço escovado segue o estilo elegante do modelo em titânio usado por Bond em 007: Sem Tempo para Morrer.\u003c\/p\u003e\n        \u003cp\u003eO relógio é equipado com o calibre OMEGA Co-Axial Master Chronometer 8806 e vem numa caixa de madeira azul decorada com o padrão do Diver 300M, incluindo detalhes inspirados na abertura clássica de Bond e um botão secreto lateral.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Fundo transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,93 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e14,26 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e30 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e156 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomático\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço inoxidável\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":42202092896354,"sku":null,"price":960.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-diver-300m-co-axial-mas.png?v=1757278558"},{"product_id":"aquanaut-date-black-strap-stainless-steel","title":"Aquanaut Date Black Strap Stainless Steel","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eChique esportivo contemporâneo\u003c\/h2\u003e\n  \u003cp\u003eA quintessência do estilo Aquanaut, este modelo em aço se distingue pelo mostrador com padrão preto em relevo e pela pulseira em material composto combinando. Os volumes originais da caixa e do bisel são realçados por acabamentos alternados polidos e acetinados. A indicação das horas é acionada por um movimento automático visível através do fundo transparente em cristal de safira.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/221059-51883.png?v=1758834602\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/221059-51883.png?v=1758834602\" alt=\"Aquanaut Date Black Strap Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eCinza-carvão sunburst com aro em degradê preto, padrão Aquanaut em relevo, numerais aplicados em aço com revestimento luminescente branco. Ponteiros em aço estilo bastão com revestimento luminescente branco.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eCoroa rosqueada. Fundo da caixa em cristal de safira.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e8,1 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e40,8 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eMaterial composto\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho dobrável patenteado em aço\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/199888-51882.png?v=1758835666\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/199888-51882.png?v=1758835666\" alt=\"Aquanaut Date Black Strap Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek","offers":[{"title":"Default Title","offer_id":42204011036770,"sku":null,"price":1480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/202472-51887.png?v=1758834741"},{"product_id":"aquanaut-travel-time-rose-gold","title":"Aquanaut Travel Time Rose Gold","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eChique esportivo contemporâneo\u003c\/h2\u003e\n  \u003cp\u003eO design jovem e moderno do Aquanaut ganha um toque refinado neste modelo automático em aço rose com mostrador e pulseira marrons. Ponteiros luminescentes em aço e algarismos arábicos aplicados garantem excelente legibilidade. A pulseira em material composto resistente à água possui fecho dobrável.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/221057-51882.png?v=1758839946\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/221057-51882.png?v=1758839946\" alt=\"Aquanaut Travel Time Rose Gold\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eMarrom sunburst com aro em degradê preto, padrão Aquanaut em relevo, numerais aplicados em aço rose com revestimento luminescente branco. Ponteiros em aço estilo bastão com revestimento luminescente branco.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eMaterial composto, marrom escuro. Fecho dobrável patenteado em aço rose.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e8,1 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e40,8 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eMarrom\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eMaterial composto\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho dobrável patenteado em aço\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/199888-51882.png?v=1758835666\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/199888-51882.png?v=1758835666\" alt=\"Aquanaut Date Black Strap Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek","offers":[{"title":"Default Title","offer_id":42204112912482,"sku":null,"price":1480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/202475-51889.png?v=1758840169"},{"product_id":"aquanaut-chronograph-stainless-steel","title":"Aquanaut Chronograph Stainless Steel","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eA mais esportiva das complicações\u003c\/h2\u003e\n  \u003cp\u003eEquipado com um movimento automático, este Aquanaut em aço apresenta um design original e marcante, com as indicações destacando-se em laranja sobre o fundo preto do mostrador. Ele vem em duas pulseiras pretas ou laranja em um material composto ultrarresistente, presas por um fecho dobrável Aquanaut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/201140-51882.png?v=1758841013\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/201140-51882.png?v=1758841013\" alt=\"Aquanaut Chronograph Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eCinza-carvão sunburst com aro em degradê preto, padrão Aquanaut em relevo, numerais aplicados em aço com revestimento luminescente branco. Ponteiros em aço estilo bastão com revestimento luminescente branco.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eMaterial composto, preto (originalmente instalado). Material composto, laranja (pulseira adicional). Fecho dobrável patenteado em aço.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e11,9 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42,2 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eMaterial composto\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho dobrável patenteado em aço\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/201132-51882.png?v=1758841013\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/201133-51883.png?v=1758841013\" alt=\"Aquanaut Chronograph Stainless Steel\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek","offers":[{"title":"Laranja","offer_id":42204154527842,"sku":"Aquanaut Chronograph Stainless Steel - Laranja","price":1480.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":42204154560610,"sku":"Aquanaut Chronograph Stainless Steel - Preto","price":1480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/202155-51887.png?v=1758841497"},{"product_id":"aquanaut-travel-time-blue","title":"Aquanaut Travel Time Blue","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eTempo aqui e em outros lugares\u003c\/h2\u003e\n  \u003cp\u003eEste relógio de viagem automático, com seu estilo elegante, descontraído e contemporâneo, distingue-se pelo seu exclusivo mecanismo Travel Time, que garante a exibição simples de um segundo fuso horário com data indexada à hora local. A caixa em aço combina com um elegante mostrador e pulseira em tons azul-acinzentados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pp-5164g-001-det-overview-44.png?v=1758842294\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pp-5164g-001-det-overview-44.png?v=1758842294\" alt=\"AAquanaut Travel Time Blue\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eOpalino azul-acinzentado, padrão Aquanaut em relevo, numerais aplicados em aço com revestimento luminescente branco. Ponteiro da hora local: em aço, estilo bastão, com revestimento luminescente branco. Ponteiro da hora local: em aço, estilo bastão, esqueletizado, envernizado branco.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eMaterial composto, azul-acinzentado. Fecho dobrável patenteado.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e10,2 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e40,8 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eMaterial composto\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho dobrável patenteado em aço\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/203654-51882.png?v=1758842293\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/203653-51883.png?v=1758842294\" alt=\"Aquanaut Travel Time Blue\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek","offers":[{"title":"Default Title","offer_id":42204159737954,"sku":null,"price":1480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/202477-51887.png?v=1758842548"},{"product_id":"aquanaut-blue-dial","title":"Aquanaut Blue Dial","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eUm grande Aquanauta\u003c\/h2\u003e\n  \u003cp\u003eEste Aquanaut automático combina uma caixa em aço com um mostrador em relevo com um sutil gradiente que vai do preto ao azul-escuro. Os mostradores são extremamente legíveis tanto de dia quanto de noite, com ponteiros luminescentes e algarismos arábicos aplicados.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pp-5168g-001-16-9-banner.png?v=1758844245\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/pp-5168g-001-16-9-banner.png?v=1758844245\" alt=\"Aquanaut Blue Dial \"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAzul sunburst com aro em degradê preto, padrão Aquanaut em relevo, numerais aplicados com revestimento luminescente branco. Ponteiros em estilo bastão com revestimento luminescente branco.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eCoroa rosqueada. Fundo da caixa em cristal de safira.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e8,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42,2 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eMaterial composto\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho dobrável patenteado em aço\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/175246-51882.png?v=1758844722\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/203270-51883.png?v=1758844244\" alt=\"Aquanaut Blue Dial \"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n","brand":"Patek","offers":[{"title":"Default Title","offer_id":42204228616290,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/202460-51887.png?v=1758844245"},{"product_id":"nautilus-blue","title":"Nautilus Blue","description":"\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n\u003ch2\u003eUm ícone do esporte elegante\u003c\/h2\u003e\n\u003cp\u003eUma releitura de um design cult, este modelo se distingue pela caixa e pulseira em aço, além de um mostrador azul sunburst com aro preto em degradê. A arquitetura distinta do Nautilus é realçada pela sutil interação de acabamentos acetinados e polidos. A pulseira apresenta um fecho dobrável patenteado com sistema de ajuste com trava.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\u003cpicture\u003e \u003c!-- Desktop --\u003e \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/175354-51882.png?v=1758846007\"\u003e \u003c!-- Mobile --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/175354-51882.png?v=1758846007\" alt=\"Nautilus Blue\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n\u003cdiv class=\"accordion-container\"\u003e\n\u003c!-- DESCRIÇÃO --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cp\u003eAzul com aro em degradê preto, relevo horizontal, marcadores de hora em formato de bastão aplicados com revestimento luminescente branco. Ponteiros arredondados em formato de bastão com revestimento luminescente branco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- CARACTERÍSTICAS --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cp\u003eFecho dobrável patenteado em aço. Sistema de ajuste com trava.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cdl class=\"specs-grid\"\u003e\n\u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e8,2 mm\u003c\/dd\u003e\n\u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e41 mm\u003c\/dd\u003e\n\u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n\u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n\u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n\u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n\u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- BRACELETE (duas colunas) --\u003e\n\u003cdetails class=\"acc-item\"\u003e\n\u003csummary\u003eBRACELETE\u003c\/summary\u003e\n\u003cdiv class=\"acc-content\"\u003e\n\u003cdl class=\"specs-grid\"\u003e\n\u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n\u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho dobrável patenteado em aço\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\u003cpicture\u003e \u003c!-- Desktop --\u003e \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/206351-51882.png?v=1758846007\"\u003e \u003c!-- Mobile --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/206352-51883.png?v=1758846008\" alt=\"Nautilus Blue\"\u003e\u003c\/picture\u003e\u003c\/div\u003e","brand":"Patek","offers":[{"title":"Default Title","offer_id":42204241625186,"sku":null,"price":1380.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/4827-51889.png?v=1758846372"},{"product_id":"seamaster-diver-300m-007-edition-42-mm","title":"Seamaster Diver 300M 007 Edition 42 mm + BRINDE","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\u003eSeamaster 007 Sem Tempo para Morrer\u003c\/h2\u003e\n  \u003cp\u003eIdêntico ao relógio de 007 no filme Sem Tempo para Morrer, este Seamaster de 42 mm, leve mas resistente, apresenta um mostrador e luneta em alumínio castanho tropical.\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\/6193cba26ff34220848172d5c36c6372.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\u003eLigeiramente mais fino do que os modelos Diver 300M normais, graças ao acabamento abaulado do vidro de safira, é apresentado com uma bracelete de malha com uma inovadora fivela ajustável.\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\/omegaseamasterdiver300maxialmasterchronometer4.png?v=1757767220\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300c.png?v=1757767165\" 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\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eAs ligas de aço são leves, resistentes à corrosão, inertes e suportam temperaturas extremas, sendo ideais para medicina, aeronaves e naves espaciais. O aço destaca-se pela cor cinzenta suave, especialmente em peças com acabamento escovado.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eQuartzo\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre.png?v=1757352968\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento Quartzo. Balanço livre de registo com espiral de silício. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eIdêntico ao relógio de 007 no filme Sem Tempo para Morrer, este Seamaster de 42 mm em aço, leve mas resistente, apresenta um mostrador e luneta em alumínio castanho tropical.\u003c\/p\u003e\n        \u003cp\u003eLigeiramente mais fino do que os modelos Diver 300M normais, graças ao acabamento abaulado do vidro de safira, é apresentado com uma bracelete de malha em aço com uma inovadora fivela ajustável.\u003c\/p\u003e\n        \u003cp\u003eO Diver edição 007 é alimentado pelo mecanismo de Quartzo, que alcançou os padrões mais elevados da indústria em termos de precisão, desempenho – e naturalmente – resistência magnética.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Quartzo.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,60 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e12,99 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCastanho\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e93 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":42205606576226,"sku":null,"price":580.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaseamasterdiver300m.png?v=1757767572"},{"product_id":"seamaster-planet-ocean-600m","title":"Seamaster PLANET OCEAN 600M","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\u003eSeamaster\nPLANET OCEAN 600M\u003c\/h2\u003e\n  \u003cp\u003eFoi com o legado marítimo da OMEGA em mente que a marca lançou a sua linha Planet Ocean em 2005. Hoje, os modelos elegantes continuam a homenagear a herança de relógios de mergulho da OMEGA.\u003c\/p\u003e\n\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 9900\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre-9900.avif?v=1758923177\" alt=\"Calibre Omega 9900\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eFoi com o legado marítimo da OMEGA em mente que a marca lançou a sua linha Planet Ocean em 2005. Hoje, os modelos elegantes continuam a homenagear a herança de relógios de mergulho da OMEGA.\u003c\/p\u003e\n        \u003cp\u003eEste modelo de 45,50 mm em aço inoxidável apresenta um mostrador em titânio ceramizado com um contador de pequenos segundos e uma janela de data, bem como contadores de 60 minutos e 12 horas às 3 horas. Foi usada cerâmica laranja nos aros dos botões e também na luneta unidirecional, que inclui uma escala de mergulho preenchida com cerâmica líquida e Super-LumiNova.\u003c\/p\u003e\n        \u003cp\u003eOutras caraterísticas incluem um fundo de caixa de rosca alveolado e uma bracelete integrada em aço inoxidável com fecho de báscula extensível patenteado e extensão para mergulho.\u003c\/p\u003e\n         \u003cp\u003eO relógio é estanque até 600 metros\/2000 pés\/60 bars e inclui uma válvula de escape de hélio. No coração deste relógio está o calibre OMEGA Master Chronometer 9900, visível através do fundo de caixa transparente. Para obter o estatuto Master Chronometer, passou nos 8 testes rigorosos estabelecidos pelo METAS (o Swiss Federal Institute of Metrology).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Fundo transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e22 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e52,30 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e18,90 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e45,5 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCinza\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e261 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 9900\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula com extensão\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Omega","offers":[{"title":"Default Title","offer_id":42206644273250,"sku":null,"price":1480.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-planet-ocean-600m-co-axial-master-chronomete_50dd4ac2-d1d0-4d62-b9ae-807a3dd5e02c.png?v=1758923633"},{"product_id":"moonswatch-1965","title":"MoonSwatch 1965","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch 1965\u003c\/h2\u003e\n  \u003cp\u003eEste cronógrafo de edição limitada apresenta uma caixa, coroa e botões em Polimérico Premium cinzento, bem como uma bracelete de VELCRO® em cinzento com pesponto contrastante em cinzento-claro e presilha em Polimérico Premium. Tem um mostrador branco e uma luneta em Polimérico Premium preto com uma escala taquimétrica branca.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ae2f7ec1cd1d461ca3d37d0a876a3d3a.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eEste relógio apresenta dois contadores únicos nas posições das 10 e das 2 horas. O primeiro indica o número 19 (normalmente 60) no topo, enquanto o outro apresenta o número 65 (normalmente 10), uma referência ao ano de 1965. Estes contadores foram calibrados para totalizar 19 horas (contador na posição das 10 horas) e 65 minutos (contador na posição das 2 horas), o que torna a leitura do cronógrafo um pouco diferente da dos cronógrafos típicos.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_ms1965_v3.webp?v=1758997240\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_ms1965_v3.png?v=1758997222\" alt=\"MoonSwatch 1965\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste cronógrafo de edição limitada apresenta uma caixa, coroa e botões em Polimérico Premium cinzento, bem como uma bracelete de VELCRO® em cinzento com pesponto contrastante em cinzento-claro e presilha em Polimérico Premium. Tem um mostrador branco e uma luneta em Polimérico Premium preto com uma escala taquimétrica branca.\u003c\/p\u003e\n        \u003cp\u003eEste relógio apresenta dois contadores únicos nas posições das 10 e das 2 horas. O primeiro indica o número 19 (normalmente 60) no topo, enquanto o outro apresenta o número 65 (normalmente 10), uma referência ao ano de 1965. Estes contadores foram calibrados para totalizar 19 horas (contador na posição das 10 horas) e 65 minutos (contador na posição das 2 horas), o que torna a leitura do cronógrafo um pouco diferente da dos cronógrafos típicos.\u003c\/p\u003e\n        \u003cp\u003eOs números 19, 65 e 60 (no contador da posição das 6 horas) brilham a azul sob luz UV, prestando homenagem ao OMEGA Speedmaster e à qualificação de voo que recebeu da NASA, há 60 anos, em 1965. Na tampa da pilha encontra-se uma imagem da Lua. Os mostradores de todos os relógios desta coleção apresentam a marca OMEGA X Swatch, o icónico logótipo Speedmaster e o logótipo MoonSwatch. Também comuns a todos os modelos são a construção em vidro de origem biológica em forma de caixa, o \"S\" gravado no centro do vidro que faz referência ao logótipo da Swatch, o padrão circular fino e sofisticado no anel exterior do mostrador e os mostradores secundários embutidos, a construção vincada e suave das asas e, claro, a sensação única do Bioceramic.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eCinzento, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,25 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003ePolimérico Premium\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42208741687394,"sku":null,"price":680.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_ms1965_v3.png?v=1758997695"},{"product_id":"moonswatch-mission-to-earthphase-gray","title":"MoonSwatch MISSION TO EARTHPHASE","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO EARTHPHASE\u003c\/h2\u003e\n  \u003cp\u003eEste cronógrafo de edição limitada apresenta uma caixa, coroa e botões em Polimérico Premium cinzento-claro, bem como uma bracelete de VELCRO® preta com pesponto contrastante em cinzento-claro e presilha em Polimérico Premium. Tem um mostrador cinzento com uma textura granulada que se assemelha à superfície lunar.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d7d52a3c652f46f5b93282e9bcf1158e.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eEste relógio tem uma escala taquimétrica num tom preto elegante com marcadores numa cor em cinzento-claro recentemente criada. Para celebrar a Lua e a Terra, tem uma função de fases da lua e uma função patenteada de fases da terra. Duas luas de grandes dimensões com Super-LumiNova® (emissão branca) podem ser vistas no disco das fases da lua, que roda no submostrador situado na posição das 2 horas. A função de fases da terra localizada no submostrador na posição das 10 horas é colorida. Para dar um toque de outro mundo, os oceanos são revestidos com tinta UV, que emite um brilho azul visível sob luz UV.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_mte_1920x1370_e2e21e7d-1a09-4af7-b0aa-6efc39dc9dae.webp?v=1758998015\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_mte_1080x1000_116b263b-5e65-459f-90f7-22ddafd5c692.png?v=1758998041\" alt=\"MoonSwatch MISSION TO EARTHPHASE\"\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste cronógrafo de edição limitada apresenta uma caixa, coroa e botões em Polimérico Premium cinzento-claro, bem como uma bracelete de VELCRO® preta com pesponto contrastante em cinzento-claro e presilha em Polimérico Premium. Tem um mostrador cinzento com uma textura granulada que se assemelha à superfície lunar. Este relógio tem uma escala taquimétrica num tom preto elegante com marcadores numa cor em cinzento-claro recentemente criada.\u003c\/p\u003e\n        \u003cp\u003ePara celebrar a Lua e a Terra, tem uma função de fases da lua e uma função patenteada de fases da terra. Duas luas de grandes dimensões com Super-LumiNova® (emissão branca) podem ser vistas no disco das fases da lua, que roda no submostrador situado na posição das 2 horas. A função de fases da terra localizada no submostrador na posição das 10 horas é colorida. Para dar um toque de outro mundo, os oceanos são revestidos com tinta UV, que emite um brilho azul visível sob luz UV.\u003c\/p\u003e\n        \u003cp\u003eNa tampa da pilha encontra-se uma imagem da Lua, com a pegada de Neil Armstrong, o primeiro homem a pisar a Lua. Os mostradores de todos os relógios desta coleção apresentam a marca OMEGA X Swatch, o icónico logótipo Speedmaster e o logótipo MoonSwatch. Também comuns a todos os modelos são a construção em vidro de origem biológica em forma de caixa, o \"S\" gravado no centro do vidro que faz referência ao logótipo da Swatch, o padrão circular fino e sofisticado no anel exterior do mostrador e os submostradores embutidos, a construção vincada e suave das asas e, claro, a sensação única do Polimérico Premium.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003ecinzento-claro, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003ePolimérico Premium\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eCinzento Claro\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42208764919906,"sku":null,"price":580.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_mte_1080x1470_b35138d7-3703-468b-b7a5-c401243f4099.png?v=1758998040"},{"product_id":"moonswatch-mission-to-the-moonphase-full-moon","title":"MoonSwatch MISSION TO THE MOONPHASE FULL MOON","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO THE MOONPHASE FULL MOON\u003c\/h2\u003e\n  \u003cp\u003eFazendo referência à lua cheia, este modelo edição limitada ostenta um esquema de cores totalmente branco. Apresenta caixa, coroa e botões em Polimérico Premium, além de pulseira em VELCRO®. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são pretos.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/68fb6a4182e84449a35aec5f3f9374a8.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eOs submostradores e a luneta são brancos. Este modelo se destaca pela função de fases da lua, indiscutivelmente a mais poética de todas as complicações de relógio. O Snoopy, associado a missões espaciais humanas desde a década de 1960, é retratado deitado na lua no disco de fases da lua, que gira no submostrador posicionado às 2 horas. Sob luz ultravioleta, uma citação oculta de uma história em quadrinhos do Snoopy, aninhada entre luas crescentes e estrelas, é revelada no submostrador exclusivo.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_1920x1370_9080a9eb-6a51-4fb4-b344-2ccc860c3ce5.png?v=1759241686\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_1080x1200_14e89ed9-3473-427c-9180-4e51451277cc.png?v=1759241686\" alt=\"MoonSwatch MISSION TO THE MOONPHASE FULL MOON\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eFazendo referência à lua cheia, este modelo edição limitada ostenta um esquema de cores totalmente branco. Apresenta caixa, coroa e botões em Biocerâmica, além de pulseira em VELCRO®. O ponteiro de segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são pretos.\u003c\/p\u003e\n        \u003cp\u003eOs submostradores e a luneta são brancos. Este modelo se destaca pela função de fases da lua, indiscutivelmente a mais poética de todas as complicações de relógio. O Snoopy, associado a missões espaciais humanas desde a década de 1960, é retratado deitado na lua no disco de fases da lua, que gira no submostrador posicionado às 2 horas. Sob luz ultravioleta, uma citação oculta de uma história em quadrinhos do Snoopy, aninhada entre luas crescentes e estrelas, é revelada no submostrador exclusivo. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica em formato de caixa, o \"S\" gravado no centro do vidro em referência ao logotipo da Swatch, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção das asas afiadas e suaves, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação Biocerâmica são comuns a todos os modelos. Os índices, os ponteiros das horas e minutos e o ponteiro dos segundos do cronógrafo ostentam Super-LumiNova® de grau A para um brilho perfeito no escuro. \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eBranco, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213102288994,"sku":null,"price":880.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_1080x1181_94a40f37-16d1-42cd-877a-f730cce9ca8e.png?v=1759258273"},{"product_id":"moonswatch-mission-to-the-moonphase-new-moon","title":"MoonSwatch MISSION TO THE MOONPHASE NEW MOON","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION TO THE MOONPHASE NEW MOON\u003c\/h2\u003e\n  \u003cp\u003eApropriadamente chamado de \"NEW MOON\", este modelo edição limitada ostenta um elegante esquema de cores totalmente preto. Apresenta uma caixa, coroa e botões em Biocerâmica, bem como uma pulseira de VELCRO®. O ponteiro dos segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são em branco.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5fa5d3d0a1b1445fb5e1ab44a29138d5.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eOs submostradores e a luneta são em preto. Este modelo destaca-se pela sua função de fases da lua preta, sem dúvida a mais poética de todas as complicações de relógio. O Snoopy, associado a missões espaciais humanas desde a década de 1960, é retratado deitado na lua no disco de fases da lua, que gira no submostrador ajustado às 2 horas. \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_1920x1370_v2.png?v=1759244624\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_1080x1200x2.png?v=1759244625\" alt=\"MoonSwatch MISSION TO THE MOONPHASE NEW MOON\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eApropriadamente chamado de \"LUA NOVA\", este modelo edição limitada ostenta um elegante esquema de cores totalmente preto. Apresenta uma caixa, coroa e botões em Biocerâmica, bem como uma pulseira de VELCRO®. O ponteiro dos segundos do cronógrafo, os ponteiros do submostrador e a escala taquimétrica são em branco. Os submostradores e a luneta são em preto.\u003c\/p\u003e\n        \u003cp\u003eEste modelo destaca-se pela sua função de fases da lua preta, sem dúvida a mais poética de todas as complicações de relógio. O Snoopy, associado a missões espaciais humanas desde a década de 1960, é retratado deitado na lua no disco de fases da lua, que gira no submostrador ajustado às 2 horas. Sob luz UV, uma citação oculta de uma história em quadrinhos do Snoopy, aninhada entre luas crescentes e estrelas, é revelada no submostrador exclusivo.\u003c\/p\u003e\n        \u003cp\u003eTodos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch. A construção em vidro de origem biológica em formato de caixa, o \"S\" gravado no centro do vidro em referência ao logotipo da Swatch, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção das asas afiadas e suaves, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação Biocerâmica são comuns a todos os modelos. Os índices, os ponteiros das horas e minutos e o ponteiro dos segundos do cronógrafo ostentam Super-LumiNova® de grau A para um brilho perfeito no escuro.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003ePreto, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213199773794,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_960x960x2.png?v=1759258189"},{"product_id":"moonswatch-mission-on-earth-desert","title":"MoonSwatch MISSION ON EARTH DESERT","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION ON EARTH DESERT\u003c\/h2\u003e\n  \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica na cor areia e uma pulseira de VELCRO® cinza (taupe) com pesponto contrastante na cor areia. Apresenta um mostrador cinza (taupe) com ponteiros na cor areia. Os submostradores apresentam algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6acaae75d40149eca6b785627fa3ecc2.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eA luneta cinza (taupe) é adornada com uma escala taquimétrica na cor areia. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, os icônicos logotipos Speedmaster e MoonSwatch. A construção em vidro de origem biológica em formato de caixa, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a sensação única em Biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_moe_desert_1920x1371_v3.png?v=1759245870\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_moe_desert_1080x1200_v3.png?v=1759245870\" alt=\"MoonSwatch MISSION ON EARTH DESERT\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica na cor areia e uma pulseira de VELCRO® cinza (taupe) com pesponto contrastante na cor areia. Apresenta um mostrador cinza (taupe) com ponteiros na cor areia. Os submostradores apresentam algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III.\u003c\/p\u003e\n        \u003cp\u003eA luneta cinza (taupe) é adornada com uma escala taquimétrica na cor areia. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, os icônicos logotipos Speedmaster e MoonSwatch. A construção em vidro de origem biológica em formato de caixa, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a sensação única em Biocerâmica são comuns a todos os modelos.\u003c\/p\u003e\n        \u003cp\u003eO ponteiro das horas e os marcadores, o ponteiro dos minutos e a ponta do ponteiro dos segundos do cronógrafo ostentam Super-LumiNova® (emissão verde) para um brilho perfeito no escuro. \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAreia, pulseira de VELCRO®, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAreia\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213251547234,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_moe_desert_1080x1470_v2.png?v=1759246279"},{"product_id":"moonswatch-mission-on-earth-polar-lights","title":"MoonSwatch MISSION ON EARTH POLAR LIGHTS","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION ON EARTH POLAR LIGHTS\u003c\/h2\u003e\n  \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica turquesa e uma pulseira de VELCRO® azul com pespontos turquesa contrastantes. Apresenta um mostrador azul-escuro com pequenos brilhos prateados inspirados nos mostradores de vidro aventurina. O layout desses flocos é diferente em cada modelo, tornando o mostrador de cada relógio único. Todos os ponteiros são em turquesa\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a6ffa343130348bf85fb1ece1a4ee169.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eOs submostradores recuados apresentam anéis brancos, bem como algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III. O aro azul é adornado com uma escala taquimétrica turquesa. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_moe_polar_1920x1371_v2.webp?v=1759246461\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_m_moe_polar_1080x1200_1893152d-f72a-4f6f-a144-f85563df5777.png?v=1759246444\" alt=\"MoonSwatch MISSION ON EARTH POLAR LIGHTS\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica turquesa e uma pulseira de VELCRO® azul com pespontos turquesa contrastantes. Apresenta um mostrador azul-escuro com pequenos brilhos prateados inspirados nos mostradores de vidro aventurina. O layout desses flocos é diferente em cada modelo, tornando o mostrador de cada relógio único. Todos os ponteiros são em turquesa.\u003c\/p\u003e\n        \u003cp\u003eOs submostradores recuados apresentam anéis brancos, bem como algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III. O aro azul é adornado com uma escala taquimétrica turquesa. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica em formato de caixa, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação Biocerâmica são comuns a todos os modelos. O ponteiro das horas e os marcadores, o ponteiro dos minutos, bem como a ponta do ponteiro dos segundos do cronógrafo, ostentam Super-LumiNova® (emissão verde) para um brilho perfeito no escuro.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eTurquesa, pulseira de VELCRO® Azul, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul e Turquesa\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213263671394,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_moe_polar_1080x1470_dd552b6b-bf28-416e-a865-783c0ed7c5f8.png?v=1759247159"},{"product_id":"moonswatch-mission-on-earth-lava","title":"MoonSwatch MISSION ON EARTH LAVA","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600\u0026display=swap');\n\n  \/* ========= BLOCO VÍDEO + IMAGEM ========= *\/\n  .video-container {\n    position: relative;\n    width: 100%;\n    padding-top: 56.25%; \/* 16:9 *\/\n    overflow: hidden;\n    margin-bottom: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .video-container video {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%; object-fit: cover;\n  }\n  .image-container { width: 100%; font-family: 'Montserrat', sans-serif; }\n  .image-container img { display: block; width: 100%; height: auto; }\n  .image-container h1, .image-container h2, .image-container h3,\n  .video-container h1, .video-container h2, .video-container h3 {\n    font-family: 'Montserrat', sans-serif; font-weight: 600;\n  }\n  .image-container p, .video-container p {\n    font-family: 'Montserrat', sans-serif; font-weight: 400;\n  }\n\n  \/* ========== ADIÇÕES: BLOCO SUPERIOR E TEXTO ABAIXO DO VÍDEO ========== *\/\n  .intro-section {\n    max-width: 1100px;\n    margin: 28px auto 16px auto;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .intro-section h2 {\n    font-size: 28px;\n    margin: 0 0 10px 0;\n    font-weight: 600;\n  }\n  .intro-section p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  .after-video-text {\n    max-width: 1100px;\n    margin: 16px auto 0;\n    padding: 0 16px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .after-video-text p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    color: #333;\n  }\n\n  \/* ========= CARROSSEL “PRINCIPAIS MATERIAIS” (CSS ONLY) ========= *\/\n  #materials-carousel-003 {\n    width: 100%;\n    margin: 60px auto;\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n  }\n  #materials-carousel-003 h2 {\n    font-size: 28px;\n    margin: 40px 0;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    font-weight: 600;\n  }\n  .carousel-container { position: relative; overflow: hidden; width: 100%; }\n\n  .materials-grid {\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;         \/* smooth nos cliques das barras *\/\n    padding-bottom: 6px;\n    scrollbar-width: none;\n  }\n  .materials-grid::-webkit-scrollbar { display: none; }\n\n  \/* Card como \u003cdetails\u003e para abrir\/fechar sem JS *\/\n  .material-card {\n    flex: 0 0 300px;\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n    background: #fff;\n    box-sizing: border-box;\n    border: 0;\n  }\n  .material-card summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none;\n    display: block;\n  }\n  .material-card summary::-webkit-details-marker { display: none; }\n\n  .material-card img {\n    width: 100%;\n    aspect-ratio: 975\/1350;\n    object-fit: cover;\n    display: block;\n    margin-bottom: 10px;\n  }\n  .material-card h3 {\n    font-size: 16px;\n    margin: 0 10px 10px 10px;\n    text-transform: capitalize;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  \/* Texto oculto por padrão e com fade\/altura para ~400+ chars *\/\n  .material-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin: 0 10px;\n    font-size: 15px;\n    color: #444;\n    text-align: left;\n    transition: max-height .5s ease, opacity .5s ease;\n    font-weight: 400;\n  }\n  .material-content p { margin: 0 0 10px 0; }\n  .material-card[open] .material-content {\n    max-height: 520px;   \/* suporta descrições longas *\/\n    opacity: 1;\n    margin-bottom: 16px;\n  }\n\n  \/* Indicadores (barrinhas) clicáveis *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n    align-items: center;\n  }\n  .carousel-indicators a {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: #ddd;\n    border-radius: 2px;\n    text-indent: -9999px; \/* acessível, mas invisível *\/\n  }\n  .carousel-indicators a:focus { outline: 2px solid #c00; }\n  \/* opcional: destaque leve quando alvo está focado via :target (sem JS) *\/\n  .materials-grid:has(#mat-1:target) ~ .carousel-indicators a[data-target=\"#mat-1\"],\n  .materials-grid:has(#mat-2:target) ~ .carousel-indicators a[data-target=\"#mat-2\"],\n  .materials-grid:has(#mat-3:target) ~ .carousel-indicators a[data-target=\"#mat-3\"] {\n    background: #c00;\n  }\n\n  \/* ========= BLOCO “MOVIMENTO” ========= *\/\n  .movement-section{\n    display:block; background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif;\n  }\n  .movement-container{\n    max-width:1200px; margin:0 auto; display:grid; gap:22px;\n    grid-template-areas:\"head\" \"image\" \"desc\"; align-items:center; text-align:center;\n  }\n  .movement-head{ grid-area:head; }\n  .movement-subtitle{\n    font-size:14px; letter-spacing:2px; color:#666; margin:0 0 10px 0; font-weight:600;\n  }\n  .movement-title{ font-size:28px; color:#1F3B4D; margin:0; font-weight:600; }\n  .movement-image{ grid-area:image; }\n  .movement-image img{ width:100%; max-width:360px; height:auto; display:inline-block; }\n  .movement-desc{\n    grid-area:desc; font-size:16px; line-height:1.6; color:#333; max-width:680px; margin:0 auto; font-weight:400;\n  }\n  @media (min-width: 992px){\n    .movement-container{\n      grid-template-columns: 1fr 1fr;\n      grid-template-areas: \"head image\" \"desc image\";\n      gap:28px 40px; text-align:left;\n    }\n    .movement-image{ text-align:right; }\n    .movement-image img{ max-width:460px; }\n    .movement-desc{ margin:0; font-size:17px; }\n    .movement-title{ font-size:32px; }\n  }\n\n  \/* ========= SANFONA (CSS ONLY com \u003cdetails\u003e) ========= *\/\n  .accordion-section{ background:#fff; padding:60px 20px; font-family:'Montserrat', sans-serif; }\n  .accordion-container{ max-width:800px; margin:0 auto; }\n\n  .acc-item{\n    border-bottom:1px solid #ddd;\n    padding: 0;\n  }\n  .acc-item summary{\n    width:100%; background:none; border:none; text-align:left;\n    font-size:16px; font-weight:600; padding:18px 0; color:#1F3B4D; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; list-style:none; outline:none;\n  }\n  .acc-item summary::-webkit-details-marker{ display:none; }\n  .acc-item summary::after{\n    content: \"+\"; font-size:20px; transition: transform .3s;\n  }\n  .acc-item[open] summary::after{ content: \"–\"; }\n\n  .acc-content{\n    max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease, opacity .3s ease;\n  }\n  .acc-item[open] .acc-content{ max-height:1000px; opacity:1; margin-bottom:15px; }\n  .acc-content p{\n    margin:0; padding:10px 0; font-size:15px; color:#333; line-height:1.6; font-weight:400;\n  }\n  .acc-content p + p{ margin-top: 6px; } \/* espaçamento entre parágrafos *\/\n\n  \/* Dados em 2 colunas (label à esquerda, valor à direita) *\/\n  .specs-grid{\n    display:grid;\n    grid-template-columns:minmax(140px, 1fr) 1fr;\n    gap:10px 16px;\n    padding:10px 0;\n  }\n  .specs-grid dt{\n    margin:0; font-weight:600; color:#333;\n  }\n  .specs-grid dd{\n    margin:0; color:#444;\n  }\n\n  \/* Indicadores com :has pode não existir em todos browsers; degrade sem erro *\/\n  @supports not(selector(:has(*))) {\n    \/* Sem :has, mantemos todas barras cinzas (clicáveis); highlight só ao clicar e manter foco *\/\n  }\n\u003c\/style\u003e\n\n\u003c!-- ========= INTRO (TÍTULO + TEXTO ACIMA DO VÍDEO) ========= --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n  \u003ch2\u003eMoonSwatch MISSION ON EARTH LAVA\u003c\/h2\u003e\n  \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica laranja vibrante, e uma pulseira preta de VELCRO® com pespontos contrastantes em laranja. Apresenta um mostrador preto com ponteiros e marcadores de hora laranja. O ponteiro dos segundos do cronógrafo é laranja, em homenagem à cor e ao formato do modelo OMEGA Speedmaster Moonwatch \"Ultraman\" de 1968.\u003c\/p\u003e\n\u003c!-- ========= VÍDEO ========= --\u003e\n\u003cdiv class=\"video-container\"\u003e\n  \u003cvideo autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ea68689f7c4b42fb828c6c545ec94ab8.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.video-container {\n  margin: -20;\n  padding: -20;\n}\n\n.video-container video {\n  width: -50vw;\n  height: -50vh;\n  object-fit: cover;\n  display: block;\n}\n\u003c\/style\u003e\n\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eOs submostradores apresentam algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III. O aro preto é adornado com uma escala taquimétrica branca e a palavra \"TACHYMÈTRE\" escrita em laranja. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\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\/1_d_moe_lp_1920x750_v2.png?v=1759247370\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"hhttps:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/2_d_omegaxswatch_moe_lp_v3.jpg?v=1759247327\" alt=\"MoonSwatch MISSION ON EARTH LAVA\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= SANFONA (sem JS) ========= --\u003e\n\u003csection class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \u003c!-- DESCRIÇÃO --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste relógio, edição limitada, ostenta uma caixa, coroa e botões em Biocerâmica laranja vibrante, e uma pulseira preta de VELCRO® com pespontos contrastantes em laranja. Apresenta um mostrador preto com ponteiros e marcadores de hora laranja. O ponteiro dos segundos do cronógrafo é laranja, em homenagem à cor e ao formato do modelo OMEGA Speedmaster Moonwatch \"Ultraman\" de 1968.\u003c\/p\u003e\n        \u003cp\u003eOs submostradores apresentam algarismos arábicos e índices em formato radial, em homenagem aos projetos Speedmaster Alaska II e III. O aro preto é adornado com uma escala taquimétrica branca e a palavra \"TACHYMÈTRE\" escrita em laranja. Todos os mostradores da coleção ostentam a marca OMEGA X Swatch, o icônico logotipo Speedmaster e o logotipo MoonSwatch.\u003c\/p\u003e\n        \u003cp\u003eA construção em vidro de origem biológica em formato de caixa, o \"S\" gravado integrado no centro do vidro, o padrão circular fino e sofisticado no anel externo do mostrador e nos submostradores recuados, a construção angular e suave das asas, o icônico detalhe \"ponto sobre 90\" na escala taquimétrica e, claro, a exclusiva sensação Biocerâmica são comuns a todos os modelos. Os ponteiros de hora e minuto, bem como os marcadores de hora, ostentam Super-LumiNova® (emissão verde) para um brilho perfeito no escuro. \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eLaranja Vibrante, pulseira de VELCRO® Preta, vidro de origem biológica\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,75 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eBiocerâmica\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eLaranja e Preto\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eQuartzo\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eVELCRO®\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de VELCRO®\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Aristocrat","offers":[{"title":"Default Title","offer_id":42213274976354,"sku":null,"price":780.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/1_m_moe_lava_1080x1470_e461b203-c025-431f-a2a2-1df1c8636263.png?v=1759258084"},{"product_id":"speedmaster-anniversary-series-snoopy-award-42mm-primeira-linha","title":"Speedmaster Anniversary Series Snoopy Award 42mm [Primeira Linha]","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\u003eSpeedmaster Anniversary Series Snoopy Award\u003c\/h2\u003e\n  \u003cp\u003eA nossa atenção ao detalhe é evidente em tudo o que fazemos. O mostrador prateado do nosso relógio do 50.º aniversário “Silver Snoopy Award” é um exemplo brilhante. Com ponteiros estilo “baton” finamente curvados, marcadores de horas em forma angular e um contador Snoopy em relevo às 9 horas, concluímos a nossa missão de levar cada componente ao mais alto nível de qualidade. Esta é a nossa abordagem rigorosa. Esta é a precisão OMEGA.\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\/87fa1801715442f6aa0ceb69074a5570.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\u003eNeste relógio comemorativo do 50.º aniversário presta homenagem ao “Silver Snoopy Award” que a OMEGA recebeu dos astronautas da NASA em 1970, como reconhecimento pelas contribuições da marca para a exploração espacial, incluindo a missão Apollo 13.\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\/omega-speedmaster-anniversary-series-co-axial-master-chronom-_7.png?v=1759432400\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-anniversary-series-co-axial-master-chronom-_3.png?v=1759432399\" alt=\"Speedmaster Anniversary Series Snoopy Award 42mm\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-titanium_grade.png?v=1757714709\" alt=\"Titânio de grau 5\"\u003e\n          \u003ch3\u003eAço Inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L. Conhecido pela resistência à corrosão e pelo elevado lustre após o polimento, este material é muitas vezes a escolha ideal tanto para relógios para o dia a dia como para os destinados a situações muito exigentes, como relógios de mergulho e de aventura.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-ceramic_s.png?v=1757714709\" alt=\"Cerâmica\"\u003e\n          \u003ch3\u003eCerâmica\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA tem uma perícia incomparável na utilização de cerâmica, que começou há já mais de 10 anos. Com origem na palavra grega \"keramos\", a cerâmica é uma substância inorgânica não-metálica obtida pelo tratamento com fogo a altas temperaturas. Permite a criação de peças de relógio completamente densas com propriedades mecânicas excecionais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomático\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre-3861_04f47e4d-aa15-4bd9-9e74-83024dc35053.png?v=1759432398\" alt=\"Calibre OMEGA 3861\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento cronógrafo de corda manual. , é resistente a campos magnéticos até 15.000 gauss. Balanço livre de registo com espiral de silício. Acabamento revestido a ródio, pontes com \"Côtes de Genève\" retas.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eEste relógio comemorativo do 50.º aniversário presta homenagem ao “Silver Snoopy Award” que a OMEGA recebeu dos astronautas da NASA em 1970, como reconhecimento pelas contribuições da marca para a exploração espacial, incluindo a missão Apollo 13.\u003c\/p\u003e\n        \u003cp\u003eA caixa de 42 mm em aço inoxidável é apresentada com uma bracelete azul em tecido de nylon. O mostrador em prata possui marcadores de horas e ponteiros angulares em PVD azul e ainda um medalhão Snoopy em prata gravado em relevo no submostrador azul às 9 horas.\u003c\/p\u003e\n        \u003cp\u003eNo fundo de caixa com NAIAD LOCK, uma visão do lado distante da Lua foi decorada no vidro de safira com um processo de metalização microestruturada. \u003c\/p\u003e\n        \u003cp\u003eAlém das gravações a preto no fundo de caixa que são um tributo à missão Apollo 13 e ao Silver Snoopy Award da OMEGA. O relógio não limitado é alimentado pelo Movimento Automático.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Pequenos segundos\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e47,50 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e14,47 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePrateado\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e90 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomático\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eAutomático\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eCor do bracelete\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFivela de pino\u003c\/dd\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eTecido de nylon revestido\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":42216131493986,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-anniversary-series-co-axial-master-chronom.png?v=1759432596"},{"product_id":"seamaster-diver-300m-42-mm-bracelete-de-borracha","title":"Seamaster Diver 300M 42 mm Bracelete de Borracha","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\u003eSeamaster Diver 300M 42 mm Bracelete de Borracha\u003c\/h2\u003e\n  \u003cp\u003eDesde 1993, o Seamaster Diver 300M conquistou uma legião de seguidores verdadeiramente lendária. A atual coleção abraçou o célebre legado marítimo e atualizou-o com a inovação e o design mais avançados da OMEGA.\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\/56e5d66b641e44aaa73eadd5fa2003b8.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\u003eEste modelo de 42 mm é fabricado em aço inoxidável e inclui uma luneta em alumínio oxálico anodizado preto com uma escala de mergulho em Super-LumiNova branca.\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\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_6.png?v=1759433844\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_3.png?v=1759433843\" alt=\"Seamaster Diver 300M 42 mm Bracelete de Borracha\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8806\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre.png?v=1757352968\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDesde 1993, o Seamaster Diver 300M conquistou uma legião de seguidores verdadeiramente lendária. A atual coleção abraçou o célebre legado marítimo e atualizou-o com a inovação e o design mais avançados da OMEGA.\u003c\/p\u003e\n        \u003cp\u003eEste modelo de 42 mm é fabricado em aço inoxidável e inclui uma luneta em alumínio oxálico anodizado preto com uma escala de mergulho em Super-LumiNova branca.\u003c\/p\u003e\n        \u003cp\u003eO alumínio preto também é utilizado para criar o mostrador, que é gravado a laser com o icónico padrão de ondas do Diver. Os ponteiros e índices esqueletizados são revestidos a ródio e preenchidos com Super-LumiNova branca, enquanto as outras marcações, incluindo o logótipo OMEGA, são transferidas em branco.\u003c\/p\u003e\n         \u003cp\u003eO relógio é apresentado com uma bracelete em malha escovada com fecho e é alimentado pelo calibre OMEGA Co-Axial Master Chronometer 8806, que pode ser admirado através do fundo da caixa em vidro de safira.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Luneta rotativa unidirecional.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,70 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,80 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\/Branco\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e119 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8806\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eBorracha\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Preto","offer_id":42216187691106,"sku":"Seamaster Diver 300M 42 mm Bracelete de Borracha - Preto","price":960.0,"currency_code":"BRL","in_stock":true},{"title":"Branco","offer_id":42216187723874,"sku":"Seamaster Diver 300M 42 mm Bracelete de Borracha - Branco","price":960.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm.png?v=1759433843"},{"product_id":"seamaster-diver-300m-americas-cup-em-borracha","title":"Seamaster Diver 300M America's Cup em Borracha","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\u003eSeamaster Diver 300M America's Cup\u003c\/h2\u003e\n  \u003cp\u003ePara celebrar o papel da OMEGA como Cronometrista Oficial na 37.ª America's Cup, a OMEGA produziu este impressionante Seamaster Diver 300M com escala de regata e fundo de caixa comemorativo.\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\/e4c057d7aff54dd88065122ec8355613.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO mostrador em cerâmica branca com acabamento mate é gravado a laser com ondas em relevo positivo. O ponteiro central dos segundos tem um contrapeso do troféu da America's Cup no mesmo azul do logótipo de Barcelona.\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\/21032422004002_preview_video_medium_2939b427-f5b2-44b6-8802-22593e698f4f.png?v=1759435316\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/21030422004002_hand.avif?v=1759435476\" alt=\"Seamaster Diver 300M America's Cup em Borracha\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eCerâmica\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA tem uma perícia incomparável na utilização de cerâmica, que começou há já mais de 10 anos. Com origem na palavra grega \"keramos\", a cerâmica é uma substância inorgânica não-metálica obtida pelo tratamento com fogo a altas temperaturas. Permite a criação de peças de relógio completamente densas com propriedades mecânicas excecionais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8806\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre.png?v=1757352968\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003ePara celebrar o papel da OMEGA como Cronometrista Oficial na 37.ª America's Cup, a OMEGA produziu este impressionante Seamaster Diver 300M com escala de regata e fundo de caixa comemorativo.\u003c\/p\u003e\n        \u003cp\u003eO Seamaster Diver 300M de 42 mm em aço inoxidável possui uma luneta unidirecional em cerâmica azul com uma escala de regata, composta por duas secções de pré-partida de 5 minutos e uma secção START com uma bandeira inspirada na regata.\u003c\/p\u003e\n        \u003cp\u003eO mostrador em cerâmica branca com acabamento mate é gravado a laser com ondas em relevo positivo. O ponteiro central dos segundos tem um contrapeso do troféu da America's Cup no mesmo azul do logótipo de Barcelona.\u003c\/p\u003e\n         \u003cp\u003eEste logótipo azul distintivo, com \"Auld Mug\" e B de Barcelona, também se encontra no fundo da caixa em vidro de safira. O relógio é alimentado pelo calibre OMEGA Co-Axial Master Chronometer 8806. Este modelo possui uma bracelete em borracha azul com o sistema Quick-Change patenteado da OMEGA e é apresentado com uma caixa comemorativa azul com pesponto vermelho.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Luneta rotativa unidirecional.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,93 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,79 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e124 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8806\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eBorracha\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":42216201027682,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm_bd2290e5-ded4-475b-9c23-f4920dc88733.png?v=1759435317"},{"product_id":"seamaster-diver-300m-americas-cup-42mm-em-aco","title":"Seamaster Diver 300M America's Cup 42mm em Aço","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\u003eSeamaster Diver 300M America's Cup\u003c\/h2\u003e\n  \u003cp\u003ePara celebrar o papel da OMEGA como Cronometrista Oficial na 37.ª America's Cup, a OMEGA produziu este impressionante Seamaster Diver 300M com escala de regata e fundo de caixa comemorativo.\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\/e4c057d7aff54dd88065122ec8355613.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO mostrador em cerâmica branca com acabamento mate é gravado a laser com ondas em relevo positivo. O ponteiro central dos segundos tem um contrapeso do troféu da America's Cup no mesmo azul do logótipo de Barcelona.\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\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_11.png?v=1759437359\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_4.png?v=1759437356\" alt=\"Seamaster Diver 300M America's Cup 42mm em Aço\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eCerâmica\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA tem uma perícia incomparável na utilização de cerâmica, que começou há já mais de 10 anos. Com origem na palavra grega \"keramos\", a cerâmica é uma substância inorgânica não-metálica obtida pelo tratamento com fogo a altas temperaturas. Permite a criação de peças de relógio completamente densas com propriedades mecânicas excecionais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8806\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre.png?v=1757352968\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003ePara celebrar o papel da OMEGA como Cronometrista Oficial na 37.ª America's Cup, a OMEGA produziu este impressionante Seamaster Diver 300M com escala de regata e fundo de caixa comemorativo.\u003c\/p\u003e\n        \u003cp\u003eO Seamaster Diver 300M de 42 mm em aço inoxidável possui uma luneta unidirecional em cerâmica azul com uma escala de regata, composta por duas secções de pré-partida de 5 minutos e uma secção START com uma bandeira inspirada na regata.\u003c\/p\u003e\n        \u003cp\u003eO mostrador em cerâmica branca com acabamento mate é gravado a laser com ondas em relevo positivo. O ponteiro central dos segundos tem um contrapeso do troféu da America's Cup no mesmo azul do logótipo de Barcelona.\u003c\/p\u003e\n         \u003cp\u003eEste logótipo azul distintivo, com \"Auld Mug\" e B de Barcelona, também se encontra no fundo da caixa em vidro de safira. O relógio é alimentado pelo calibre OMEGA Co-Axial Master Chronometer 8806. Este modelo possui uma bracelete em borracha azul com o sistema Quick-Change patenteado da OMEGA e é apresentado com uma caixa comemorativa azul com pesponto vermelho.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Luneta rotativa unidirecional.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,93 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,79 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e124 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8806\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":42216215478370,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_1_4778699c-a75b-4516-a429-59c19e39803e.png?v=1759437357"},{"product_id":"speedmaster-57-em-aco","title":"Speedmaster '57 em Aço 40,5mm","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\u003eSpeedmaster '57\u003c\/h2\u003e\n  \u003cp\u003eO Speedmaster é um dos relógios mais emblemáticos da OMEGA. Tendo participado em todas as seis missões lunares, o relógio representa de forma impressionante o espírito pioneiro aventureiro da marca.\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\/41752cd008cf448492f02e294cb84481.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\u003eEste modelo de 40,50 mm, inspirado no lendário original de 1957, apresenta uma caixa em aço inoxidável e um mostrador azul com índices revestidos a ródio e ponteiros \"Broad Arrow” - todos com Super-LumiNova branca.\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\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp-_9.png?v=1759438990\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp-_4.png?v=1759438990\" alt=\"Speedmaster '57 em Aço 40,5mm\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-titanium_grade.png?v=1757714709\" alt=\"Titânio de grau 5\"\u003e\n          \u003ch3\u003eAço Inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L. Conhecido pela resistência à corrosão e pelo elevado lustre após o polimento, este material é muitas vezes a escolha ideal tanto para relógios para o dia a dia como para os destinados a situações muito exigentes, como relógios de mergulho e de aventura.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-ceramic_s.png?v=1757714709\" alt=\"Cerâmica\"\u003e\n          \u003ch3\u003eCerâmica\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA tem uma perícia incomparável na utilização de cerâmica, que começou há já mais de 10 anos. Com origem na palavra grega \"keramos\", a cerâmica é uma substância inorgânica não-metálica obtida pelo tratamento com fogo a altas temperaturas. Permite a criação de peças de relógio completamente densas com propriedades mecânicas excecionais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\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\/0644\/4040\/2018\/files\/watch-calibre-9906.png?v=1759438989\" alt=\"Calibre OMEGA 9906\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Cronógrafo de corda manual com roda de colunas e escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15.000 gauss. Espiral de silício, dois tambores montados em série, função de fuso horário. Ponteiros centrais das horas, minutos e segundos do cronógrafo, função de data, contador de pequenos segundos, contador de 12 horas e de 60 minutos. Acabamento a ródio com \"Côtes de Genève\" em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eO Speedmaster é um dos relógios mais emblemáticos da OMEGA. Tendo participado em todas as seis missões lunares, o relógio representa de forma impressionante o espírito pioneiro aventureiro da marca.\u003c\/p\u003e\n        \u003cp\u003eEste modelo de 40,50 mm, inspirado no lendário original de 1957, apresenta uma caixa em aço inoxidável e um mostrador azul com índices revestidos a ródio e ponteiros \"Broad Arrow” - todos com Super-LumiNova branca. Possui uma janela de data às 6 horas, um submostrador de pequenos segundos às 9 horas e contadores de cronógrafo de 12 horas e 60 minutos sobre o submostrador às 3 horas.\u003c\/p\u003e\n        \u003cp\u003eA luneta escovada inclui uma escala taquimétrica escurecida, enquanto o fundo da caixa apresenta a gravação “Speedmaster ‘57’” e um vidro de safira com tratamento antirreflexo no interior.\u003c\/p\u003e\n        \u003cp\u003eO relógio é apresentado numa bracelete a condizer com o patenteado sistema de ajuste confortável da OMEGA e é alimentado pelo calibre de corda manual OMEGA Co-Axial Master Chronometer 9906.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Cronógrafo, Data\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,64 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e14,47 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e40,5 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eAzul\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bars\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e134 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 3861\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda manual\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fecho\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula com ajuste confortável\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":42216270495842,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-_57-co-axial-master-chronometer-chronograp.png?v=1759439527"},{"product_id":"copy-speedmaster-moonwatch-professional-42-mm-primeira-linha","title":"Speedmaster Moonwatch Professional 42 mm [Primeira Linha]","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\u003eSpeedmaster Moonwatch Professional 42 mm\u003c\/h2\u003e\n  \u003cp\u003eO Speedmaster Moonwatch é um dos relógios mais emblemáticos do mundo. Tendo participado em todas as seis alunagens, o lendário cronógrafo representa de forma impressionante o espírito pioneiro e aventureiro da marca.\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\/4caf7c75c24546d28f70916f8de2eaf2.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO Moonwatch traz bracelete polida e escovada, vidro de safira frontal e traseiro, caixa assimétrica inspirada no Speedmaster da 4.ª geração, mostrador branco escalonado com logótipo OMEGA aplicado, ponteiros estilo Moonwatch e luneta preta com o icónico ponto sobre o 90.\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\/omegaspeedmastermoonwatchprofessionalmastechrr.png?v=1757771364\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omegaspeedmastermoonwatch.png?v=1757771364\" 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\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 3861\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre-3861.png?v=1757771274\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eO Speedmaster Moonwatch é um dos relógios mais emblemáticos do mundo. Tendo participado em todas as seis alunagens, o lendário cronógrafo representa de forma impressionante o espírito pioneiro e aventureiro da marca.\u003c\/p\u003e\n        \u003cp\u003eApresentado com uma bracelete polida e escovada, este Moonwatch de 42 mm em aço inoxidável possui vidro de safira na parte da frente e também no fundo da caixa. Inspirado no estilo do Speedmaster de 4.ª geração usado na Lua, também inclui uma caixa assimétrica, um mostrador escalonado lacado branco com logótipo e índices OMEGA aplicados, ponteiros estilo Moonwatch e o famoso ponto sobre o número 90 na luneta em alumínio anodizado preto.\u003c\/p\u003e\n        \u003cp\u003eNo coração do relógio está o calibre OMEGA Co-Axial Master Chronometer 3861, que alimenta o submostrador de pequenos segundos, o contador de 30 minutos, o contador de 12 horas e a função de cronógrafo central.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Fundo transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e47,50 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,18 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\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\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda manual\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Preto","offer_id":42219489296482,"sku":"Speedmaster Moonwatch Professional 42 mm\/Preto","price":1280.0,"currency_code":"BRL","in_stock":true},{"title":"Branco","offer_id":42219489329250,"sku":"Speedmaster Moonwatch Professional 42 mm\/Branco","price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-moonwatch-professional-co-axial-master-chr_2.png?v=1758582107"},{"product_id":"speedmaster-moonwatch-professional-42-mm-bracelete-de-borracha","title":"Speedmaster Moonwatch Professional 42 mm Bracelete de Borracha","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\u003eSpeedmaster Moonwatch Professional 42 mm Borracha\u003c\/h2\u003e\n  \u003cp\u003eO Speedmaster Moonwatch é um dos relógios mais emblemáticos do mundo. Tendo participado em todas as seis alunagens, o lendário cronógrafo representa de forma impressionante o espírito pioneiro e aventureiro da marca.\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\/20226204e73543c886cdbd807a5f48ec.mp4\" type=\"video\/mp4\"\u003e\n    Seu navegador não suporta vídeo em HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO ABAIXO DO VÍDEO (TEXTO) ========= --\u003e\n\u003cdiv class=\"after-video-text\"\u003e\n  \u003cp\u003eO relógio é apresentado com uma bracelete integrada em borracha preta com um padrão da superfície lunar em relevo positivo na parte inferior. O famoso calibre OMEGA Co-Axial Master Chronometer 3861 alimenta o submostrador de pequenos segundos, o contador de 30 minutos, o contador de 12 horas e a função de cronógrafo central.\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\/omega-speedmaster-moonwatch-professional-co-axial-master-chr-_7.png?v=1759777526\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-moonwatch-professional-co-axial-master-chr-_3.png?v=1759777526\" alt=\"Speedmaster Moonwatch Professional 42 mm Bracelete de Borracha\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 3861\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre-3861.png?v=1757771274\" alt=\"Calibre Omega 8806\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eO Speedmaster Moonwatch é um dos relógios mais emblemáticos do mundo. Tendo participado em todas as seis alunagens, o lendário cronógrafo representa de forma impressionante o espírito pioneiro e aventureiro da marca.\u003c\/p\u003e\n        \u003cp\u003eEste Moonwatch de 42 mm em aço inoxidável possui vidro de safira na parte da frente e também no fundo da caixa. Inspirado no estilo do Speedmaster de 4.ª geração usado na Lua, também inclui uma caixa assimétrica, um mostrador escalonado lacado branco com logótipo e índices OMEGA aplicados, ponteiros estilo Moonwatch e o famoso ponto sobre o número 90 na luneta em alumínio anodizado preto.\u003c\/p\u003e\n        \u003cp\u003eO relógio é apresentado com uma bracelete integrada em borracha preta com um padrão da superfície lunar em relevo positivo na parte inferior. O famoso calibre OMEGA Co-Axial Master Chronometer 3861 alimenta o submostrador de pequenos segundos, o contador de 30 minutos, o contador de 12 horas e a função de cronógrafo central.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Fundo transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e47,50 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,18 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eBranco\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\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\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda manual\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":42220491210850,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-speedmaster-moonwatch-professional-co-axial-master-chr.png?v=1759777526"},{"product_id":"seamaster-diver-300m-black-42-mm-em-aco","title":"Seamaster Diver 300M Black 42 mm em Aço","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\u003e Seamaster Diver 300M Black\u003c\/h2\u003e\n  \u003cp\u003eDesde 1993, o Seamaster Professional Diver 300M conquistou uma legião de fiéis seguidores. A atual coleção abraçou o célebre legado marítimo e atualizou-o com o melhor em termos de design e inovação da OMEGA.\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\/fac01c207e274d94954dec0d5982ebf9.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\u003eEste modelo de 42 mm foi criado em aço inoxidável e inclui uma luneta em cerâmica preta com uma escala de mergulho em esmalte branco. O mostrador também é em cerâmica preta polida e apresenta um padrão de ondas gravado a laser e uma janela de data às 6 horas.\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\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_7_569f6ea7-1cf0-441c-b479-8dc361470a56.png?v=1760487950\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm-_3_a03f393e-72ac-495a-a9c8-df0871872b64.png?v=1760487952\" alt=\" Seamaster Diver 300M Black 42 mm em Aço\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eCerâmica\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA tem uma perícia incomparável na utilização de cerâmica, que começou há já mais de 10 anos. Com origem na palavra grega \"keramos\", a cerâmica é uma substância inorgânica não-metálica obtida pelo tratamento com fogo a altas temperaturas. Permite a criação de peças de relógio completamente densas com propriedades mecânicas excecionais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eCalibre OMEGA 8800\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre-8800.avif?v=1760488298\" alt=\"Calibre Omega 8800\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática com escape Co-Axial. Com certificação Master Chronometer e aprovado pelo METAS, é resistente a campos magnéticos até 15 000 gauss. Balanço livre de registo com espiral de silício, corda automática em ambos os sentidos. Acabamento luxuoso com rotor e pontes revestidos a ródio e “Côtes de Genève” em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eDesde 1993, o Seamaster Professional Diver 300M conquistou uma legião de fiéis seguidores. A atual coleção abraçou o célebre legado marítimo e atualizou-o com o melhor em termos de design e inovação da OMEGA.\u003c\/p\u003e\n        \u003cp\u003eOs ponteiros esqueletizados e os índices salientes estão revestidos a ródio e preenchidos com Super-LumiNova branca, enquanto a válvula de escape de hélio surge agora com um design cónico.\u003c\/p\u003e\n        \u003cp\u003eO relógio é apresentado numa bracelete em aço inoxidável e é alimentado pelo calibre OMEGA Master Chronometer 8800, que pode ser admirado através do vidro de safira no fundo de caixa com orlas onduladas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Coroa de rosca, Luneta rotativa unidirecional.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e20 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e49,90 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,56 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e42 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003ePreto\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e5 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e124 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eOMEGA 8800\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \u003cdt\u003eMaterial da fivela\u003c\/dt\u003e\n\u003cdd\u003eAço Inoxidável\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Omega","offers":[{"title":"Default Title","offer_id":42234834911330,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-seamaster-diver-300m-co-axial-master-chronometer-42-mm_9392fd99-1138-4353-a3d0-7a703d2db19f.png?v=1760488582"},{"product_id":"pulseira-mission-strap-inspired-by-moonswatch-20mm","title":"Pulseira Mission Strap Inspired by MoonSwatch 20mm","description":"\u003ch2 style=\"text-align: center;\" data-start=\"367\" data-end=\"557\"\u003e\n\u003cstrong data-start=\"367\" data-end=\"406\"\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h2\u003e\n\u003ch2 style=\"text-align: center;\" data-start=\"367\" data-end=\"557\"\u003e\n\u003cstrong data-start=\"367\" data-end=\"406\"\u003eEleve o estilo da sua missão lunar\u003c\/strong\u003e\u003cbr data-start=\"406\" data-end=\"409\"\u003e\n\u003c\/h2\u003e\n\u003cp data-start=\"367\" data-end=\"557\"\u003eInspirada na coleção icônica \u003cstrong data-start=\"438\" data-end=\"452\"\u003eMoonSwatch\u003c\/strong\u003e, a \u003cstrong data-start=\"456\" data-end=\"473\"\u003eMission Strap\u003c\/strong\u003e foi criada para quem valoriza \u003cstrong data-start=\"504\" data-end=\"540\"\u003edesign, conforto e autenticidade\u003c\/strong\u003e em cada detalhe.\u003c\/p\u003e\n\u003cp data-start=\"559\" data-end=\"923\"\u003eFeita em \u003cstrong data-start=\"568\" data-end=\"602\"\u003esilicone de alta qualidade\u003c\/strong\u003e, essa pulseira oferece o equilíbrio perfeito entre \u003cstrong data-start=\"654\" data-end=\"681\"\u003eresistência e elegância\u003c\/strong\u003e, ideal para uso diário ou aventuras mais intensas.\u003cbr\u003e\u003c\/p\u003e\n\u003cp data-start=\"559\" data-end=\"923\"\u003eO encaixe curvo de precisão garante um ajuste perfeito ao seu relógio, proporcionando uma aparência integrada e sofisticada, como se tivesse saído direto da fábrica da Swatch x Omega.\u003c\/p\u003e\n\u003ch3\u003eEspecificações:\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eMaterial: Silicone\u003cbr\u003eComprimento: 20cm\u003cbr\u003e\u003c\/span\u003eEspessura: 3mm\u003cbr\u003eLargura: 20mm\u003cbr\u003e\u003cspan\u003eFecho: Fivela de pino\u003cbr\u003e\u003cbr\u003e\u003cem\u003eObs.: A venda é \u003cstrong data-start=\"706\" data-end=\"729\"\u003esomente da pulseira,\u003c\/strong\u003e os relógios aparecem nas fotos \u003cstrong data-start=\"760\" data-end=\"788\"\u003eapenas para demonstração\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/Se06d379158e64c2494bbc18cfa6efdafY.webp?v=1762005821\"\u003e\u003c\/em\u003e\u003c\/span\u003e\u003cimg class=\"detail-desc-decorate-image\" src=\"https:\/\/ae01.alicdn.com\/kf\/S82c5daad4fb54e12832f433c51922bca1.jpg\"\u003e\u003cbr\u003e\u003cbr\u003e\u003cimg class=\"detail-desc-decorate-image\" src=\"https:\/\/ae01.alicdn.com\/kf\/S6ed4ca8663304392ab23f3a0743ba30eI.jpg\"\u003e\u003cimg class=\"detail-desc-decorate-image\" src=\"https:\/\/ae01.alicdn.com\/kf\/Sbdc4ec91c5dc48c5b359c01487d397f1I.jpg\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Aristocrat","offers":[{"title":"Preto e Prata","offer_id":42284616679522,"sku":"200000049:200966040#Light brown white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Preta","offer_id":42284616745058,"sku":"200000049:201009050#Khaki white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Azul Marinho","offer_id":42284616613986,"sku":"200000049:100013775#Pink white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Azul Royal","offer_id":42284616777826,"sku":"200000049:1202#Royal blue;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Azul Celeste","offer_id":42284616646754,"sku":"200000049:200003699#Cyan white line;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Marrom","offer_id":42284616417378,"sku":"200000049:100010417#Dark Brown;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Vermelha","offer_id":42284616482914,"sku":"200000049:3348727#Red white line;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Laranja","offer_id":42284617203810,"sku":"200000049:366#Orange orange;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Cinza Escuro","offer_id":42284616515682,"sku":"200000049:16146268#Dark blue white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Cinza Claro","offer_id":42284616450146,"sku":"200000049:202135821#Dark Green;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":false},{"title":"Branca","offer_id":42284616548450,"sku":"200000049:76119733#Light grey white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true},{"title":"Bege","offer_id":42284616712290,"sku":"200000049:1954454310#Baby blue white;200000051:100016950","price":120.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/Pulseira_Mission_Strap_Inspired_by_MoonSwatch_20mm_-_Preto.jpg?v=1762005990"},{"product_id":"constellation-41-mm-aco-bracelete-de-couro","title":"Constellation 41 mm Aço Bracelete de Couro","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\u003eConstellation 41 mm Aço Bracelete de Couro\u003c\/h2\u003e\n  \u003cp\u003eO deslumbrante e intemporal design do OMEGA Constellation caracteriza-se pelas suas famosas meias-luas, bem como pelas “garras” na parte lateral da caixa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ========= IMAGEM (picture) ========= --\u003e\n\u003cdiv class=\"image-container\"\u003e\n  \u003cpicture\u003e\n    \u003c!-- Desktop --\u003e\n    \u003csource media=\"(min-width: 900px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-constellation-co-axial-master-chronometer-41-mm-131234-_3.png?v=1762009447\"\u003e\n    \u003c!-- Mobile --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-constellation-co-axial-master-chronometer-41-mm-131234-_2.png?v=1762009447\" alt=\"Constellation 41 mm Aço Bracelete de Couro\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= CARROSSEL (sem JS) ========= --\u003e\n\u003cdiv id=\"materials-carousel-003\"\u003e\n  \u003ch2\u003ePrincipais Materiais\u003c\/h2\u003e\n  \u003cdiv class=\"carousel-container\"\u003e\n    \u003cdiv class=\"materials-grid\" id=\"carousel\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdetails id=\"mat-1\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-stainless_steel.png?v=1757285504\" alt=\"Stainless Steel\"\u003e\n          \u003ch3\u003eAço inoxidável\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO aço inoxidável é certamente o material de relojoaria mais convencional para criar peças exteriores e oferece beleza, força e uma boa relação qualidade-preço. A OMEGA usa o aço inoxidável 316L.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 2 --\u003e\n      \u003cdetails id=\"mat-2\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-aluminium_s.png?v=1757285503\" alt=\"Aluminium\"\u003e\n          \u003ch3\u003eAlumínio\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eO alumínio é leve e ideal para componentes decorativos. Com a anodização, permite ampla gama de cores em lunetas, mostradores e ponteiros. A OMEGA criou um processo especial que torna suas lunetas quase duas vezes mais duras que as normais, oferecendo maior resistência a riscos e danos externos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003c!-- Item 3 --\u003e\n      \u003cdetails id=\"mat-3\" class=\"material-card\"\u003e\n        \u003csummary\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/materials-sapphire_crystal_s.png?v=1757285503\" alt=\"Sapphire Crystal\"\u003e\n          \u003ch3\u003eVidro de Safira\u003c\/h3\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"material-content\"\u003e\n          \u003cp\u003eA OMEGA utiliza vidro de safira sintético com tratamento antirreflexo e alta resistência a riscos. Produzido pelo processo Verneuil, que funde a matéria-prima até cristalizar, atinge dureza 9 Mohs, tornando-o quase inarranhável e garantindo total nitidez no mostrador.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Indicadores (barrinhas) --\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicators\"\u003e\n    \u003ca href=\"#mat-1\" data-target=\"#mat-1\" aria-label=\"Ir para Aço Inoxidável\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-2\" data-target=\"#mat-2\" aria-label=\"Ir para Alumínio\"\u003e•\u003c\/a\u003e\n    \u003ca href=\"#mat-3\" data-target=\"#mat-3\" aria-label=\"Ir para Vidro de Safira\"\u003e•\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========= BLOCO MOVIMENTO ========= --\u003e\n\u003csection id=\"calibre-omega-8806\" class=\"movement-section\"\u003e\n  \u003cdiv class=\"movement-container\"\u003e\n    \u003cdiv class=\"movement-head\"\u003e\n      \u003ch4 class=\"movement-subtitle\"\u003eMovimento\u003c\/h4\u003e\n      \u003ch2 class=\"movement-title\"\u003eAutomático\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"movement-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/watch-calibre-8900.png?v=1762009444\" alt=\"Calibre Omega 8900\"\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"movement-desc\"\u003e\n      Movimento de corda automática. Resistente a campos magnéticos. Balanço livre de registo com espiral de silício, dois tambores montados em série, corda automática em ambos os sentidos. Função de fuso horário. Acabamento luxuoso especial com rotor e pontes revestidos a ródio com \"Côtes de Genève\" em arabesco.\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\u003eDESCRIÇÃO\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eO deslumbrante e intemporal design do OMEGA Constellation caracteriza-se pelas suas famosas meias-luas, bem como pelas “garras” na parte lateral da caixa.\u003c\/p\u003e\n        \u003cp\u003eEste modelo de 41 mm em aço inoxidável apresenta uma luneta em  polida com algarismos romanos em OMEGA Ceragold™. O mostrador com padrão escovado é lacado para criar um aspeto brilhante e apresenta um efeito gradiente com transições do bordeaux ao preto. Possui uma janela de data às 6 horas, enquanto os ponteiros, o logótipo OMEGA, a estrela Constellation e os índices facetados.\u003c\/p\u003e\n         \u003cp\u003eApresentado numa bracelete em couro bordeaux com forro de borracha, este relógio é alimentado por movimento automático, visível através do vidro de safira abaulado resistente a riscos.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- CARACTERÍSTICAS --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eCARACTERÍSTICAS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cp\u003eAntimagnético, Data, Fundo transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- DADOS TÉCNICOS (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eDADOS TÉCNICOS\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eEntre as asas\u003c\/dt\u003e\n\u003cdd\u003e24,2 mm\u003c\/dd\u003e\n          \u003cdt\u003eDe asa a asa\u003c\/dt\u003e\n\u003cdd\u003e44 mm\u003c\/dd\u003e\n          \u003cdt\u003eEspessura\u003c\/dt\u003e\n\u003cdd\u003e13,45 mm\u003c\/dd\u003e\n          \u003cdt\u003eDiâmetro da caixa\u003c\/dt\u003e\n\u003cdd\u003e41 mm\u003c\/dd\u003e\n          \u003cdt\u003eCaixa\u003c\/dt\u003e\n\u003cdd\u003eAço\u003c\/dd\u003e\n          \u003cdt\u003eCor do mostrador\u003c\/dt\u003e\n\u003cdd\u003eVermelho\u003c\/dd\u003e\n          \u003cdt\u003eVidro\u003c\/dt\u003e\n\u003cdd\u003eSafira resistente a riscos\u003c\/dd\u003e\n          \u003cdt\u003eEstanquidade\u003c\/dt\u003e\n\u003cdd\u003e3 bar\u003c\/dd\u003e\n          \u003cdt\u003ePeso total\u003c\/dt\u003e\n\u003cdd\u003e120 g\u003c\/dd\u003e\n          \u003cdt\u003eCalibre\u003c\/dt\u003e\n\u003cdd\u003eAutomatic\u003c\/dd\u003e\n          \u003cdt\u003eMovimento\u003c\/dt\u003e\n\u003cdd\u003eCorda automática\u003c\/dd\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003c!-- BRACELETE (duas colunas) --\u003e\n    \u003cdetails class=\"acc-item\"\u003e\n      \u003csummary\u003eBRACELETE\u003c\/summary\u003e\n      \u003cdiv class=\"acc-content\"\u003e\n        \u003cdl class=\"specs-grid\"\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eCouro\u003c\/dd\u003e\n          \u003cdt\u003eTipo de fivela\u003c\/dt\u003e\n\u003cdd\u003eFecho de báscula\u003c\/dd\u003e\n          \n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Minha loja","offers":[{"title":"Default Title","offer_id":42284687687778,"sku":null,"price":1280.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/4040\/2018\/files\/omega-constellation-co-axial-master-chronometer-41-mm-131234.png?v=1762009446"}],"url":"https:\/\/www.aristocrat.com.br\/collections\/frontpage.oembed?page=6","provider":"Aristocrat","version":"1.0","type":"link"}