/* =====================================================================
   PÁGINA DE PRODUTO · DESIGN GERAL (Racestars)
   O QUÊ:  acerta tudo o que ainda não estava desenhado na página de
           produto, na mesma linguagem já aprovada (painel de opções B,
           partilha + coração transparente, rodapé B, carrinho lateral):
           migalhas (breadcrumb), título, galeria e botão ampliar, stock e
           preço, caixas SeQura / portes / pagamento, separadores
           Descrição / Especificação / Comentários / Tags, tabela de
           referências, produtos relacionados, espaçamentos e tipografia.
           Computador: claro/branco com acentos da marca.
           Telemóvel: corpo claro; a barra de compra e o painel de opções
           continuam escuros (opcoes-produto-mobile-B.css, não mexo).
           Montserrat, gradiente #f5a623 → #ff8a00, sem brilhos nem caixas pesadas.
   ONDE:   carregar DEPOIS dos ficheiros aprovados (ordem no LEIA-ME.txt),
           ou colar no fim do stylesheet.css do tema. Só afeta a página de
           produto (tudo dentro de #product-product). JS pequeno:
           produto-geral.js (tabela da descrição em cartões no telemóvel).
   REVERTER: apagar este ficheiro / bloco (e o produto-geral.js).
   ===================================================================== */
#product-product{--rs-t:#1d2021;--rs-m:#6b7075;--rs-s:#8a8f94;--rs-l:#e6e6e6;--rs-soft:#f6f6f7;--rs-g:linear-gradient(90deg,#f5a623,#ff8a00)}
#product-product,#product-product h1,#product-product h3,#product-product p,#product-product li,#product-product td,#product-product th,#product-product a,#product-product span{font-family:Montserrat,Poppins,sans-serif}

/* ---------- migalhas ---------- */
body:has(#product-product) ul.breadcrumb{background:#fff !important;margin:0 !important;padding:12px 0 !important}
body:has(#product-product) ul.breadcrumb li,body:has(#product-product) ul.breadcrumb a{font:500 11px/1.4 Montserrat,Poppins,sans-serif !important;letter-spacing:.06em;text-transform:uppercase;color:#8a8f94 !important;text-decoration:none}
body:has(#product-product) ul.breadcrumb li:last-child a{color:#1d2021 !important;font-weight:600 !important}
body:has(#product-product) ul.breadcrumb a:hover{color:#ff8a00 !important}
body:has(#product-product) ul.breadcrumb span{color:#c4c7ca !important;margin:0 6px}

/* ---------- título ---------- */
#product-product .product-title-container h1{font-weight:800 !important;text-transform:none !important;letter-spacing:-.01em;line-height:1.2 !important;color:var(--rs-t) !important;margin:0 !important}

/* ---------- galeria ---------- */
#product-product .image-container .image-gallery-slide-wrapper{border-radius:12px;overflow:hidden;background:#fff}
#product-product .gallery-fullscreen-btn{background:transparent !important;box-shadow:none !important;color:var(--rs-t) !important;width:44px !important;height:44px !important;right:8px !important;bottom:8px !important}
#product-product .gallery-fullscreen-btn svg{width:18px !important;height:18px !important;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px rgba(255,255,255,.85))}
#product-product .gallery-fullscreen-btn:hover{color:#ff8a00 !important}
#product-product .image-gallery-thumbnails{padding:10px 0 0 !important}
#product-product .image-gallery-thumbnail{width:64px !important;border:1px solid var(--rs-l) !important;border-radius:8px !important;overflow:hidden;margin-right:8px}
#product-product .image-gallery-thumbnail.active,#product-product .image-gallery-thumbnail:hover{border-color:#ff8a00 !important}

/* ---------- stock, marca e preço (fora do painel de opções) ---------- */
#product-product .product-page-right-container > .product-info-container .product-stock{display:inline-flex !important;align-items:center;gap:6px;background:none !important;border:0 !important;padding:0 !important;
  font:600 12px Montserrat,Poppins,sans-serif !important;color:#1f7a3a !important;text-transform:none}
#product-product .product-page-right-container > .product-info-container .product-stock b{font-weight:600 !important;color:var(--rs-m) !important;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
#product-product .product-page-right-container > .product-info-container .product-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:#1f9d4c;order:-1}
#product-product .product-page-right-container > .product-info-container .product-stock span::before{display:none !important}
#product-product .product-page-right-container > .product-info-container .product-stats ul{background:none !important;border:0 !important;padding:0 !important;margin:0 !important}
#product-product .product-page-right-container > .product-info-container .product-stats{background:none !important;border:0 !important;padding:0 !important}
#product-product .product-page-right-container > .product-info-container .price-from-text{font:800 30px/1.1 Montserrat,Poppins,sans-serif !important;font-style:normal !important;color:var(--rs-t) !important;letter-spacing:-.01em}
#product-product .product-manufacturer-container img{max-height:28px !important;width:auto !important;opacity:.9}

/* ---------- SeQura + portes + pagamento: uma lista discreta ---------- */
#product-product .sequra-teaser{background:#fff !important;border:1px solid var(--rs-l) !important;border-radius:12px !important;box-shadow:none !important;padding:10px 14px !important;gap:12px;align-items:center}
#product-product .sequra-teaser-logo{height:18px !important;width:auto !important}
#product-product .sequra-teaser-text{font:500 13px Montserrat,Poppins,sans-serif !important;font-style:normal !important;color:var(--rs-t) !important}
#product-product .product-benefits{background:#fff !important;border:1px solid var(--rs-l) !important;border-radius:12px !important;box-shadow:none !important;padding:4px 14px !important}
#product-product .product-benefit{display:flex !important;align-items:flex-start;gap:12px;padding:12px 0 !important}
#product-product .product-benefit-divider{height:1px !important;background:var(--rs-l) !important;margin:0 !important;border:0 !important}
#product-product .product-benefit-icon{width:32px !important;height:32px !important;min-width:32px;border-radius:50% !important;background:#fff4e5 !important;color:#ff8a00 !important;display:flex !important;align-items:center;justify-content:center;box-shadow:none !important}
#product-product .product-benefit-icon svg{width:15px !important;height:15px !important;color:#ff8a00 !important;fill:currentColor}
#product-product .product-benefit-title{font:700 13px/1.3 Montserrat,Poppins,sans-serif !important;font-style:normal !important;color:var(--rs-t) !important;display:block}
#product-product .product-benefit-subtitle{font:500 12px/1.45 Montserrat,Poppins,sans-serif !important;font-style:normal !important;color:var(--rs-m) !important;display:block;margin-top:2px}
#product-product .product-benefit-highlight{color:#a85d00 !important;font-weight:700 !important}

/* ---------- separadores (Descrição / Especificação / ...) ---------- */
#product-product .product-detail-card{background:#fff !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important}
#product-product .product-detail-tabs{display:flex !important;gap:28px !important;border:0 !important;border-bottom:1px solid var(--rs-l) !important;margin:0 0 24px !important;padding:0 !important;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap !important}
#product-product .product-detail-tabs li{margin:0 !important;flex:none !important;width:auto !important;max-width:none !important}
#product-product .product-detail-tabs li a{display:flex !important;align-items:center;min-height:44px;padding:0 !important;border:0 !important;background:none !important;
  font:700 12px Montserrat,Poppins,sans-serif !important;letter-spacing:.08em;text-transform:uppercase;color:var(--rs-s) !important;position:relative;white-space:nowrap;width:auto !important;overflow:visible !important}
#product-product .product-detail-tabs li a i{display:none !important}
#product-product .product-detail-tabs li a:hover{color:var(--rs-t) !important}
#product-product .product-detail-tabs li.active a{color:var(--rs-t) !important}
#product-product .product-detail-tabs li{position:relative}
#product-product .product-detail-tabs li.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rs-g);border-radius:2px;z-index:2}
#product-product .product-detail-tab-content{padding:0 !important;border:0 !important}
#product-product .product-detail-tab-content,#product-product .product-detail-tab-content p,#product-product .product-detail-tab-content li{font-size:14px !important;line-height:1.65 !important;color:#3a3f43 !important}
#product-product .product-detail-tab-content p:first-child strong{font-size:16px;font-weight:800;color:var(--rs-t)}
#product-product .product-detail-tab-content h3{display:flex;align-items:center;gap:10px;margin:28px 0 10px !important;font:800 13px Montserrat,Poppins,sans-serif !important;letter-spacing:.08em;text-transform:uppercase;color:var(--rs-t) !important}
#product-product .product-detail-tab-content h3::before{content:"";width:14px;height:2px;background:var(--rs-g);border-radius:2px;flex:none}
#product-product .product-detail-tab-content ul{padding-left:18px !important;margin:0 !important}
#product-product .product-detail-tab-content li{margin:4px 0 !important}
#product-product .product-detail-tab-content li::marker{color:#ff8a00}
#product-product .product-detail-tab-content strong{color:var(--rs-t);font-weight:700}
/* tabela de referências / compatibilidade */
#product-product .product-detail-tab-content table{width:100%;border:1px solid var(--rs-l) !important;border-collapse:separate !important;border-spacing:0;border-radius:12px;overflow:hidden;margin:6px 0 18px !important}
#product-product .product-detail-tab-content th{background:var(--rs-soft) !important;border:0 !important;border-bottom:1px solid var(--rs-l) !important;padding:10px 14px !important;
  font:700 11px Montserrat,Poppins,sans-serif !important;letter-spacing:.06em;text-transform:uppercase;color:var(--rs-m) !important;text-align:left}
#product-product .product-detail-tab-content td{border:0 !important;border-bottom:1px solid var(--rs-l) !important;padding:11px 14px !important;font-size:13px !important;line-height:1.45 !important;vertical-align:top}
#product-product .product-detail-tab-content tr:last-child td{border-bottom:0 !important}
#product-product .product-detail-tab-content td:first-child{font-weight:700;color:var(--rs-t) !important;white-space:nowrap}
/* comentários */
#product-product #tab-review .form-control{border:1px solid var(--rs-l) !important;border-radius:8px !important;box-shadow:none !important;font-size:14px}
#product-product #tab-review .btn-primary,#product-product #tab-review #button-review{background:var(--rs-g) !important;border:0 !important;border-radius:10px !important;font-weight:800;color:#fff !important;min-height:44px;padding:0 22px}

/* ---------- produtos relacionados ---------- */
#product-product .related-products-container .feature-header{margin:0 0 14px !important;padding:0 !important;border:0 !important}
#product-product .related-products-container .feature-header-title{display:flex;align-items:center;gap:10px;font:800 13px Montserrat,Poppins,sans-serif !important;letter-spacing:.08em;text-transform:uppercase;color:var(--rs-t) !important;margin:0 !important}
#product-product .related-products-container .feature-header-title::before{content:"";width:14px;height:2px;background:var(--rs-g);border-radius:2px}

/* ---------- espaçamentos ---------- */
@media (min-width:769px){
  #product-product .description-container{margin-top:48px !important;padding-top:40px}
  #product-product .product-title-container h1{font-size:28px !important}
  #product-product .sequra-teaser{margin-top:16px !important}
  #product-product .product-benefits{margin-top:10px !important}
}
@media (max-width:768px){
  #product-product .product-title-container h1{font-size:22px !important}
  #product-product .description-container{margin-top:28px !important;padding-top:24px}
  #product-product .product-detail-tabs{gap:18px !important;margin-bottom:18px !important}
  #product-product .product-detail-tabs li a{font-size:11px !important;letter-spacing:.06em}
  #product-product .product-detail-tab-content table{border:0 !important;border-radius:0}
  /* tabela em cartões (precisa de produto-geral.js para os rótulos) */
  #product-product .product-detail-tab-content table.rs-cards thead{display:none}
  #product-product .product-detail-tab-content table.rs-cards,#product-product .product-detail-tab-content table.rs-cards tbody{display:block}
  #product-product .product-detail-tab-content table.rs-cards tr{display:block;border:1px solid var(--rs-l);border-radius:12px;padding:6px 14px;margin:0 0 10px}
  #product-product .product-detail-tab-content table.rs-cards td{display:flex;gap:12px;padding:6px 0 !important;border-bottom:1px solid var(--rs-l) !important;white-space:normal}
  #product-product .product-detail-tab-content table.rs-cards td:last-child{border-bottom:0 !important}
  #product-product .product-detail-tab-content table.rs-cards td::before{content:attr(data-label);flex:0 0 84px;font:700 10px/1.9 Montserrat,Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--rs-s)}
  #product-product .sequra-teaser{margin-top:12px !important}
}