/* =========================================================================
   Product (PDP) — Cohort 5 (Leaf Bloom)
   Bootstrap-first authoring (rule 0.27). Cohort prefix: product-5-*.
   ========================================================================= */

.product-5-page { padding-bottom: 64px; }

/* ---------- Breadcrumb ---------- */
.product-5-breadcrumb {
    padding: 18px 12px 6px;
    font-size: 0.85rem;
    color: var(--bs-secondary-color, #6B7280);
}
.product-5-breadcrumb a { color: var(--bs-secondary-color, #6B7280); text-decoration: none; }
.product-5-breadcrumb a:hover { color: var(--bs-primary, #3F8043); }
.product-5-breadcrumb-sep { margin: 0 6px; color: var(--bs-border-color, #E5E7EB); }
.product-5-breadcrumb-current { color: var(--bs-body-color, #1F2937); font-weight: 500; }

/* ---------- Main 3-col ---------- */
.product-5-main {
    padding: 24px 0 48px;
}

/* Gallery */
.product-5-gallery {
    background: var(--bs-light-secondary, #F5EFE6);
    border-radius: 16px;
    overflow: hidden;
    padding: 16px;
    position: relative;
}

.product-5-discount-chip {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 3;
    background: #7A6B33;
    color: #FFFFFF;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
}

.product-5-gallery-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-5-gallery-list img {
    width: 100%;
    height: auto;
    object-fit: contain;
    background: var(--bs-body-bg, #FFFFFF);
    border-radius: 12px;
}

/* Info column */
.product-5-info { padding: 8px 4px; }

.product-5-brand-chip {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--bs-primary, #3F8043);
    background: var(--bs-light-primary, #E8F0E3);
    padding: 4px 12px;
    border-radius: 999px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

.product-5-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--bs-body-color, #1F2937);
    line-height: 1.25;
    margin: 0 0 12px;
    letter-spacing: -0.01em;
}

.product-5-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 0.85rem;
    color: var(--bs-secondary-color, #6B7280);
}
.product-5-rating-stars { color: var(--bs-warning, #D97706); display: inline-flex; gap: 2px; }
.product-5-rating-meta { color: var(--bs-body-color, #1F2937); font-weight: 500; }

.product-5-price-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px 0;
    border-top: 1px solid var(--bs-border-color, #E5E7EB);
    border-bottom: 1px solid var(--bs-border-color, #E5E7EB);
    margin-bottom: 16px;
}

.product-5-price-new {
    font-size: 1.85rem;
    font-weight: 800;
    color: var(--bs-body-color, #1F2937);
}

.product-5-price-old {
    font-size: 1.05rem;
    color: var(--bs-secondary-color, #6B7280);
    text-decoration: line-through;
}

.product-5-save-chip {
    background: var(--bs-light-success, #D1FAE5);
    color: var(--bs-success, #059669);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}

.product-5-stock-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    font-size: 0.88rem;
    color: var(--bs-secondary-color, #6B7280);
}
.product-5-stock-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bs-secondary, #6B7280);
}
.product-5-stock-dot.product-5-stock-stock { background: var(--bs-success, #059669); }
.product-5-stock-dot.product-5-stock-pre   { background: var(--bs-warning, #D97706); }
.product-5-stock-dot.product-5-stock-coming{ background: var(--bs-info, #0EA5E9); }
.product-5-stock-label { color: var(--bs-body-color, #1F2937); font-weight: 500; }
.product-5-meta-sep { color: var(--bs-border-color, #E5E7EB); }
.product-5-sku { font-size: 0.82rem; }

.product-5-short-info {
    color: var(--bs-secondary-color, #6B7280);
    font-size: 0.92rem;
    line-height: 1.6;
    margin-bottom: 18px;
}
.product-5-short-info ul { padding-left: 18px; margin: 0; }
.product-5-short-info li { margin-bottom: 6px; }
.product-5-short-info strong { color: var(--bs-body-color, #1F2937); }

.product-5-meta-grid {
    margin-top: 18px;
    border-top: 1px solid var(--bs-border-color, #E5E7EB);
    padding-top: 16px;
}

.product-5-meta-row {
    display: flex;
    gap: 12px;
    font-size: 0.88rem;
    margin-bottom: 6px;
}

.product-5-meta-label {
    color: var(--bs-secondary-color, #6B7280);
    min-width: 80px;
    font-weight: 500;
}

.product-5-meta-value a {
    color: var(--bs-primary, #3F8043);
    text-decoration: none;
}
.product-5-meta-value a:hover { text-decoration: underline; }

.product-5-share {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--bs-border-color, #E5E7EB);
    font-size: 0.85rem;
}
.product-5-share-label { color: var(--bs-secondary-color, #6B7280); font-weight: 500; }
.product-5-share a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--bs-body-color, #1F2937);
    text-decoration: none;
}
.product-5-share a:hover { color: var(--bs-primary, #3F8043); }

/* ---------- Sidebar feature panels ---------- */
.product-5-features {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-5-feature-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: var(--bs-light-secondary, #F5EFE6);
    border-radius: 12px;
}

.product-5-feature-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bs-body-bg, #FFFFFF);
    color: var(--bs-primary, #3F8043);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.product-5-feature-title {
    font-size: 0.88rem;
    font-weight: 700;
    margin: 0 0 2px;
    color: var(--bs-body-color, #1F2937);
}

.product-5-feature-text {
    font-size: 0.78rem;
    margin: 0;
    color: var(--bs-secondary-color, #6B7280);
    line-height: 1.4;
}

/* ---------- Description / sections ---------- */
.product-5-description {
    padding: 56px 12px;
    border-top: 1px solid var(--bs-border-color, #E5E7EB);
}

.product-5-section-head {
    text-align: center;
    margin-bottom: 32px;
}

.product-5-eyebrow {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--bs-primary, #3F8043);
    margin-bottom: 8px;
}

.product-5-rule {
    display: block;
    width: 48px;
    height: 2px;
    background: var(--bs-primary, #3F8043);
    border-radius: 2px;
    margin: 14px auto 0;
}

.product-5-section-heading {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--bs-body-color, #1F2937);
    margin: 0;
    letter-spacing: -0.015em;
    line-height: 1.2;
}

.product-5-description-content {
    color: var(--bs-body-color, #1F2937);
    font-size: 0.95rem;
    line-height: 1.7;
}
.product-5-description-content h3 { margin-top: 18px; font-size: 1.05rem; font-weight: 700; }
.product-5-description-content ul { padding-left: 18px; }
.product-5-description-content li { margin-bottom: 6px; }

/* ---------- Latest-price SEO block ---------- */
.product-5-latest-price {
    padding: 28px 16px;
    background: var(--bs-light-secondary, #F5EFE6);
    border-radius: 16px;
    margin: 24px auto;
    max-width: 1100px;
}
.product-5-latest-price p {
    margin: 0;
    color: var(--bs-body-color, #1F2937);
    font-size: 0.95rem;
    line-height: 1.5;
}

/* ---------- Related rail ---------- */
.product-5-related {
    padding: 56px 12px;
    border-top: 1px solid var(--bs-border-color, #E5E7EB);
}

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
    .product-5-features { flex-direction: row; flex-wrap: wrap; gap: 8px; }
    .product-5-feature-card { flex: 1 1 calc(50% - 4px); }
}
@media (max-width: 575.98px) {
    .product-5-title { font-size: 1.3rem; }
    .product-5-price-new { font-size: 1.5rem; }
    .product-5-feature-card { flex: 1 1 100%; }
}