/* ================================================================
   NS Store — nsstore_detalle.css
   Solo aplica en body[id="product"] — página de detalle
   No afecta ninguna otra página
   ================================================================ */

/* ── FONDO ── */
body[id="product"] { background:#f4f6f8; }
body.dark-mode[id="product"],
body.darkmode--activated[id="product"] { background:#0d1117 !important; }

/* ── BLOQUE PRINCIPAL ── */
body[id="product"] .primary_block {
  background:#fff;border:1px solid #e5e9ef;
  border-radius:16px;overflow:hidden;
  margin:16px 0 24px;
  box-shadow:0 4px 24px rgba(0,0,0,.06);
}
body.dark-mode[id="product"] .primary_block,
body.darkmode--activated[id="product"] .primary_block {
  background:#1c2330 !important;border-color:#30363d !important;
}
body[id="product"] .primary_block .top-hr { display:none; }

/* ── IMAGEN ── */
body[id="product"] .pb-left-column { padding:24px; }
body[id="product"] #image-block {
  background:#f8f9fb;border-radius:12px;
  border:1px solid #e5e9ef;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  min-height:320px;padding:20px;
}
body.dark-mode[id="product"] #image-block,
body.darkmode--activated[id="product"] #image-block {
  background:#161b22 !important;border-color:#30363d !important;
}
body[id="product"] #image-block img {
  max-width:100%;max-height:340px;
  object-fit:contain;display:block;margin:0 auto;
}

/* Thumbnails */
body[id="product"] #thumbs_list li {
  border:2px solid #e5e9ef !important;border-radius:8px !important;
  overflow:hidden;transition:border-color .15s;
}
body[id="product"] #thumbs_list li:hover,
body[id="product"] #thumbs_list li.selected { border-color:#6BAA3A !important; }
body.dark-mode[id="product"] #thumbs_list li,
body.darkmode--activated[id="product"] #thumbs_list li {
  border-color:#30363d !important;background:#161b22;
}

/* Ocultar botones feos */
body[id="product"] #usefull_link_block,
body[id="product"] .send_friend_button,
body[id="product"] .print-button,
body[id="product"] a[href*="print"],
body[id="product"] a[href*="send_to_friend"] { display:none !important; }

/* ── COLUMNA DERECHA ── */
body[id="product"] .pb-center-column { padding:24px 24px 24px 0; }
@media(max-width:767px){
  body[id="product"] .pb-left-column { padding:16px 16px 0; }
  body[id="product"] .pb-center-column { padding:16px; }
  body[id="product"] #image-block { min-height:220px; }
}

/* ── NOMBRE ── */
body[id="product"] h1[itemprop="name"],
body[id="product"] h1.product_main_name {
  font-size:clamp(16px,2.2vw,22px) !important;
  font-weight:800 !important;color:#1a2332 !important;
  line-height:1.3 !important;letter-spacing:-0.5px !important;
  margin:0 0 12px !important;text-transform:none !important;
  font-family:-apple-system,'Segoe UI','Exo 2',sans-serif !important;
}
body.dark-mode[id="product"] h1,
body.darkmode--activated[id="product"] h1 { color:#f0f6ff !important; }

/* ── REFERENCIA ── */
body[id="product"] #product_reference {
  display:inline-flex !important;align-items:center !important;
  gap:6px !important;background:#f4f6f8 !important;
  border-radius:6px !important;padding:5px 10px !important;
  margin-bottom:10px !important;
}
body.dark-mode[id="product"] #product_reference,
body.darkmode--activated[id="product"] #product_reference { background:#161b22 !important; }
body[id="product"] #product_reference label {
  font-size:10px !important;font-weight:700 !important;
  color:#8b949e !important;text-transform:uppercase !important;
  letter-spacing:.8px !important;margin:0 !important;
}
body[id="product"] #product_reference span {
  font-size:12px !important;font-weight:700 !important;
  color:#6BAA3A !important;font-family:monospace !important;
}

/* ── CONDICIÓN ── */
body[id="product"] #product_condition { display:none !important; }

/* ── DISPONIBILIDAD — 3 estados ── */
body[id="product"] #availability_statut { margin-bottom:12px; }
body[id="product"] #availability_value {
  display:inline-flex !important;align-items:center !important;
  gap:6px !important;padding:5px 12px !important;
  border-radius:20px !important;font-size:12px !important;
  font-weight:700 !important;border:none !important;
}
body[id="product"] #availability_value::before {
  content:'';width:7px;height:7px;border-radius:50%;
  display:inline-block;flex-shrink:0;
}
/* En stock */
body[id="product"] #availability_value.label-success {
  background:#e6f4ea !important;color:#2d7a3a !important;
}
body[id="product"] #availability_value.label-success::before { background:#2d7a3a; }
/* Bajo pedido */
body[id="product"] #availability_value.label-warning {
  background:#fff3e0 !important;color:#b45309 !important;
}
body[id="product"] #availability_value.label-warning::before { background:#b45309; }
/* Sin stock */
body[id="product"] #availability_value.label-danger {
  background:#fef2f2 !important;color:#dc2626 !important;
}
body[id="product"] #availability_value.label-danger::before { background:#dc2626; }

/* Últimas unidades */
body[id="product"] #last_quantities {
  background:#fff3e0;border:1px solid #fed7aa;border-radius:8px;
  padding:7px 12px;font-size:12px;font-weight:600;color:#b45309;
  margin-bottom:10px;display:inline-block;
}

/* ── DESCRIPCIÓN CORTA ── */
body[id="product"] #short_description_block {
  background:#f8f9fb !important;border-left:3px solid #6BAA3A !important;
  border-radius:0 8px 8px 0 !important;padding:12px 14px !important;
  margin-bottom:16px !important;
  border-top:none !important;border-right:none !important;border-bottom:none !important;
}
body.dark-mode[id="product"] #short_description_block,
body.darkmode--activated[id="product"] #short_description_block { background:#161b22 !important; }
body[id="product"] #short_description_content,
body[id="product"] #short_description_content * {
  font-size:13px !important;color:#374151 !important;
  line-height:1.65 !important;background:transparent !important;
  font-family:-apple-system,'Segoe UI','Exo 2',sans-serif !important;
}
body.dark-mode[id="product"] #short_description_content,
body.dark-mode[id="product"] #short_description_content *,
body.darkmode--activated[id="product"] #short_description_content,
body.darkmode--activated[id="product"] #short_description_content * { color:#8b949e !important; }

/* ── CANTIDAD ── */
body[id="product"] .box-quantity { margin-bottom:14px; }
body[id="product"] #quantity_wanted {
  width:60px !important;height:40px !important;
  border:2px solid #e5e9ef !important;border-radius:8px !important;
  text-align:center !important;font-size:15px !important;font-weight:700 !important;
  color:#1a2332 !important;background:#fff !important;outline:none !important;
  font-family:inherit !important;
}
body[id="product"] #quantity_wanted:focus { border-color:#6BAA3A !important; }
body.dark-mode[id="product"] #quantity_wanted,
body.darkmode--activated[id="product"] #quantity_wanted {
  background:#161b22 !important;border-color:#30363d !important;color:#f0f6ff !important;
}
body[id="product"] .product_quantity_down,
body[id="product"] .product_quantity_up {
  width:36px !important;height:36px !important;
  background:#f4f6f8 !important;border:1px solid #e5e9ef !important;
  border-radius:8px !important;color:#374151 !important;
  font-size:14px !important;transition:all .15s !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  text-decoration:none !important;
}
body[id="product"] .product_quantity_down:hover,
body[id="product"] .product_quantity_up:hover {
  background:#6BAA3A !important;border-color:#6BAA3A !important;color:#fff !important;
}
body.dark-mode[id="product"] .product_quantity_down,
body.dark-mode[id="product"] .product_quantity_up,
body.darkmode--activated[id="product"] .product_quantity_down,
body.darkmode--activated[id="product"] .product_quantity_up {
  background:#161b22 !important;border-color:#30363d !important;color:#8b949e !important;
}

/* ── PRECIO ── */
body[id="product"] #our_price_display::before {
  content:'PRECIO MAYORISTA';display:block !important;
  font-size:10px !important;font-weight:700 !important;
  color:#8b949e !important;letter-spacing:1px !important;margin-bottom:4px !important;
}
body[id="product"] .our_price_display .price,
body[id="product"] span.price.product-price {
  font-size:32px !important;font-weight:800 !important;
  color:#1a2332 !important;letter-spacing:-1px !important;line-height:1.1 !important;
}
body.dark-mode[id="product"] .our_price_display .price,
body.darkmode--activated[id="product"] .our_price_display .price { color:#f0f6ff !important; }
body[id="product"] #pretaxe_price { font-size:12px !important;color:#8b949e !important; }

/* ── BOTÓN AÑADIR ── */
body[id="product"] #add_to_cart button,
body[id="product"] #add_to_cart .btn {
  width:100% !important;padding:14px 24px !important;
  background:#6BAA3A !important;color:#fff !important;
  border:none !important;border-radius:10px !important;
  font-size:15px !important;font-weight:700 !important;
  font-family:-apple-system,'Segoe UI','Exo 2',sans-serif !important;
  cursor:pointer !important;transition:background .15s !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  gap:8px !important;
}
body[id="product"] #add_to_cart button:hover,
body[id="product"] #add_to_cart .btn:hover { background:#5a9430 !important; }

/* ── SEPARADORES ── */
body[id="product"] hr { display:none !important; }

/* ── TABS ── */
body[id="product"] #more_info_block {
  background:#fff;border:1px solid #e5e9ef;
  border-radius:16px;overflow:hidden;
  margin-top:20px;box-shadow:0 2px 12px rgba(0,0,0,.05);
}
body.dark-mode[id="product"] #more_info_block,
body.darkmode--activated[id="product"] #more_info_block {
  background:#1c2330 !important;border-color:#30363d !important;
}
body[id="product"] #more_info_tabs {
  display:flex;list-style:none;padding:0 16px;margin:0;
  border-bottom:2px solid #e5e9ef;background:#f8f9fb;overflow-x:auto;
}
body.dark-mode[id="product"] #more_info_tabs,
body.darkmode--activated[id="product"] #more_info_tabs {
  background:#161b22 !important;border-color:#30363d !important;
}
body[id="product"] #more_info_tabs li a {
  display:inline-block !important;padding:13px 18px !important;
  font-size:13px !important;font-weight:600 !important;
  color:#5a6a7a !important;text-decoration:none !important;
  border-bottom:3px solid transparent !important;
  margin-bottom:-2px !important;white-space:nowrap !important;
  font-family:-apple-system,'Segoe UI','Exo 2',sans-serif !important;
  transition:color .15s !important;
}
body[id="product"] #more_info_tabs li a:hover { color:#6BAA3A !important; }
body[id="product"] #more_info_tabs li.active a {
  color:#6BAA3A !important;border-bottom-color:#6BAA3A !important;
}
body.dark-mode[id="product"] #more_info_tabs li a,
body.darkmode--activated[id="product"] #more_info_tabs li a { color:#8b949e !important; }
body.dark-mode[id="product"] #more_info_tabs li.active a,
body.darkmode--activated[id="product"] #more_info_tabs li.active a { color:#6BAA3A !important; }

body[id="product"] #more_info_tab_content { padding:24px;background:#fff; }
body.dark-mode[id="product"] #more_info_tab_content,
body.darkmode--activated[id="product"] #more_info_tab_content { background:#1c2330 !important; }
body[id="product"] #more_info_tab_content p,
body[id="product"] #more_info_tab_content div,
body[id="product"] #more_info_tab_content span,
body[id="product"] #more_info_tab_content li {
  font-size:14px !important;line-height:1.7 !important;
  color:#374151 !important;background:transparent !important;
  font-family:-apple-system,'Segoe UI','Exo 2',sans-serif !important;
}
body.dark-mode[id="product"] #more_info_tab_content p,
body.dark-mode[id="product"] #more_info_tab_content div,
body.dark-mode[id="product"] #more_info_tab_content span,
body.darkmode--activated[id="product"] #more_info_tab_content p,
body.darkmode--activated[id="product"] #more_info_tab_content div,
body.darkmode--activated[id="product"] #more_info_tab_content span { color:#8b949e !important; }

/* Tabla specs */
body[id="product"] .table-data-sheet { width:100% !important;border-collapse:collapse !important; }
body[id="product"] .table-data-sheet tr { border-bottom:1px solid #e5e9ef !important; }
body.dark-mode[id="product"] .table-data-sheet tr,
body.darkmode--activated[id="product"] .table-data-sheet tr { border-color:#30363d !important; }
body[id="product"] .table-data-sheet td { padding:10px 12px !important;font-size:13px !important; }
body[id="product"] .table-data-sheet .name {
  font-weight:700 !important;color:#5a6a7a !important;
  width:35% !important;background:#f4f6f8 !important;
  font-size:11px !important;text-transform:uppercase !important;letter-spacing:.5px !important;
}
body[id="product"] .table-data-sheet .value { color:#1a2332 !important;font-weight:500 !important; }
body.dark-mode[id="product"] .table-data-sheet .name,
body.darkmode--activated[id="product"] .table-data-sheet .name {
  background:#161b22 !important;color:#8b949e !important;
}
body.dark-mode[id="product"] .table-data-sheet .value,
body.darkmode--activated[id="product"] .table-data-sheet .value { color:#f0f6ff !important; }

/* ── PRODUCTOS RELACIONADOS ── */
body[id="product"] #also_bought_block,
body[id="product"] #crossselling_block {
  background:#fff;border:1px solid #e5e9ef;
  border-radius:16px;padding:24px;margin-top:20px;
  box-shadow:0 2px 12px rgba(0,0,0,.05);
}
body.dark-mode[id="product"] #also_bought_block,
body.dark-mode[id="product"] #crossselling_block,
body.darkmode--activated[id="product"] #also_bought_block,
body.darkmode--activated[id="product"] #crossselling_block {
  background:#1c2330 !important;border-color:#30363d !important;
}
body[id="product"] #also_bought_block h2,
body[id="product"] #crossselling_block h2 {
  font-size:16px !important;font-weight:800 !important;
  color:#1a2332 !important;letter-spacing:-0.5px !important;
  margin:0 0 16px !important;padding-bottom:12px !important;
  border-bottom:1px solid #e5e9ef !important;
  font-family:-apple-system,'Segoe UI','Exo 2',sans-serif !important;
}
body.dark-mode[id="product"] #also_bought_block h2,
body.dark-mode[id="product"] #crossselling_block h2,
body.darkmode--activated[id="product"] #also_bought_block h2,
body.darkmode--activated[id="product"] #crossselling_block h2 {
  color:#f0f6ff !important;border-color:#30363d !important;
}
body[id="product"] #also_bought_block .product-container,
body[id="product"] #crossselling_block .product-container {
  background:#fff !important;border:1px solid #e5e9ef !important;
  border-radius:10px !important;overflow:hidden !important;
  transition:all .2s !important;
}
body[id="product"] #also_bought_block .product-container:hover,
body[id="product"] #crossselling_block .product-container:hover {
  border-color:#6BAA3A !important;transform:translateY(-2px) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.10) !important;
}
body.dark-mode[id="product"] #also_bought_block .product-container,
body.dark-mode[id="product"] #crossselling_block .product-container,
body.darkmode--activated[id="product"] #also_bought_block .product-container,
body.darkmode--activated[id="product"] #crossselling_block .product-container {
  background:#161b22 !important;border-color:#30363d !important;
}
body[id="product"] #also_bought_block a.product-name,
body[id="product"] #crossselling_block a.product-name {
  font-size:12px !important;font-weight:600 !important;
  color:#1a2332 !important;text-decoration:none !important;
  line-height:1.4 !important;display:block !important;margin-bottom:6px !important;
}
body[id="product"] #also_bought_block a.product-name:hover,
body[id="product"] #crossselling_block a.product-name:hover { color:#6BAA3A !important; }
body.dark-mode[id="product"] #also_bought_block a.product-name,
body.dark-mode[id="product"] #crossselling_block a.product-name,
body.darkmode--activated[id="product"] #also_bought_block a.product-name,
body.darkmode--activated[id="product"] #crossselling_block a.product-name { color:#f0f6ff !important; }
body[id="product"] #also_bought_block .price,
body[id="product"] #crossselling_block .price {
  font-size:14px !important;font-weight:800 !important;color:#1a2332 !important;
}
body.dark-mode[id="product"] #also_bought_block .price,
body.dark-mode[id="product"] #crossselling_block .price,
body.darkmode--activated[id="product"] #also_bought_block .price,
body.darkmode--activated[id="product"] #crossselling_block .price { color:#f0f6ff !important; }