/* ==========================================================================
   PRODUCT FULL DESCRIPTION - HIỆU ỨNG MỜ TRONG SUỐT (MASK GRADIENT)
   ========================================================================== */

.product-full-desc { 
    width: 100%; 
    margin: 35px auto 20px auto; 
    box-sizing: border-box;
}

.product-full-desc-container { 
    padding-top: 10px; 
}

/* Tiêu đề mục mô tả */
.product-full-desc-container h3 { 
    color: var(--text-heading, #2F2B29); 
    margin-bottom: 18px; 
    font-family: var(--font-primary, 'Parastoo', serif);
    font-size: 26px;
    font-weight: 600;
}

/* KHỐI NỘI DUNG VỚI MẶT NẠ TRONG SUỐT (KHÔNG DÙNG MÀU NỀN TRẮNG) */
.product-full-desc-wrap { 
    position: relative; 
    overflow: hidden; 
    max-height: 250px; 
    transition: max-height 0.4s ease-in-out; 
    
    /* Chữ tự động mờ dần từ 55% xuống 100% độ cao - Tiệp mọi loại nền */
    -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
}

/* Khi bấm mở rộng -> Hủy mặt nạ để hiện rõ 100% nội dung */
.product-full-desc-wrap.is-expanded { 
    max-height: 5000px; 
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

.product-full-desc-content { 
    color: var(--text-body, #5C5752); 
    font-family: var(--font-secondary, 'Be Vietnam Pro', sans-serif);
    font-size: 15px;
    line-height: 1.8; 
}

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

/* Vùng nút bấm căn sát lề trái */
.product-full-desc-actions {
    margin-top: 10px;
    text-align: left;
}

/* NÚT CHỮ TỐI GIẢN */
.product-full-desc-btn { 
    display: inline-block !important;
    font-family: var(--font-secondary, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--text-heading, #2F2B29) !important;
    cursor: pointer !important;
    user-select: none;
    transition: color 0.2s ease;
    line-height: 1.4 !important;
}

.product-full-desc-btn:hover { 
    color: var(--color-accent-2, #8A5038) !important;
}