.wa-detail .wa-detail__breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;line-height:20px;color:#6b6b6b}
.wa-detail__breadcrumb{display:flex;align-items:center;min-width:0;max-width:100%;overflow-wrap:anywhere}
.wa-detail__breadcrumb>a{color:inherit}
.wa-detail__breadcrumb:last-child{color:#1a1a1a}
.wa-detail__breadcrumb-separator{flex:none}
/* Keep WooCommerce's home label accessible; use the prototype's Lucide house (ISC). */
.wa-detail__breadcrumb:first-child>a{display:flex;align-items:center;font-size:0;line-height:0}
.wa-detail__breadcrumb:first-child>a::before{content:"";width:15px;height:15px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}
.wa-detail .wa-detail__rating{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;font-size:13.5px;line-height:1.5}
.wa-detail__rating-star{color:#e06c00;font-size:16px;line-height:1}
.wa-detail__rating-value{color:#1a1a1a;font-weight:600}
.wa-detail__rating-count{color:#6b6b6b}
.wa-detail__badges{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}
.wa-detail__kolok{position:relative;display:flex;flex-direction:column;max-width:100%;pointer-events:auto}
/* The transparent lower hit area preserves a 44px target without enlarging the visible badge. */
.wa-detail .wa-detail__kolok-trigger{display:flex;align-items:flex-start;background:transparent;color:#fff;border:0;border-radius:8px;padding:0 0 15px;margin:0 0 -15px;min-width:44px;min-height:44px;font-family:inherit;font-size:13px;font-weight:700;line-height:19px;letter-spacing:.02em;text-transform:none;box-shadow:none;cursor:pointer}
.wa-detail__kolok-label{display:block;background:#1a1a1a;border-radius:8px;padding:5px 10px}
.wa-detail .wa-detail__kolok-trigger:hover,.wa-detail .wa-detail__kolok-trigger:focus{background:transparent;color:#fff}
.wa-detail .wa-detail__kolok-trigger:focus-visible{outline:0}
.wa-detail__kolok-trigger:focus-visible .wa-detail__kolok-label{outline:3px solid #007cb5;outline-offset:1px}
.wa-detail .wa-detail__kolok-trigger::before,.wa-detail .wa-detail__kolok-trigger::after{display:none}
.wa-detail__kolok-tooltip{position:absolute;top:calc(100% + 6px);left:0;z-index:6;width:240px;max-width:calc(100vw - 64px);padding:10px 12px;background:#1a1a1a;color:#fff;border-radius:10px;font-size:13px;line-height:1.45;font-weight:500;overflow-wrap:anywhere;box-shadow:0 4px 12px #0003}
.wa-detail__discount{display:block;flex:none;background:#c52a86;color:#fff;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:700;line-height:24px}
.wa-detail__badge{display:block;flex:none;background:#1a1a1a;color:#fff;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:600;line-height:normal}
.wa-detail__badge--new{background:#ffd400;color:#1a1a1a}
/* Reserve the transparent target below Kolok only when the next badge is visible. */
.wa-detail__kolok~.wa-detail__discount:not([hidden]),.wa-detail__kolok~.wa-detail__badge:not([hidden]){margin-top:15px}
.wa-detail__kolok-tooltip[hidden],.wa-detail__discount[hidden],.wa-detail__badge[hidden]{display:none}