/* =========================================================
   KoAmazon PDP — editable / server-rendered layout helpers
   Loaded after koamazon-ui99.css. Prefer CSS over JS.
   ========================================================= */

.html-ko-pdp-editable .product-details-page.ko-pdp-editable {
  /* mark ready without waiting for heavy JS */
}

/* Public SKU under title (server-rendered) */
.html-ko-pdp-editable .ko-public-sku {
  margin: 4px 0 10px;
  font-size: 14px;
  color: var(--muted, #565959);
  line-height: 1.4;
}
.html-ko-pdp-editable .ko-public-sku-label {
  font-weight: 700;
  color: var(--text, #0f1111);
  margin-right: 4px;
}

/* Hide native SKU/MPN row when we already show public SKU */
.html-ko-pdp-editable .overview:has(.ko-public-sku) > .additional-details,
.html-ko-pdp-editable .overview:has(.ko-public-sku) > .sku,
.html-ko-pdp-editable .overview .sku.ko-sku-native-hide {
  display: none !important;
}

/* Match original screenshot: lead under title, commerce before About */
.html-ko-pdp-editable .overview .product-name {
  margin-bottom: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-soft, #e7e7e7);
}
.html-ko-pdp-editable .ko-overview-commerce {
  margin: 8px 0 14px;
}
.html-ko-pdp-editable .ko-overview-commerce .availability,
.html-ko-pdp-editable .ko-overview-commerce .stock {
  margin: 0 0 6px;
  font-size: 14px;
}
.html-ko-pdp-editable .ko-overview-commerce .prices .actual-price {
  font-size: 28px;
  font-weight: 700;
  color: var(--text, #0f1111);
  line-height: 1.2;
}

/* Store-wide lead under title — Topic KoPdp.Lead */
.html-ko-pdp-editable .ko-pdp-def {
  margin: 8px 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--muted, #565959);
}
.html-ko-pdp-editable .ko-pdp-def .ko-pdp-topic-title {
  display: none;
}
.html-ko-pdp-editable .ko-pdp-def .ko-pdp-topic-body p {
  margin: 0;
}

/* ui99 hides .overview .short-description (legacy JS moved it). Force About visible. */
.html-ko-pdp-editable .overview .ko-about-item,
.html-ko-pdp-editable .overview .ko-about-item.short-description {
  display: block !important;
}

/* About this item — Short description + Topic KoPdp.AboutExtras */
.html-ko-pdp-editable .ko-about-item {
  margin: 12px 0 16px;
}

/* Match original: "In stock" green */
.html-ko-pdp-editable .ko-overview-commerce .stock .value,
.html-ko-pdp-editable .ko-overview-commerce .availability .value,
.html-ko-pdp-editable .ko-overview-commerce .stock span:last-child,
.html-ko-pdp-editable .ko-overview-commerce .availability {
  color: inherit;
}
.html-ko-pdp-editable .ko-overview-commerce .stock .value,
.html-ko-pdp-editable .ko-overview-commerce .availability .value {
  color: var(--ok, #007600) !important;
  font-weight: 700;
}

/* Public SKU: number emphasis like original (label muted) */
.html-ko-pdp-editable .ko-public-sku {
  font-weight: 700;
  color: var(--text, #0f1111);
}
.html-ko-pdp-editable .ko-public-sku-label {
  font-weight: 700;
}
.html-ko-pdp-editable .ko-about-heading {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px;
  color: var(--text, #0f1111);
}
/* No list items → hide About block chrome */
.html-ko-pdp-editable .ko-about-item:not(:has(ul li)) {
  display: none;
}
/* AboutExtras topic: no extra chrome, merge into blue-dot list */
.html-ko-pdp-editable .ko-about-body .ko-about-extras {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.html-ko-pdp-editable .ko-about-body .ko-about-extras .ko-pdp-topic-title {
  display: none;
}
.html-ko-pdp-editable .ko-about-body .ko-about-extras .ko-pdp-topic-body {
  margin: 0;
  padding: 0;
}
.html-ko-pdp-editable .ko-about-body > p,
.html-ko-pdp-editable .ko-about-body > .ks-pdp-lead {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text, #0f1111);
}
.html-ko-pdp-editable .ko-about-body ul,
.html-ko-pdp-editable .ko-about-body ul.ks-specs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.html-ko-pdp-editable .ko-about-body ul li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 14px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--text, #0f1111);
}
.html-ko-pdp-editable .ko-about-body ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #007185;
}

/* Topic blocks on PDP */
.html-ko-pdp-editable .ko-pdp-topic {
  margin: 0;
}
.html-ko-pdp-editable .ko-pdp-topic-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-soft, #e7e7e7);
}
.html-ko-pdp-editable .ko-compat-block,
.html-ko-pdp-editable .ko-faq-block {
  margin: 28px 0 24px;
  max-width: var(--max, 1500px);
}
.html-ko-pdp-editable .ko-faq-block details {
  border: 1px solid var(--border, #d5d9d9);
  border-radius: 4px;
  background: #fff;
  margin: 0 0 8px;
  padding: 10px 12px;
}
.html-ko-pdp-editable .ko-faq-block summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
}
.html-ko-pdp-editable .ko-faq-block details p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--muted, #565959);
}

/* Important notice under gallery — content from Topic */
.html-ko-pdp-editable .ko-important-notice.ko-gallery-notice {
  display: block;
}

/* Buybox topic snippets: strip default topic chrome */
.html-ko-pdp-editable .ko-buybox-panel .ko-pdp-topic-title {
  display: none;
}
.html-ko-pdp-editable .ko-buybox-ship .ko-pdp-topic-body,
.html-ko-pdp-editable .ko-buybox-ship-note .ko-pdp-topic-body,
.html-ko-pdp-editable .ko-buybox-secure .ko-pdp-topic-body {
  margin: 0;
  padding: 0;
}
.html-ko-pdp-editable .ko-buybox-ship .ko-pdp-topic-body p,
.html-ko-pdp-editable .ko-buybox-ship-note .ko-pdp-topic-body p,
.html-ko-pdp-editable .ko-buybox-secure .ko-pdp-topic-body p {
  margin: 0;
}

/* Price shown in buybox; keep overview clean if price only in panel */
.html-ko-pdp-editable .ko-buybox-price-host .prices {
  margin: 0 0 8px;
}

/* Show content immediately — do not wait for legacy enrich */
.html-ko-pdp-editable.ko-pdp-ready .product-details-page,
.html-product-details-page.html-ko-pdp-editable .product-details-page {
  visibility: visible;
}