/**
 * ANB Single Product Page – B2B layout (reference design)
 */

.anb-pd-active.single-product .site-content,
.anb-pd-active.single-product #primary.content-area {
  width: 100%;
  max-width: 100%;
}

.anb-pd-active.single-product #secondary,
.anb-pd-active.single-product .sidebar-shop {
  display: none !important;
}

/* Hide stray Electro product shells outside our layout */
.anb-pd-active.single-product div.product:not(.anb-pd-product) {
  display: none !important;
}

.anb-pd-active .electro-single-product-gallery {
  display: none !important;
}

.anb-pd-active .anb-pd-product {
  max-width: 1140px;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 3rem;
}

/* ── Back link ── */
.anb-pd-back {
  margin-bottom: 1.5rem;
}

.anb-pd-back a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #333;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
}

.anb-pd-back a:hover {
  color: #000;
}

/* ── Two columns ── */
.anb-pd-layout {
  display: grid;
  gap: 2.5rem;
  align-items: start;
}

@media (min-width: 992px) {
  .anb-pd-layout {
    grid-template-columns: 1.05fr 0.95fr;
    gap: 3rem;
  }
}

/* ── Gallery: single instance only ── */
.anb-pd-gallery {
  position: relative;
}

.anb-pd-gallery .woocommerce-product-gallery {
  display: block !important;
  width: 100% !important;
  margin: 0;
  float: none;
  opacity: 1 !important;
  visibility: visible !important;
}

.anb-pd-gallery .woocommerce-product-gallery__wrapper {
  margin: 0;
}

.anb-pd-gallery .woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  object-fit: contain;
}

.anb-pd-gallery .flex-viewport {
  border-radius: 4px;
  background: #fff;
}

.anb-pd-gallery ol.flex-control-nav.flex-control-thumbs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.65rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
}

.anb-pd-gallery ol.flex-control-nav.flex-control-thumbs li {
  width: 72px;
  min-width: 72px;
  margin: 0;
  float: none;
}

.anb-pd-gallery ol.flex-control-nav.flex-control-thumbs li img {
  border: 2px solid transparent;
  border-radius: 4px;
  opacity: 0.75;
  cursor: pointer;
}

.anb-pd-gallery ol.flex-control-nav.flex-control-thumbs li img.flex-active,
.anb-pd-gallery ol.flex-control-nav.flex-control-thumbs li img:hover {
  border-color: var(--anb-pd-accent, #c9a227);
  opacity: 1;
}

/* ── Summary ── */
.anb-pd-summary {
  padding-top: 0.25rem;
}

.anb-pd-sku {
  margin: 0 0 0.65rem;
  font-size: 0.9rem;
  color: #888;
  letter-spacing: 0.02em;
}

.anb-pd-active .anb-pd-summary .product_title {
  margin: 0 0 1.25rem;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  line-height: 1.3;
  font-weight: 700;
  color: #111;
  text-transform: none;
}

/* ── Feature bullets ── */
.anb-pd-features,
.anb-pd-features ul {
  margin: 0 0 1.5rem;
  padding: 0 0 0 1.1rem;
  list-style: disc;
  color: #444;
  line-height: 1.75;
}

.anb-pd-features li {
  margin-bottom: 0.55rem;
}

.anb-pd-features li strong {
  color: #111;
  font-weight: 700;
}

/* ── Color swatches ── */
.anb-pd-colors {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.75rem;
}

.anb-pd-colors__label {
  font-size: 0.95rem;
  color: #333;
}

.anb-pd-colors__swatches {
  display: flex;
  gap: 0.5rem;
}

.anb-pd-colors__swatch {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: inline-block;
}

.anb-pd-colors__swatch.is-light {
  border-color: #bbb;
}

/* ── CTA buttons ── */
.anb-pd-cta {
  margin-top: 0.5rem;
}

.anb-pd-cta__hint {
  margin: 0 0 0.85rem;
  font-size: 0.92rem;
  color: #555;
}

.anb-pd-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  margin-bottom: 0.75rem;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.2s;
}

.anb-pd-btn:hover {
  opacity: 0.92;
  color: #fff;
}

.anb-pd-btn--whatsapp {
  background: #25d366;
}

.anb-pd-btn--inquiry {
  background: var(--anb-pd-accent, #c9a227);
  color: #111;
}

.anb-pd-btn--inquiry:hover {
  color: #111;
}

/* ── Social ── */
.anb-pd-social {
  display: flex;
  gap: 0.65rem;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #eee;
}

.anb-pd-social__link {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #9e9e9e center/18px no-repeat;
  display: inline-block;
  opacity: 0.85;
}

.anb-pd-social__link:hover {
  opacity: 1;
}

.anb-pd-social__link--youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31.5 31.5 0 0 0 24 12a31.5 31.5 0 0 0-.5-5.8zM9.75 15.02V8.98L15.5 12l-5.75 3.02z'/%3E%3C/svg%3E");
}

.anb-pd-social__link--facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.07C24 5.41 18.63 0 12 0S0 5.4 0 12.07c0 6.02 4.39 11.01 10.13 11.91v-8.41H7.08v-3.5h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.95h-1.51c-1.49 0-1.95.93-1.95 1.88v2.26h3.32l-.53 3.5h-2.79v8.41C19.61 23.08 24 18.09 24 12.07z'/%3E%3C/svg%3E");
}

.anb-pd-social__link--instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.43.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.43.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41a3.7 3.7 0 0 1-1.38-.9 3.7 3.7 0 0 1-.9-1.38c-.16-.43-.36-1.06-.41-2.23-.06-1.27-.07-1.65-.07-4.85s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.43-.16 1.06-.36 2.23-.41 1.27-.06 1.65-.07 4.85-.07zm0-2.16C8.74 0 8.33.01 7.05.07 5.78.13 4.9.34 4.14.63a5.5 5.5 0 0 0-2 1.3 5.5 5.5 0 0 0-1.3 2C.55 4.9.34 5.78.28 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.06 1.27.27 2.15.56 2.91.31.6.68 1.11 1.3 1.73a5.5 5.5 0 0 0 1.73 1.3c.76.29 1.64.5 2.91.56 1.28.06 1.69.07 4.95.07s3.67-.01 4.95-.07c1.27-.06 2.15-.27 2.91-.56a5.5 5.5 0 0 0 1.73-1.3 5.5 5.5 0 0 0 1.3-1.73c.29-.76.5-1.64.56-2.91.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.06-1.27-.27-2.15-.56-2.91a5.5 5.5 0 0 0-1.3-1.73 5.5 5.5 0 0 0-1.73-1.3c-.76-.29-1.64-.5-2.91-.56C15.67.01 15.26 0 12 0z'/%3E%3Cpath d='M12 5.84A6.16 6.16 0 1 0 18.16 12 6.16 6.16 0 0 0 12 5.84zm0 10.16A4 4 0 1 1 16 12a4 4 0 0 1-4 4zm6.41-11.85a1.44 1.44 0 1 0-1.44 1.44 1.44 1.44 0 0 0 1.44-1.44z'/%3E%3C/svg%3E");
}

.anb-pd-social__link--linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20.45 20.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.95v5.66H9.34V9h3.42v1.56h.05a3.75 3.75 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z'/%3E%3C/svg%3E");
}

/* ── Hide Electro clutter ── */
.anb-pd-active .posted_in,
.anb-pd-active .product_meta,
.anb-pd-active .electro-loop-action,
.anb-pd-active .woocommerce-breadcrumb,
.anb-pd-active .compare,
.anb-pd-active .yith-wcwl-add-to-wishlist,
.anb-pd-active .electro-compare-button,
.anb-pd-active .woocommerce-product-rating,
.anb-pd-active .electro-product-brand,
.anb-pd-active .availability,
.anb-pd-active hr {
  display: none !important;
}

/* ── Tabs: Description / Specification / Reviews ── */
.anb-pd-details {
  margin-top: 3rem;
}

.anb-pd-tabs {
  margin-top: 0;
}

.anb-pd-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.25rem 2rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  border-bottom: none;
  background: transparent;
}

.anb-pd-tabs__item {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  position: relative;
}

.anb-pd-tabs__item a {
  display: inline-block;
  padding: 0.5rem 0.15rem 0.85rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: #8a8a8a;
  border-bottom: 3px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}

.anb-pd-tabs__item a:hover {
  color: #333;
}

.anb-pd-tabs__item.active a {
  color: #222;
  border-bottom-color: var(--anb-pd-tab-accent, #33b5c5);
}

.anb-pd-tabs__item.active a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background: var(--anb-pd-tab-accent, #33b5c5);
}

.anb-pd-tabs__body {
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  background: #fff;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
}

.anb-pd-tabs__panel {
  padding: 0;
  margin: 0;
  line-height: 1.75;
  color: #555;
}

.anb-pd-tabs__panel > h2 {
  display: none !important;
}

.anb-pd-tab-psd__list,
.anb-pd-tab-psd__html ul {
  margin: 0;
  padding: 0 0 0 1.1rem;
  list-style: disc;
}

.anb-pd-tab-psd__list li,
.anb-pd-tab-psd__html li {
  margin-bottom: 0.45rem;
  color: #666;
}

.anb-pd-tab-psd__list li strong,
.anb-pd-tab-psd__html li strong {
  color: #333;
  font-weight: 700;
}

.anb-pd-tab-empty {
  margin: 0;
  color: #888;
  font-style: italic;
}

.anb-pd-tab-meta {
  margin-top: 1.5rem;
  padding-top: 1.15rem;
  border-top: 1px solid #ececec;
  font-size: 0.88rem;
  color: #777;
  line-height: 1.6;
}

.anb-pd-tab-meta__item strong {
  color: #333;
  font-weight: 700;
}

.anb-pd-tab-meta__sep {
  color: #ccc;
  margin: 0 0.35rem;
}

/* Specification table inside tab */
.anb-pd-tabs__panel table.shop_attributes {
  width: 100%;
  border: none;
  margin: 0;
}

.anb-pd-tabs__panel table.shop_attributes th,
.anb-pd-tabs__panel table.shop_attributes td {
  border: none;
  border-bottom: 1px solid #f0f0f0;
  padding: 0.65rem 0;
  color: #555;
}

.anb-pd-tabs__panel table.shop_attributes th {
  font-weight: 700;
  color: #333;
  width: 35%;
}

/* ── Related products ── */
.anb-pd-related {
  margin-top: 3rem;
}

.anb-pd-active .related.products > h2 {
  font-size: 1.35rem;
  margin-bottom: 1.25rem;
}

/* ── Mobile ── */
@media (max-width: 767px) {
  .anb-pd-active .anb-pd-product {
    padding: 1rem 1rem 2.5rem;
  }

  .anb-pd-gallery ol.flex-control-nav.flex-control-thumbs li {
    width: 60px;
    min-width: 60px;
  }
}