/* ==========================================================================
   PRODUCT FULL DESCRIPTION
   Sử dụng 100% Design Tokens từ global.css
   ========================================================================== */

.product-full-desc { 
    width: 100%; 
    margin: var(--section-gap, 30px) auto var(--component-gap, 15px) auto; 
    box-sizing: border-box;
}

.product-full-desc-container { 
    border-top: 1px solid rgba(123, 138, 153, 0.25); 
    padding-top: var(--component-gap, 15px); 
}

/* Style tiêu đề MÔ TẢ SẢN PHẨM */
.product-full-desc-container h3 { 
    color: var(--text-title, #000000); 
    font-family: var(--font-lexend), sans-serif !important;
    font-size: var(--fs-h3, 25px);
    font-weight: var(--fw-h3, 600);
    line-height: var(--lh-h3, 1.25);
    margin: 0 0 var(--space-heading-bottom, 8px) 0; 
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-full-desc-wrap { 
    position: relative; 
    overflow: hidden; 
    max-height: 250px; 
    transition: max-height 0.4s ease-in-out; 
}

.product-full-desc-wrap.is-expanded { 
    max-height: 4000px; 
}

.product-full-desc-content { 
    color: var(--text-dark, #000000); 
    font-family: var(--font-lexend), sans-serif;
    font-size: var(--fs-body-m, 16px);
    font-weight: var(--fw-body-m, 300);
    line-height: var(--lh-body-m, 1.5); 
    opacity: 0.9;
}

.product-full-desc-content p {
    margin: 0 0 12px 0;
}

.product-full-desc-content p:last-child {
    margin-bottom: 0;
}

.product-full-desc-fade { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 80px; 
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--color-primary, #ffffff)); 
    pointer-events: none; 
    transition: opacity 0.3s; 
}

.product-full-desc-wrap.is-expanded .product-full-desc-fade { 
    opacity: 0; 
}

/* Nút Xem Thêm / Thu Gọn */
.product-full-desc-container button { 
    color: var(--text-dark, #000000); 
    font-family: var(--font-lexend), sans-serif;
    font-size: var(--fs-btn-m, 14px);
    font-weight: 600;
    background: none; 
    border: none; 
    padding: 12px 0 0 0; 
    cursor: pointer; 
    display: inline-block; 
    transition: var(--transition-base, all 0.25s ease);
}

.product-full-desc-container button:hover { 
    color: var(--color-accent, #027CC5); 
}